Posts tagged ·

Interactive

·...

제스처 인터렉션 프로젝트 진행중

2 comments

회사를 그만 두고 잠시 쉴려고 하였는데,
우연찮게 재미있는 프로젝트가 들어와 내 정신을 사로잡아 버렸다.

소켓 통신으로 제스처 명령을 받아 처리를 하는 것으로 콘텐츠 만드는게 조금은 번거롭다.
마우스와 키보드, 외부 소켓 명령을 동시에 소화를 시켜야 하니 작업 시간이 만만치 않다.

풀 플래시 콘텐츠로 스트럭처 역시 화면의 따라 명령을 받게 처리해야 하므로 쉽게 만들 수 없는 부분이라 내 머리가 아플 정도다. 우선은 타스크 기반으로 작업을 하고 있는데, 거의 개발 수준으로 진행이 되고 있다. 그래서 요즘 정신이 없다. 화도 약간 났지만… 머~ 이런것도 프로젝트의 묘미지…

소켓 통신을 처음 해봤는데 생각보다 로컬에서는 쉽게 작동한다.
소켓 프로그램을 열고 명령을 받아서 작동되는 것도 몇 개 테스트 해봤다.

프로젝트가 끝나면 동영상으로 소켓 통신으로 작동되는 콘텐츠를 찍어 올리고,
간단한 통신에 대한 부분도 기재하려 한다.

프로젝트를 진행하면서 문제점이 있다면, 아직 상용화되지 않은 부분이라 콘셉트나 콘티 보다는 작동에 대한 디테일한 동작에 대해서 작업이 진행이 되어 조금은 힘들다는 정도? 알고 가는 길이 아니라 그냥 따라서 걷는 듯한 느낌의 프로젝트?? ㅋ

어쨌든 재미있게 작업하고 있으니 잘 되리라 생각된다. 연구소에도 한번 가서 작동 되는 원리라던지 기타 궁금한 것들도 여력이 된다면 배워보고 싶다.

요번달은 금방 지나갈듯…
처리할 것들이 많은데… 냠냠…

UX를 개선하기 위한 가이드라인

1 comment

프로필 사진이 없어요.

2008/11/26 18:04

 About 황리건 작성 

UX의 이해

UX의 정의
세계 10대 UX 전문가
사용자 경험의 진짜 가치는?
UX전문가의 머리 속엔 뭐가 들어있을까?
UX의 향상이 정말 기업의 운영에 도움을 줄 수 있을까?
국내 UX 블로그 리스트 
서비스의 UX 경영 vs. 제품의 UX 경영
[인터뷰] 차세대 웹, 왜 UX를 말하는가?
랜디 포시의 ‘마지막 강의’와 행복한 삶의 가치 기준
무한도전 디자인 편… 김영세 디자이너가 말하는 디자인이란?
세계적인 디자이너 ‘카림라시드’ 강연회
스타벅스가 만약 교회처럼 마케팅을 한다면?


생활 속의 UX
UX로 교감에 성공한 캠페인 사례-Listen
버거킹의 광고를 통해 본 ‘새로운 경험’의 허와 실
[2008 칸 국제 광고제 특집] 당신은 엿보는 것을 좋아하십니까?
[2008 칸 국제 광고제 특집] 노트북으로 전달되는 Toyota의 사용자경험
XBOX360의 새로운 사용자 경험 
GPS 네비게이션 with iPhone
[뉴욕 특집 1탄] 타임즈 스퀘어의 디스플레이 광고
[뉴욕 특집 2탄] IKEA(이케아)는 왜 인기있을까? : UX 디자인 관점에서 보기
[뉴욕 특집 3탄] UX의 눈으로 바라본 풍경들
한번 가고 두번 가도 자꾸만 가고싶네! : UX 디자인 관점에서 연대 도서관 보기
UCC 동영상 재미있게 만들기 
사회적 경험을 고려한, 나이키+ 스포츠밴드 달리기
컴퓨터는 다시 퍼스널(Personal)이다. : 터치 기반의 PC 환경
영화 ‘월E’와 생존 문제 : 지속가능성(sustainability)이 중요한 이유 
접히는 무선 마우스 : Microsoft Arc Mouse

 

웹사이트 UX 리뷰
스프링노트를 만든 사용자 경험(User Experience) 이야기
증권 정보 사이트들은 과연 사용자를 고려하고 있을까?
검색엔진 디자인. 단순함으로의 귀환 
아마존 탭 네비게이션의 변화
게임 UX에 대한 단상
웹페이지에서 비디오를 보여주는 33가지 방법
플릭커와 구글의 어린이 흉내내기 수법 : 사용자의 감성을 어떻게 움직일까?
사용자와의 거리 좁히기 : 미디어다음 <오늘의 주요 뉴스>의 웹슬라이스
웹사이트의 뒷면, 관리자 툴의 디자인 엿보기
디스커버리 채널 HD 웹사이트 
송혜교 눈 속에 비친 풍경? 조선딥줌포토 
헬스케어 분야에의 UX
요세미티 국립공원 2008 파노라마 사진 프로젝트
del.icio.us 룩앤필 변화를 한 눈에 볼 수 있는 영상 
Facebook과 last.fm 리뉴얼 : 소셜 네트워크 사이트의 디자인 전략
DCinside 주식갤러리의 눈물겨운 변천사

 

웹디자인의 새로운 역할
웹디자이너 2.0
웹의 가치를 증대시키기 위한, 그러나 잘 알려지지 않은 노력들
슈퍼디자이너?
포털 사이트의 디자인 혁신 노력
2008년의 유망직종으로서의 ‘UX 전문가’ 
UX 디자이너 = 행복 디자이너 : 게임보다 더 ‘행복’한 현실 만들기
UX 실무자 vs. UX 관리자 : UX 팀장으로 성공하기

 

UX 시작하기
UX를 위한 디자인 아이디어 얻기 
경험디자인의 꽃은 ‘건축’
사용자 경험 설계 지도(Map) 
애자일 프로젝트에 UX를 적용하기
애자일(Agile) 방법론에서 UX를 고려해야 하는 이유 
UX디자인과 포스트잇
- UX조직 관리
UX를 향상시키기 위한 다섯가지 핵심 역량
UX 드림팀 만들기
전문적인 UX팀 구축을 위한 가이드라인 : 우리 UX팀은 몇 점?

 

인간과 컴퓨터의 작호작용(HCI) 연구
피렌체에서 열린 CHI 2008에서 주목할만한 페이퍼는?
K-Menu: 키워드를 활용한 동적 메뉴 인터페이스
소토로, 애완동물처럼 구는 소파
포토신스 서비스의 미래 모습 : 사용자 중심의 신기술 개발 
유비쿼터스 기술과 연구의 장, Ubicomp2008
- 모바일
LucidTouch : 차세대 모바일 인터페이스
한국의 모바일, 요즘에 무슨 일이? 
키보드가 달린 핸드폰 UI가 대세가 될까? 
MS의 Sidesight는 차세대 (멀티)터치모바일폰의 대안인가?
- IPTV
IPTV, prologue 
리모콘 / Remote Controller 
- 서피스, 윈도 7
서피스 컴퓨팅(Surface Computing) 동영상
윈도 7에 멀티터치 인터페이스 적용
 윈도7의 인터페이스 동영상
서피스 디자이너 조(joe fletcher)씨와의 만남 
MS Research에서 개발한 멀티 터치스크린 R&D들
- 닌텐도 위
존재하는 모든 화면을 3D로! -Wii 센서를 응용한 새로운 시도들 
닌텐도 위(Wii)로 도쿄 조깅 즐기기 : 컨트롤러와 이미지를 통한 가상현실 매시업
- 로봇
‘홈로봇’이라는 새로운 사용자 경험의 카테고리 
로봇 개발자의 시대가 오고 있어요
- 증강현실
동영상과 이미지를 가상현실로 재현해내는 기술 
증강현실과 UX : 교육과 게임 분야에의 활용을 위한 고려사항

 

미디어아트
흥미로운 컴퓨터 그래픽스와 미디어 아트의 세계
미래의 모니터는 어떤 모습일까?
디지털 음악을 즐기는 새로운 방법 
최승준 개인전 : 그림자가 따라와요
구글 안드로이드 UX, 인상적인 것은…
터치 디스플레이가 가져올 UX의 미래 모습
‘서울 디자인 올림픽’ _Cube
현수막의 재발견!
The Unfinished Swan
Myoelectric Work by Daito Manabe and Motoi

 

정보 시각화
그래픽 아트의 새로운 장을 여는 정보시각화(Data Visualization)
시각적 변별력을 높여주는 방법
서적 판매량 정보시각화 사례
미래 예측 지도 : 미국 공교육의 미래
정보 과부하를 해결하기 위한 인터페이스 디자인
이미지로 영향력을 미치는 방법 : 에드워드 터프티의 정보시각화
디자인 트렌드 2008 정보시각화 사례
위성사진 VS 항공사진 : 미국 뉴욕에서의 첫번째 포스팅
색과 감성 이야기

 

사용자 이해
경험의 유지와 변화 – Consistency VS Innovation 
커피파는 의사님과 디자인의 역할
사람과 사물의 관계 맺기 : 인형과 이불의 차이 
첫 방문에서 기분좋게 회원가입할 수 있도록 배려하기 
[유머] 고객이 정말 필요한 것? 
세계 각국의 주소 입력UI의 차이
터치PC에 대한 사용자 인식의 변화 : 그리고 HP 터치 스마트(Touch Smart) UI 살펴보기
뺄셈이 없는 덧셈 – 중국의 웹사이트
네비게이터와 UX, 소리
지금 DCinside, 집단 지성: 빠삐놈
- 에스노그라피 방법론
사람들은 왜 블로그를 이용하는가?
디카는 자동차보다 훨씬 작은데, 사용설명서는 왜 더 두꺼울까?
에스노그라피(ethnography)를 어떻게 UX 디자인에 활용할까?
교육의 미래, 아니 위기

 

사용자 분석과 사용성
리서치 기반의 웹디자인 & 사용성 가이드라인
저렴한 비용으로 쉽게 해볼 수 있는 사용성 평가 가이드 
디자이너가 알아둘만한 10가지 웹사이트 분석 방법
모니터 해상도와 사용성 문제 
유저와의 커뮤니케이션 실패 사례 
가짜 인터페이스 문제 : 사용자를 속이는 웹사이트
- 페르소나 방법론
페르소나를 적용하는 10단계 과정
데이터를 기반으로 퍼소나 (페르소나) 구축하기
- 아이 트래킹
웹디자인에 대한 과학적 접근법 : 아이트래킹(Eye-Tracking)을 통한 23가지 지침

 

서비스 기획에서의 UX
기본을 고민하는 마인드
단순함 그리고 디자인
왜 37signals가 유명할까? 
웹사이트의 첫인상을 결정하는 21가지 요소
첫 페이지의 사용자 경험
우주에서 전구쓰기
- 정보 설계
IA Summit 2007 자료
- 소셜 디자인
소셜 디자인? 사회적 인간을 위한 디자인 
소셜 기반의 쇼핑 : 온라인에서 쇼핑 경험의 변화 
- 웹의 변화
2008 Web Predictions (2008년 웹 전망) 
체험 측면에서 바라보는 차세대 웹
웹2.0 서비스 기획 : 파워포인트만으로도 충분할까?
웹과 데스크탑, 모바일을 넘나드는 사용자 경험, Live Mesh
UV Must Die : 고유 방문자수보다 반송률이 중요한 이유

 

인터랙션 디자인
인터랙션 디자인이 중요한 이유
보다 효율적이고 편리한 UI 디자인을 위한 20가지 팁
새로나온 책 – Designing Interfaces : 인터페이스 디자인 94가지 패턴
제이콥 닐슨의 탭 네비게이션 사용의 13가지 주의사항
윈도 비스타에선 어떻게 UX를 설계했을까
회원가입과 로그인 프로세스의 UX 디자인 
IxDA Interaction 08 컨퍼런스 비디오 
우리는 오래된 메타포에서 벗어날 수 있을까?
디자인은 돈이다 : ATM 머신의 UI 디자인 개선사례
Office 2007 리본 UI는 어떻게 디자인 했을까? 
더 좋은 소프트웨어를 만드는 6가지 사용자 중심의 디자인 방법론
플래시 애니메이션 광고가 GIF 이미지 광고보다 효과적일까?
- 프로토타이핑
위대한 아이디어는 어디에서 올까? 
재미있는 페이퍼 프로토타이핑 관련 영상 모음
프로토타이핑 툴의 장단점
- 글꼴
블로그의 가독성 높이기 : 맑은 고딕 폰트 적용법
사회적 특징을 갖는 웹 글꼴 : 미투데이에 나눔고딕 적용?
세계 각국의 윈도 폰트 리스트 : 글로벌 서비스 구축을 위한…

 

인터페이스 개발
‘작은 차이’ 폼 디자인이 ‘명품’ 웹어플리케이션을 만든다
사소한 배려가 UX를 높인다구요
윈도 비스타용 애플리케이션 만들기
브라우저 밖으로 나온 도구들 : 윈도 라이브 스위트 “제3의 물결”
컴퓨터 책 시장을 통해 보는 기술 트렌드 : 운영체제 분야 급부상
- RIA
RIA 기술에 대한 애꿎은 편견
UX 기술 활용사례 링크모음 
[유머] 실버라이트와 플래시가 만나 빛을 밝히는 세상 
- 실버라이트
Mediapreview.tv : 실버라이트가 적용된 TV 인터페이스 사이트
Tafiti.com : 실버라이트와 라이브 검색의 매시업
RIA와 실버라이트 : 쇼케이스 및 참고자료 
실버라이트2 컨텐츠를 live.com에 올리는 방법 
실버라이트용 다양한 UI 컨트롤 모음집
마이크로소프트 UX 디자인/개발 파트너(실버라이트, WPF) 
실버라이트 블로그 모음 : 실버라이트를 배우는 데 꼭 보아야 할 13가지 블로그
실버라이트 최신 버전 다운로드 및 개발툴 설치 링크(2008년 10월 29일 업데이트)
- 웹표준
웹표준과 접근성을 고려한 차트 만들기
웹표준 전도사들의 CSS는 잠시 휴가 중… 
- 웹접근성
웹접근성을 점검하는 25가지 웹사이트 
RIA 기술을 포함한 웹접근성에 대한 세미나(4/22) 

발표자료 모음
[발표자료] 웹애플리케이션 디자인 방법론 : 실버라이트 협업모델
IE8 베타2 기술 세미나 발표자료
인터랙티브 웹디자인 코어 세미나 2008
웹 애플리케이션 컨퍼런스 2008 <웹 애플리케이션 디자인 방법론> 발표자료
인터랙티브 웹디자인 코어 세미나 <기술 트렌드와 프로토타이핑> 발표자료

신세계몰 쇼블 베타버전

no comments

다수상품

단일상품

요번 프로젝트는 신세계몰에 있는 상품을 블로거들이 마음대로 퍼가기를 하여 “2% 추가 할인 및 적립금” 을 받을 수 있도록 기획되어있는 플젝트로 상품 에디터 및 비주얼 부분 개발을 고스트 코어에서 작업하게 되었다.

현재 위의 두개의 뷰어는 각각의 에디터를 통해 완성되어진 콘텐츠로서 “다수상품” 같은 경우, 쇼블 사이트를 통하여 자신의 “내 쇼블 리스트 및 검색하여 찾기” 를 통하여 신세계몰 상품 중 원하는 상품을 스테이지에 올려놓으면서 완성을 시켜 블로깅을 할 수가 있고, “단일상품” 같은 경우 일반 유저들이 신세계몰에서 상품을 선택하여 “상품 리뷰를 작성 또는 상품평이 있는 상품”을 단일상품 에디터를 통하여 블로깅을 할 수가 있도록 되어있다.

플래시 비주얼 파트의 콘셉은 단순한 상품 이미지를 사용하여 여러 블로거들의 블로그에 장식 및 진열도 동시에 할 수 있도록 비주얼 부분에 힘을 실었으며 상품 프로모션화 시켜 상품을 좀 더 재미있게 노출 시키고자 노력하였다.

다수상품“은 PV3 2.0으로 개발이 되었고, “단일상품“은 PV3 1.5로 개발이 되었다. PV3가 생각보다 퍼포먼스가 좋지 않다고 판단이 든다. 단순하게 이미지만을 위한 뷰어라면 괜찮지만 intractive mode가 들어가면 내부에서 처리가 많아져 버벅거림을 감당하기 힘들다. 중간에 멈춰버리는 현상까지 발견하였다. 플래시 구조에도 문제가 조금 있지만 그것을 보완하기 위하여 smooth mode 체크를 on, off 하는 기능을 만들어 사용하여 퍼포먼스를 향상시켰다. “다수상품‘을 자세히 보면 이미지가 이글거리는 현상을 중간 중간을 볼 수가 있는데 이 부분이 smooth on, off 시스템에 의하여 작동되면서 퍼포먼스를 향상시키는 것이다. 그리고 부하를 최소화 시키고, 블로그에 많은 컨텐츠를 올릴 수 있도록 31fps를 사용하였다.

현재 플래시 개발은 끝이 났지만 페이지 및 전체 운영에 대해서 완성이 안되어있다. 위 컨텐츠는 데모 버전으로 퍼가기를 하여 상품을 산다고 하여도 “할인 및 적립금” 혜택이 없으므로 퍼가기 및 구입은 하지 마시길… 내년 오픈을 하면 보다 자세한 글을 남기도록 하겠다.

프로젝트에 참여 인원

  • 디렉팅 및 다수상품 에디터 개발 및 비주얼 효과 : 엄진우 실장
  • 단일상품 에디터 개발 및 비주얼 효과 : 부용운 대리
  • 단일상품 에디터 개발 : 이현정 대리