Are UX Ready?

[UI 디테일] UI / GUI 관점에서 본 카카오스토리, 아직은 아쉽다.

uxdragon — Tue, 01 May 2012 23:51:13 +0900

카카오톡에서 최근 사진기반 SNS인 '카카오스토리'를 런칭했습니다. 카카오스토리를 사용하는 한 명의 유저로써 본 포스팅을 통해 카카오스토리를 UI / GUI 관점에서 살펴보고 주로 아쉬웠던 점을 기술하였습니다.

* 본 포스팅은 아이폰 앱 0.7 버전 기준으로 작성되었습니다.

UI의 아쉬움

1. 내 히스토리를 보기 힘듭니다.

카카오스토리는 사진과 글을 같이 올렸을 경우 미리보기가 힘듭니다. 또한 상세 사진으로 접근했을 때에는 다시 원래 화면으로 돌아온 뒤 이미지를 탐색하는 구조를 사용하고 있습니다. 물론 본 UI의 경우 많은 사진을 훓어보기에 적합한 UI입니다. 하지만 글과 이미지를 같이 미리본다는 관점에서는 적합하지 않은 UI로 보여집니다. 또한 하나의 이미지를 확인 한 뒤에는 다시 '이전' 버튼을 눌러 탐색하는 것도 불필요한 이동을 초래하는 것 같습니다.

인스타그램은 이런 방식을 보완하기 위해서 썸네일뷰와 리스트뷰를 동시에 제공하고 있습니다. 썸네일뷰는 전체적인 이미지를 훓어보는데 용이하고, 리스트뷰는 이미지와 글을 같이 볼 수 있습니다.

[카카오스토리와 인스타그램의 내 정보]

2. 소식에 내 친구의 소식과 알림을 같이 사용하고 있습니다.

SNS의 경우 내 친구의 소식을 중요한 비중으로 다루고 있습니다. 소식 알림 또한 중요한 요소이긴 합니다만, 친구의 소식과 중복해서 사용할 경우 정작 중요한 친구의 소식이 묻힐 우려가 있습니다. 타 SNS처럼 알림 기능과 친구의 소식 기능을 분리할 것을 권장합니다.

[친구의 소식과 알림을 같이 제공하는 UI]

3. 잘못된 친구신청을 취소할 수 있는 방법이 없습니다. 받은 친구신청을 지울 수 있는 방법이 없습니다.

친구신청 버튼을 눌러 친구신청을 했는데, 바로 친구 신청이 되었습니다. 잘못 누른건데 친구 신청을 변경할 수 있는 방법이 없어서 당황했습니다. 또한 역으로 친구 신청을 받았는데 친구 수락을 지울 수 있는 방법이 없어서 당황했습니다. 친구 신청 방지 UI는 추가되어야 할 것 같습니다. 또한 친구 수락을 지우는 기능은 향후 추가될 것으로 기대합니다.

[친구 수락을 없앨 수 있는 방법이 없음]

4. 글 작성시 썸네일 이미지를 클릭하면 키패드가 닫힙니다.

이미지를 클릭하면 왜 키패드가 닫힐까요? 이미지를 확대해서 볼 수는 없었던 걸까요? 이미지를 클릭하면 큰 이미지를 보여주고 글 입력 영역을 클릭 시 키패드가 닫히게 하는 것이 좋을 것 같습니다.

[이미지를 클릭하면 키패드가 내려감]

5. 기타 UI 디테일의 아쉬움

편집 상태에서는 편집 버튼을 완료로 바꾸어야 합니다.

좋아요 버튼을 눌렀을 때 되돌리기 위해서는 '삭제'가 아니라 '취소'가 좋을 것 같습니다.

[편집중 화면에서도 버튼이 편집으로 보여짐, 좋아요 버튼을 눌렀을 때 되돌리기 버튼은 삭제가 아닌 취소]

GUI의 아쉬움

GUI적인 부분에도 몇 가지 아쉬움이 있었는데요, UI기획자의 입장에서 본 것이라 다소 입장 차이가 있을 수 있습니다.

1. 디테일이 약간 아쉬운 GUI

내 스토리 화면에서 글을 쓰면 포스트잇 색상이 랜덤으로 배열되는데 색상이 뭔가 아쉽습니다. 좀 더 예쁜 색깔로 쓸 수 있었을 것 같은데 아쉬워요.

친구 화면에서 친구수락 버튼이 중앙정렬 되지 않았네요. 사소한 부분이지만 이상하게 신경쓰이더군요.

[포스트잇 색상, 친구수락 버튼]

2. 직관적인 아이콘 사용 필요

왜 친구 공개는 잠금 아이콘을 사용했을까요?

왜 모두 공개는 열림 아이콘을 사용했을까요?

왜 필독 친구는 클립 아이콘을 사용했을까요?

아이콘 메타포를 좀 더 직관적으로 사용했으면 좋을 것 같습니다. 물론 설명 문구를 제공하기 때문에 학습이 가능하겠지만, 설명 문구가 없이도 이해할 수 있는 아이콘을 사용한다면 굳이 설명을 하지 않아도 이해할 수 있을 것 같습니다. 해석이 필요한 아이콘보다는 좀 더 명확하게 이해할 수 있는 아이콘이 필요합니다.

[직관적인 아이콘 사용 필요]

카카오스토리의 좋은 UI

그러나, 카카오스토리도 특유의 장점을 가지고 있습니다. 장점을 살펴보도록 하겠습니다.

1. 카카오톡과 연계된 UI

카카오스토리는 인스턴스 메신저인 카카오톡과 유기적으로 연결되어 있습니다. 많은 유저를 확보하고 있는 카카오톡과 연계하여 카카오톡의 유저를 카카오스토리로 유입시키는데 성공했습니다. 결국 서비스가 성공하려면 사람들이 많이 유입되어야 되는데, 사람들을 유입시킬 수 있는 방법을 잘 고민한 것 같습니다.

카카오스토리에서 친구 추가를 하면 카카오톡으로 메시지가 보내집니다. 또한 카카오톡에서 친구 프로필을 보면 카카오스토리 사진들이 보여져서 카카오스토리로 자연스럽게 유입될 수 있게 했습니다. 이런 점은 카카오스토리가 앞으로도 카카오톡의 상승세를 이어 받을 수 있는 장치로 보입니다.

[카카오스토리에서 친구신청을 하면 카카오톡으로 메시지가 보내짐]

2. 소소한 인터랙션을 잘 챙겼습니다.

'좋아요' 버튼을 누르기 위해서 하단에서 튀어나오는 애니매이션은 느낌이 좋더군요. UI기획을 하면서 흔히 놓치기 쉬운 부분이 객체 인터랙션인데 이런 부분은 잘 챙긴 것 같았습니다. 이런 부분들이 몇몇 군데에서 잘 보여지면 서비스 퀄리티 향상에 기여를 할 수 있겠지요.

[카카오스토리의 소소한 인터랙션]

정리하며...

카카오스토리는 아직 완성된 서비스가 아닙니다. UI 디테일이나 GUI 디테일이 아직은 아쉬운 서비스입니다. 일차적으로는 런칭 시간이 부족했을 것으로 생각됩니다. 그리고 각종 사진기반 SNS들이 난무하는 상황에서 다소 완성도가 떨어지더라도 빠르게 런칭을 하는 것을 선택했을 것으로 여겨집니다.

물론 UI나 GUI가 완벽하다고 해서 항상 서비스가 성공하지는 않습니다. 다소 아쉬운 점은 꾸준한 업데이트로 메워 나갈 수 있겠지요. 지속적인 업데이트를 통해 카카오스토리의 성공을 기대해봅니다.

참고자료

- 카카오스토리 웹사이트 : http://www.kakao.com/story

'[UX] Thought' 카테고리의 다른 글

[UI 디테일] UI / GUI 관점에서 본 카카오스토리, 아직은 아쉽다. (0)	2012/05/01
[UI 디테일] SNS의 댓글 네비게이션 구조를 어떻게 설계하는것이 좋을까? (0)	2012/03/31
[감상] 내가 대학원에 들어왔을때 알았더라면 좋았을 연구노하우 발표자료를 보고 (0)	2012/03/19
[클라우드 알아보기] 1. 클라우드 도서 리뷰 - 클라우드 (0)	2011/09/27
[Mobile] 안드로이드 위젯 기획시 고려사항 (6)	2011/09/06
[PXD] 프로젝트 룸 1개월 체험기 (0)	2011/08/02

[세미나] HCI연구회 4월 세미나후기 - 에이전시에서 UX 디자인하기

uxdragon — Tue, 01 May 2012 23:48:36 +0900

주제 : 에이전시에서 UX 디자인 하기
발표자 : 민영삼대표님 The DNA

HCI연구회 4월 세미나를 다녀왔습니다. 전반적으로 UI / UX에 대한 업계 동향 같은 것 보다는 UI / UX 디자인 10년 차 선배의 노하우 전수를 받는 느낌이라서 더욱 좋았던 것 같습니다. 벚꽃 구경을 가도 시원찮을 봄 날 우리는 왜 세미나를 듣고 있었을까요? 비록 벚꽃 구경은 못갔지만...(!) 생각할 거리가 많은 세미나였습니다. 느낀 점 및 인상깊은 내용 위주로 공유합니다.

나는 10년 동안 이 업계에서 어떻게 버틸 수 있을까?

1. 초심을 잃지 말자.
> 초심! 안녕하십니까? 항상 초심을 잃지 않도록 해야겠습니다.

2. 개인적인 목표를 설정하자. 구체적으로 설정하지 않아도 된다. 열심히 하다 보면 된다.
> 마침 송영일님 글이 생각났어요. 관련해서 읽어보시면 좋을 것 같습니다. http://story.pxd.co.kr/331

3. 남들과 다른 나를 찾아보자

4. 내가 재미있어하는 일을 하지 말고, 내가 잘 할 수 있는 일을 재미있게 하자.

5. 미친 짓을 해보자. 뭔가 재미있어 보이는 일을 하자.
어느 날은 치약 칫솔을 섞어놓아보자. 재미있는 작당을 해 보자. 출근을 30분 늦게 하고 카페에서 책을 읽어보기도 하자.
> 이건 pxd에서도 잘 하는 것 같지요? 재미있는 작당 저도 많이 해봐야겠어요.

6. 회사에서 내가 꼴등이 되어서는 안 된다. 같이 일하고 싶은 사람이 되어야 한다.

7. 평소 꾸준히 리서치를 해라. 내가 관심있어 하는 분야 3가지 정도면 된다.

8. 컨디션 관리를 철저히 해라. (매 프로젝트 상황을 고려한 적절한 퀄리티 컨트롤을 해야 한다.)
프로선수일수록 몸 관리를 철저히 한다.
프로는 예측 가능해야 한다.
> 컨디션 관리를 잘 하시는 분들께 노하우를 전수받고 싶네요.

9. 인간관계, 조직내에서 어떤 포지션을 가지고 역할을 수행해낼지에 대해서 고민해보라.

대강의 요약본 입니다. 내용이 궁금하시면 읽어보셔도 되지만, 내용 정리가 덜 되어 읽으셔도 감흥이 없으실 수 있습니다.

나는 설 자리에 서있는가? 만약 그렇다면 당당한 모습으로 서 있는가?
나는 어디로 가야하는가?

목표는 명확한 것이다.
- 거창한 인생의 목적을 정하지 않더라도, 현재 있는 모습에서 성실하게…

무엇을, 어떻게 보여줄 것인가?
- 나는 뭘 잘하나?

지금 자신의 모습에 만족하는 사람?
불만족스러운 사람?
자신의 미래모습에 만족하고 싶은 사람?

딱 10초만 미쳐보자. 뭐든 미칠 수 있다.
10초만큼의 용기를 가지자.

연애, 여행, 독서에 미쳐보세요.
출근 길에 30분만 책을 읽고 가보세요. 일주일에 30분만이라도...

적어도 10년은 해야 전문가로 인정받을 수 있다.

따로 또 같이
- 직업관, 동료의식

다름과 다움
- 남들과 다른점을 발견하여 자기다움을 만들어야 한다.

꼴등이 되면 안 된다.
- 같이 일하고싶은 사람이 되어야 함.

능력치만 달라서는 안됨.
일 외에도 헌신적으로 하는 모습이 필요하다.

인간관계, 조직내에서 어떤 포지션을 가지고 역할을 수행해내는가?

직장인이 가져야 할 세 가지 언어
- 기술언어(툴) : 기술 + 생각을 가지고 있느냐?
- 지식언어 : 자기 분야의 전문성 확보
- 감성언어 : 부족할 시 장점과 단점을 이야기하지만 판단을 내리지 못함. 판단과 디렉션
기술언어 --> 지식언어 --> 감성언어

제품-서비스 비즈니스 모델 유형
- 순수제품 - 제품구매 연계서비스 - 제품 활용지향 서비스 - 성과지향 서비스 - 순수 서비스
ex) 아이튠즈

서비스디자인
- 가구 유통회사, 후드, 유통, 금융 등…

Q : 좋아하는 것이 무엇인가?
Q : 잘 하는 것이 무엇인가?
좋아하는 건 취미로 하고, 잘 하는걸 좋아해라.

@에머슨
(경제란) 석탄을 아끼는데 있는 것이 아니라 그것이 불타고 있는 동안 시간을 효과적으로 이용하는데 있다.

-The DNA 인력 채용 과정-

서류전형, 실무면접, 인성면접, 수습과정

서류전형
- 목표 기업에 적합한 이력서를 작성하라
- 글로 자신을 전달해야 한다. 이미지와 그래프를 이용하라.
- 디자인 자체보다 컨셉으로 접근하라
- 메일, 전화, 우편, 방문 등 다양하고 적극적 방법을 고려하라.
- 다양한 외부 활동을 통해 서류전형 없이 면접을 볼 수 있도록 하라.

실무면접
- 자신의 실무적 장점을 어필하라
- 적극성, 태도, 팀웍, 성장가능성을 보여주라
- 컨셉을 전달할 표현력은 보여라
- 낮은 자세로 하나하나 배워 나가겠다는 생각을 전달하라
- 자신을 멋지게 보여라.
--> 회사에 기여하겠다.

인성면접
- 자신의 성격, 디자인마인드, 인생관을 전달하라.
- 직업관, 직장관을 고민하고 정의하라
- 자신을 Sales할 3가지를 생각하라.
- 당당할 것 --> 자신의 가능성에 대한 자신감을 어필하라
- 실력을 넘어 능력을 보여라. (상황대처능력)
- 남들과 다른 나를 어필하라.

수습과정
- 최선을 다할 것, 예의를 갖출 것, 솔선수범할 것!
- 직장에 활기가 될 수 있도록 행동하라. (방법을 찾아라!)
- 문제에 봉착했을 때 선배들에게 도움을 요청하라. (해결력)
- 미리 준비할 것이 무엇인지 고민하고 대비하라. --> 평소 꾸준히 리서치를 해 두라. 관심있는 분야 중심으로! 3가지 정도.
- 책임있게 행동하고 '초심'을 잃지 말아라.
--> 단순히 열심히만 하는 것? 존재감이 없다.

감사합니다.

'[UX] Seminar' 카테고리의 다른 글

[세미나] HCI연구회 4월 세미나후기 - 에이전시에서 UX 디자인하기 (0)	2012/05/01
[세미나] 금융권에서 바라보는 UI, UX디자인 후기 (HCI연구회 11월 세미나) (0)	2011/12/19
[세미나] UX intensive 후기 (2011.10.7) (0)	2011/11/01
[발표자료] How to blog (0)	2011/05/25
[세미나] uxcamp seoul 2011을 다녀와서 (2)	2011/03/07
'모바일 메가 트렌드와 사용자 경험의 진화' 간략한 정리 (0)	2010/05/24

[UI 디테일] SNS의 댓글 네비게이션 구조를 어떻게 설계하는것이 좋을까?

uxdragon — Sat, 31 Mar 2012 22:18:29 +0900

SNS 관련 프로젝트를 통해 댓글 네비게이션 구조를 어떻게 설계하면 좋을지에 대해 고민할 시간이 있었습니다. 본 블로깅을 통해 그러한 고민을 정리하고 공유하도록 하겠습니다.

1. SNS에서 최근 쓴 댓글은 위쪽에 보여져야 할까? 아래 쪽에 보여져야 할까?

SNS 댓글 UI 설계 시 가장 고민했던 부분이 바로 이 점 이었습니다. 당시로서는 판단의 근거가 없었기 때문에 타 SNS 들이 어떻게 UI를 설계하고 있는지 벤치마킹을 했습니다. 하지만 벤치마킹으로는 고민의 결과밖에 확인 할 수 밖에 없기 때문에 왜 이렇게 UI가 설계되었는지에 대해서는 별도의 고민을 해야 했습니다. 동료들과 대화하던 차에 SNS형 구조에서 댓글은 '대화의 흐름(히스토리)'이 중요하다는 사실을 알 수 있었습니다. 또한 대화의 흐름(히스토리)이 중요하기 때문에 위에서부터 아래로 댓글을 보는것이 자연스럽다고 판단하였습니다.

결과적으로 최근에 쓴 댓글은 아래 보여지게 설계하였습니다.

2. SNS에서 댓글 더보기 버튼은 댓글내용 위에 있어야 할까? 아래 있어야 할까?

SNS에서 댓글은 댓글의 흐름에 따라 보여지나, 댓글의 수가 많아질 경우 최근에 쓴 댓글들을 우선순위로 노출시켜야 합니다. 이 때 보통 UI 설계 시 댓글 더보기 버튼을 넣어야 합니다. 이 때 댓글 더보기 버튼을 댓글 내용 위에 넣어야 할지, 댓글 내용 아래 넣어야 할지 고민이 되었습니다. 이때도 타 SNS들이 어떻게 UI를 설계하고 있는지 벤치마킹을 했습니다. Facebook과 C로그는 댓글의 위에 댓글 더보기 버튼을 노출하였습니다. 그리고 Me2day는 댓글 아래 댓글 페이징 UI를 제공했습니다. 댓글 더보기 버튼을 아래쪽에 넣을 경우에는 대화의 흐름을 방해할 수 있다는 판단하에 댓글 더보기 버튼을 상단에 노출하였습니다.

결과적으로 댓글의 위에 댓글 더보기 버튼을 제공하였습니다.

['Facebook'의 댓글 더보기 방식]

['Facebook'에서 댓글을 볼때의 시선의 흐름]

Me2day의 댓글 페이징 UI도 신선하기는 했고, 고민의 흔적이 느껴지는 UI였습니다. 최근 글을 보려고 스크롤을 아래로 내린 상태에서 바로 이전 페이지, 다음 페이지로 이동할 수 있는 버튼이 있어서 다음 태스크로의 이동이 원활하게 이루어졌습니다. 다만 이전 댓글 버튼을 눌렀을 경우 위치가 고정이 되어 결국에는 스크롤을 위로 올린다음 다시 내려야하는 상황이 발생하게 되는 문제가 있었습니다.

['Me2day'의 댓글 더보기 방식]

['Me2day'에서 댓글을 볼때의 시선의 흐름]

3. 그래서, 타사 SNS들은 잘 하고 있는걸까?

2012년 3월 기준으로 Facebook, Me2day, C로그, 요즘의 댓글 노출 순서, 댓글 입력필드 위치, 댓글 더보기 버튼 위치, 댓글 입력 버튼, 타임라인에 댓글이 바로 노출되는지에 대한 여부를 조사하였습니다.

조사 결과는 다음과 같습니다.

[타 SNS들의 댓글 네비게이션 및 요소 비교 차트]

['Facebook'의 댓글 네비게이션 구성 요소]

['Me2day'의 댓글 네비게이션 구성 요소]

['C로그'의 댓글 네비게이션 구성 요소]

['요즘'의 댓글 네비게이션 구성 요소]

다른 서비스와는 다르게 '요즘'이 최근 작성한 글이 위쪽에 보여지게 설계를 하고 있습니다. 최근 작성한 글이 위에 보여지기 때문에 댓글 입력필드와 댓글 더보기 버튼이 다른 서비스와는 역으로 설계되어 있는것을 알 수 있었습니다. 최근 작성한 글이 위에 보여지는 방식은 SNS의 댓글 방식보다는 게시판 글 방식에 좀 더 적합합니다.

[게시판 글 방식 : NHN 홈페이지 보도자료 게시판]

이전에도 기술하였듯이 Me2day의 댓글 더보기 방식은 기존의 더보기 버튼과는 다른 새로운 방식으로 문제를 해결 한 것으로 보입니다. 또한 늘 그렇듯 장점과 단점이 존재하는 UI였습니다.

다음 내용을 3가지 패턴으로 정리할 수 있습니다. (아래 이미지를 참고하세요.)

1. 댓글 더보기 버튼은 상단에 노출 + 시간순(이전 댓글부터 보여짐) 정렬 : Facebook, C로그, Path 등

2. 댓글 더보기 버튼은 하단에 노출 + 시간의 역순(최근 댓글부터 보여짐) 정렬 : 요즘, 일반 게시판 등

3. 댓글 더보기 버튼을 하단에 노출(페이징 방식) + 시간순(이전 댓글부터 보여짐) : Me2day 등

[SNS의 댓글 네비게이션 구조 패턴]

글을 정리하며...

[SNS 댓글 및 게시판 네비게이션 구조 포지셔닝 맵]

결론적으로 댓글 네비게이션 구조를 시간순(이전 댓글부터 보여짐)으로 정렬하고, 댓글 더보기 버튼을 상단으로 정렬하는것이 적합해 보입니다. 다음의 SNS '요즘'은 SNS의 댓글 네비게이션 구조라기 보다는 게시판형 게시글 구조와 같은 방식을 사용하고 있기 때문에 정렬을 다시 고민해봐야 될 것 같습니다.

물론 이정도의 고민을 하지 않더라도 누구나 생각할 수 있는 당연한 고민이라고 생각합니다. 또한 타사 SNS에서도 이미 잘 하고 있습니다. 하지만 나중에 SNS UI 설계를 시작 한다고 했을 때에 단순히 타사 서비스를 베끼려고 하기 전에 왜 이런 UI를 설계했을지 설계자의 고민속으로 들어가서 진득하게 고민하는 시간을 가져보는것도 좋을 것 같구요.

물론 당연하게도 Persona에 입각한 Goal directed design이 우선적으로 이루어졌을 경우에는 이러한 결정이 손쉬울 수 있습니다. 하지만 프로젝트의 여건상 Persona 제작이 힘들다면, 벤치마킹을 통해 정보를 수집하고, 수집된 정보를 토대로 한 UI 기획자의 직관과 고민에 의한 결정으로도 문제를 해결하는데 도움이 될 수 있을것으로 기대합니다.

감사합니다.

PS. 본 블로깅을 하는데 있어서 영감을 준 김금룡님, 내용이 정리될 수 있도록 명쾌한 의견주신 無異 님 감사합니다.

[참고]

[UI 디테일] 웹사이트 로그인, 어떤 방식으로 하는것이 좋을까?

[UI 디테일] 미투데이의 Family UI 비교 - 웹, iOS 앱, 안드로이드 앱을 중심으로

Personal Network Service 'Path '

[UI 디테일 ] 아이폰 4 와 아이팟터치 UI 디테일 비교

Reference site

Facebook - http://facebook.com

Me2day - http://me2day.net

C로그 - http://c.cyworld.com

요즘 - htttp://yozm.daum.net

'[UX] Thought' 카테고리의 다른 글

[UI 디테일] UI / GUI 관점에서 본 카카오스토리, 아직은 아쉽다. (0)	2012/05/01
[UI 디테일] SNS의 댓글 네비게이션 구조를 어떻게 설계하는것이 좋을까? (0)	2012/03/31
[감상] 내가 대학원에 들어왔을때 알았더라면 좋았을 연구노하우 발표자료를 보고 (0)	2012/03/19
[클라우드 알아보기] 1. 클라우드 도서 리뷰 - 클라우드 (0)	2011/09/27
[Mobile] 안드로이드 위젯 기획시 고려사항 (6)	2011/09/06
[PXD] 프로젝트 룸 1개월 체험기 (0)	2011/08/02

[감상] 내가 대학원에 들어왔을때 알았더라면 좋았을 연구노하우 발표자료를 보고

uxdragon — Mon, 19 Mar 2012 11:14:35 +0900

지난 주에 SNS에서 발표자료를 접하게 되었습니다.
배울점이 많은 글이라 인사이트를 받은 구절(거의 대부분인듯...)과 제 생각을 간략하게 적어봤습니다.

비단 대학원/학생 뿐만 아니라, 직장인들에게도 해당되는 이야기들이 많습니다.

발표자료는 여기에서 확인하실 수 있습니다.

http://me2.do/F2B7QPg

1. 멀티 태스킹에 대한 노하우를 가져라.

-> 점점 담당하는 일의 개수가 많아지는 요즘같은 때 어떻게하면 멀티태스킹을 원활하게 할 수 있을까에 대한 고민을 하고있습니다. 물론 근본적인 해답은 되지 않겠지만, 발표자료에서는 일의 순서를 잘 고려해서 일정을 짜라고 하고 있습니다.

2. 생각하라.

- 정말 집중해서, 누구의 방해도 받지 않고, 생각할 수 있는 시간이 필요하다.

-> 여기에서도 구체적인 사례가 나오기는 합니다만... 저의 경우는 보통 화장실에 있다던가, 집에서 쉬고 있을때, 샤워할때, 지하철타고 이동중에, 자기전에 여러가지 생각을 하곤 합니다.

-> 사례중에 '많이 걸어라!' 라고 하고 있는데, 그렇다면 나도 좀 걸어볼까? 이런 생각이 드네요.

- 출근 전 아침에 자리에 앉기전까지 생각하라. 앉으면 바로 시작할 수 있게...

-> 출근 후에 웹서핑을 하게 되면, 한 두 시간은 금방 가죠. 시간을 잘 활용할 수 있는 노하우인것 같아요.

- 내 자신의 사고방식을 파악하라!

-> 이건 좀 더 생각해봐야 될 주제인듯 합니다. 저부터가 이런 생각을 별로 안해본것 같네요.

3. 협업하라.

- 일단 자신만의 차별화된 특기를 개발하라. 내가 이 주제만큼은 국내에서는 최고다.

-> 저 같은 경우는 'SNS 전문가?' 정도 생각이 나네요. 이것도 좀 더 파고들어봐야 될것 같아요.

- 얼마나 재미있어야 되는가? 이것을 다 못해보고 죽으면 원통해서 눈을 못감을 정도.

-> 개인적으로는 이정도쯤 되어야 하지 않을까? 라고 생각해요. (하단 이미지 참조)

-> '내가 하고있는 일이 나를 얼마나 설레이게 하는가?' 라고 질문해보면 안타까울 때가 있어요. 내가 하고있는 일에 '진심'을 담아낸다는것에 대한 책임감을 느낍니다. 정말로 진심을 담고싶어요. 그리고 즐겁게 일하고싶어요.

- 게다가 유니크 하기까지 해야함.

-> 쉽지 않죠 이거...

- 절대 혼자 일하려고 하지마라. 상대방의 특기인것은 '아웃소싱' 해라. 내가 특기인것은 '인소싱' 해라.

-> 저의 경우 혼자 일하려고(떠 안으려고) 하는 습성이 있는것 같습니다. 협업에 대한 고민은 예전부터 하고 있었는데, 이거 참 어렵죠. 협업 관련해서 power of two 라는 책을 구매했는데, 아직 다 읽어보지는 못했습니다.

http://uxdragon.userstorybook.net/149334/

- 후배가(후임이) 성장할 수 있게 도와줘라. 내가 받고싶었던 것을 후배에게 주자.

-> 내가 단순히 그당시 받고싶었던 기억을 떠올려보는것도 좋겠지만, 후배(후임)의 생각에 귀 기울인다면 더 좋은 조력자가 될 수 있을것만 같네요.

- 실험실이 계속 발전해서 유명해져야, 그 실험실 출신자들도 빛나게 된다.

-> pxd 개개인이 계속 발전해서 유명해져야, pxd도 빛나게 된다.

- 자기 분야에 최고의 지식을 가져라, 책임을 질 수 있어야 프로페셔널이다.(동료들에 대한 책임, 데드라인 지키기)

-> 특히 '데드라인 지키기'의 경우는 신뢰에 있어서 큰 영향을 주는 것 같습니다. 저도 잘 지키려고 노력은 하지만, 때로는 잘 안될때도 있구요.

- 동료, 콜라보레이터들의 프로젝트 진행과 시간을 존중해줘라. 3분내에 메일 답장을 해줘라. 바로 답변이 어려우면 최소한 언제 답변을 줄 수 있을지를 알려줘라.

-> 이건 이견의 여지가 있습니다. 3분내에 메일 답장을 주면 일은 언제하죠? 제가볼땐 예전에 들었던 이재용님의 조언처럼 주기적으로 메일 확인을 하는게 좋은것 같습니다. 여기서 3분이라는 단어에 집중할건 아닌것같습니다. (빠른 답장을 해 줘라 라고 이해하면 될 것 같긴 합니다.) 저의 경우 메일 확인을 너무 자주해서 문제인것 같아요. 피드백은 상대적으로 빠르지만, 일에 집중을 못하는 경향이 좀 있죠.

-> 메일 답변이 바로 어려운 경우, 저같은 경우에 나중에 답변을 준다고 메일을 씁니다. 메일을 쓰는 사람의 입장의 경우 답변이 없으면 일이 제대로 처리되고 있는지 확인하기가 힘듭니다. 저의 경우 답신을 제때 제때 하려고 노력하는 것 같습니다. 또한 이슈가 끝나지 않은 메일에 '예' 라고 대답한다던지 하는것들도 중요한것 같습니다. 확인 했는지 확인하지 않았는지 알기 힘들거든요.

사소한 부분까지 챙겨라.

-> 저의 경우 메일을 쓸때 최대한 자세하게 풀어 쓰는 편입니다. 그래야 오해가 없지요.

-> 메일을 쓸때도 너무 거칠지 않게 쓰려고 노력합니다. 기분이야 어떻든 기분을 가라앉히고 글을 써야하는 경우에는 최대한 마음을 추스리고, 기분이 좀 나아진 뒤에야 글을 작성합니다. (때로는 거칠게 쓸 수밖에 없는 상황이 있겠지만서도...)

주말에는 제대로 놀아라.

-> 이거 잘 안되는것 같아요. 주말에는 좀 놀아야겠어요.

감사합니다.

'[UX] Thought' 카테고리의 다른 글

[UI 디테일] UI / GUI 관점에서 본 카카오스토리, 아직은 아쉽다. (0)	2012/05/01
[UI 디테일] SNS의 댓글 네비게이션 구조를 어떻게 설계하는것이 좋을까? (0)	2012/03/31
[감상] 내가 대학원에 들어왔을때 알았더라면 좋았을 연구노하우 발표자료를 보고 (0)	2012/03/19
[클라우드 알아보기] 1. 클라우드 도서 리뷰 - 클라우드 (0)	2011/09/27
[Mobile] 안드로이드 위젯 기획시 고려사항 (6)	2011/09/06
[PXD] 프로젝트 룸 1개월 체험기 (0)	2011/08/02

[도서] UX / UI / 디자인 도서 목록 (userstory book)

uxdragon — Wed, 28 Dec 2011 23:23:36 +0900

2010년 8월 29일에 업데이트한 'UX / UI / 디자인 도서목록'을 2011년 버전으로 업데이트 하였습니다.
(비 UX 도서도 섞여있습니다. -_-;)
http://uxdragon.userstorybook.net/

기존에는 리스트형식으로 되어있었는데, 유저스토리북 서비스를 활용하여 업데이트를 하였습니다.
우측의 '내가 만든 책 목록'을 보시면 책 종류별로 카테고리가 되어있으므로 참고하시면 좋을 것 같습니다.

향후에는 개인 UX 도서목록이 아닌 UX전문가가 모여 만드는 'UX 라이브러리' 같은걸 만들어보면 좋겠네요. :)

감사합니다.

'[UX] Books' 카테고리의 다른 글

[도서] UX / UI / 디자인 도서 목록 (userstory book) (0)	2011/12/28
[ux book] 2011년 UX(UI) 관련 신간 소개 (2)	2011/07/01
[서평] 대체 뭐가 문제야? (0)	2011/05/25
UX / UI / 디자인 도서 목록 (22)	2010/08/29
단순함의 법칙 (The laws of simplicity) (3)	2010/05/17
좋은 네비게이션 레이블(lable)의 조건 (1)	2010/03/30

[세미나] 금융권에서 바라보는 UI, UX디자인 후기 (HCI연구회 11월 세미나)

uxdragon — Mon, 19 Dec 2011 03:01:02 +0900

HCI연구회 11월 세미나로 금융권에서 바라보는 UI, UX 디자인 세미나를 듣고 왔습니다. (2011.11.26 금)
발표 요약본을 공유합니다.

금융권에서 바라보는 UI, UX디자인

- 정성재

- 하나은행 신사업추진부 UCD팀장

UX iceberg

본 정의를 알면 전문가임
Strategy > Scope > Structure > Skeleton > Surface

Hugh dubberly (2008)

제조 > 제품 > 인터랙션 디자인 > 서비스 디자인

UI, UX, Co-UX, Service design

Co-UX
Machine to Machine

Man to Man

Service design

Customer
Touchpoint (Blueprint)
Contact person

다양한 비대면 채널을 사용하는 사용자 그룹 (By Everett Rogers)

기술광, 공상가/몽상가 = 스마트폰 뱅킹, VM 뱅킹 (Chasm)
실용주의자, 보수적인 사람 = 웹사이트, ATM, 폰뱅킹

30대 후반

느리고/의심이 많은 사람 = 실제 은행

UI 실무 분야

퍼블리셔, 코더가 UX, UI에 눈을 뜨기 시작했음
Bump 이체 쓸것 같냐? 안써도 기사에는 난다. -> 소비자 브랜딩 측면에서 한다. 각종 기반 기술에 대해서 알아야 한다.

요리하는 Experience

Component = 믹서
Tool = 믹서기
System = 주방
Experience = 요리

은행 Experience

Component = 터치스크린
Tool = ATM
System = 은행에 설치된 ATM
Experience = ATM을 이용한 이체 서비스

어떻게하면 사용자 줌심의 UI / UX 디자인을 할 수 있을까?
올바른 방법론

정성조사

필드리서치
인뎁스 인터뷰 등

이해

고려할 요소들

사람
기술
비즈니스

관찰

컨셉 만들기

브레인스토밍
스토리보드
그리기
모델

시각화 -> 사용성 검증 / 수정 -> 프로토타이핑 (… 반복)
실행

구현 F/U
소프트웨어 개발
앱스토어 업로드
업그레이드

각종 채널의 VOC, 실제 사용환경을 토대로 재 적용
브레인스토밍 이전단계를 잘하는 회사가 좋은 회사임

사용자 중심의 심성 모형을 제공

디자이너 모형 -> 시스템 모형 <-> 사용자 모형
ATM : 카드를 먼저 빼야 돈이 나오는 구조로 변경
비디오 채널을 4번 채널로하면 사용자가 이해할 수 있나?
공인인증서 재발급 너무 어려움

인문계 사람들이 좋다.

Creative 함
뭔가 새로운것 좀 해봐
스탠포드 대학의 D-School 다이어그램 참조 (Multidisciplinary design team)
Technology / Business / Human values
인간에 대한 이해가 중요하다.

Personal in-depth interview

FGI는 이제 할게 못된다.(목소리큰 사용자의 의견이 들어가는 순간!)
실제 타켓유저를 데리고 올 수 있느냐?
몇명을 데리고 올 수 있느냐? (정규분포 30명?)
모더레이터가 중요하다.

60세 이상 사용자 인뎁스인터뷰 해본 경험?
60세 이상 사용자도 인뎁스인터뷰 해봐야된다.

클라이언트는 모든 보고서가 끝나면… '디자인 인사이트가 있냐?' 부터 물어보는 경향이 있다. 좋던 싫던 인뎁스인터뷰에 참여해야 한다.

0000 00 에 대한 핵심 니즈

접근성 <-> 내용성
안전성 <-> 사용성

0000 00 개발 방향 정하기

앱은 모바일 웹사이트가 아니잖아요.
필요한 기능만 모아서 간단하게 썼으면…

사용자 이해를 위한 Persona 작업

사용 시나리오
Behavioral pattern 분석 후 인사이트 추출
산고의 고통이 필요한 작업이다.
강남역 미디어 폴 : 공공장소에서 먼지가 잘 묻는다.
그렇다면 ATM 기기에는 먼지가 쌓일까?
패널을 바꾸는데는 가격의 문제가 있음(실제 구현이 되는가?)

컨셉 UI 디자인, 내부 리뷰 및 시안 확정

화이트 보드 80개 사용하고 있음

메뉴 화면 설계 / 비주얼 가이드

설계 시 효율을 생각해봐야 한다.

UX, UI 디자인 전문가가 되기 위한 각종 Tips (개인, UX조직, 회사)

1개라도 제대로 하면 된다.
인간을 제대로 이해/관찰하는 능력

심리학 책을 읽어라. 서점가서.

리서치 능력(UX 컨셉, 벤치마킹 능력)
UI 기획 능력 (UT)
디자인 인사이트 추출 및 시각화 능력
정보구조(IA) 설계 능력
프로토타입 개발 능력
어학 능력
UI 컨셉 검증 능력
커뮤니케이션 스킬 (with 협업부서)

일 하는 과정을 사진으로 찍어라. 주욱 붙이면 프로세스가 됨. (bottom-up)
업종별 UI / UX 조직

제조사(전기,전자), UI 에이전시, 통신사, 기타, 포탈, 리서치사, 소프트웨어 개발, 금융권(은행,증권), SI업체 (SDS, LG-CNS), 콘텐츠관련 전문 CP

개발자, 디자이너, 프로젝트 매니저들은 개개인별로 보는 시각이 다르다.

디자이너는 개발자나 PM이 보는 시각을 다르게 보여줄 필요가 있다.
이러지좀 마세요…

조직 문화에서 오는 이슈

근면한 조직 구성원 <-> 창의적 조직 구성원
자율적 조직 구성 <-> 통제적 조직 구성
주인정신형, 집단지성형, 일사분란형, 군계일학형
http://bizcomm.cafe24.com/prmarket-insight/2011072000.html

도널드노먼의 보이지않는 컴퓨터

의자 : 엔지니어, 마케터, 디자이너 vs 사용자
얼마나 다양한 시각으로 사용자를 오해하고 있는가를 단적으로 보여주는 사례

감사합니다.

'[UX] Seminar' 카테고리의 다른 글

[세미나] HCI연구회 4월 세미나후기 - 에이전시에서 UX 디자인하기 (0)	2012/05/01
[세미나] 금융권에서 바라보는 UI, UX디자인 후기 (HCI연구회 11월 세미나) (0)	2011/12/19
[세미나] UX intensive 후기 (2011.10.7) (0)	2011/11/01
[발표자료] How to blog (0)	2011/05/25
[세미나] uxcamp seoul 2011을 다녀와서 (2)	2011/03/07
'모바일 메가 트렌드와 사용자 경험의 진화' 간략한 정리 (0)	2010/05/24

[세미나] UX intensive 후기 (2011.10.7)

uxdragon — Tue, 01 Nov 2011 10:00:00 +0900

2011년 10월 7일 금요일
장소: 포스코 P&S 타워
공식 블로그 : http://blog.naver.com/ux_intensive

UX intensive를 다녀왔습니다. 내용 정리 및 감상 중심으로 공유합니다.
(정리가 미흡한 점이 있을 수 있으나 이점 양해 부탁드립니다.)

터치 인터페이스 기술동향

- 사용자의 터치 및 근접 감지에 대한 기술 및 연구사례

이기혁교수 카이스트 HCI 연구실

Smart TV, Smartphone, PC/Notebook의 터치 인터페이스의 기술 동향에 대해서 알 수 있는 강의였습니다. 기술적인 부분에 대한 강의라서 기술 전문 용어들은 생소한 감이 없잖아 있었습니다.

인상깊은 기술중에는 Remote touch를 꼽을 수 있습니다. 일반적인 터치기술은 터치를 해야 된다는 제약점이 있는 반면 Remote touch는 터치를 하지 않더라도 손의 영역을 인식해서 구현이 가능하다는 점이 특이했습니다. 이 기술이 범용화된다면 등장할 수 있는 서비스는 어떤 것들이 있을지 기대됩니다. 각각의 기술 중에서 최고의 기술도 중요하지만, 어떤 도메인에 사용되느냐에 따라 적절한 기술이 쓰일 수 있다는 말씀이 인상적이었습니다.

1. Smart TV

TV 리모트 옵션

- RC car 콘트롤러

- 포인팅 & Shooting

- 제스쳐

- Remote touch : 손가락의 그림자를 통해 인터랙션 수행

- panasonic EZ Touch

- hover tracking touchpad

- iGesturePad

- Finger shadow sensing

Capacitive VS Optical

- Optical이 더 좋음

RemoteTouch UI

2. Smartphone

- Force gesture

- 압력, 수평 수직 감지 센서

- 최고의 기술이 무엇인지가 중요한 것이 아니라, 애플리케이션에 따라 적절한 기술이 쓰일 것

3. PC / Notebook

- 반 이상의 영역을 키패드가 차지하고 있음

- Dual screen notebook

- Asus at Cebit 2009

- Toshiba libretto w100

- Problem to solve

- Gesture design

- Control-Display mapping

- Feedback (texture가 없음, 반응이 없음)

- Multi touch gesture

- Mapping

- TactaPad (Tactiva, 2005)

UX, 그 개념, 구조, 범위 디자인의 위상과 역할

이은종교수 한동대학교

UX의 개념과 그간의 UX 디자이너의 롤 변화를 통해, 디자이너가 가져야 할 역할에 대한 강의였습니다. 그간 알고있었지만 명쾌하게 정리되지 않았던 UX의 개념에 대해서 차근차근 설명해주셨습니다.

우리는 UX 프로젝트를 하면서 중요한 UX 요소를 발견하여 프로젝트에 반영을 하곤 합니다. 하지만 항상 프로젝트가 성공하지는 않습니다. 어떻게 하면 프로젝트를 성공으로 이끌어 낼 수 있을까요? 이은종 교수님은 전략적 접근을 강조하고 있습니다. 모든 UX 요소가 함께 존재할 경우 충돌과 방해요소가 될 수 있으므로, 해당 상황에서 가장 중요하며 다른 요소가 부족하더라도 압도할 수 있는 요소를 찾는 것이 중요합니다.

1. UX, 그 개념, 구조, 범위

a. 감성 vs 실용

i. 스마트 냉장고

1. 손이 아파 못쓰겠다.

ii. 네비게이션

1. 카메라를 찍으면 해당 장소를 알려줌

b. 기능성 vs 사용성

i. 나는가수다

1. 내레이션, 표정, 포즈, 스토리, 진정성

c. UX에서 중요시 여기는 요소들

i. 다양한 사용자

ii. 휘발성이 강한 감정의 편린들

iii. 다양하고 복잡한 정보의 흐름

iv. 작아 보이지만 중요한 행위들로 구성

v. 내재된 정신 내면적 사고양식 파악의 어려움

d. UX의 구성

i. UX 상황에서의 목표 : 기대 목표(유용적목표:기능성+사용성, 정신적 목표:관계형성, 보안, 휴식, 프라이버시), 유희적 니즈(아름다운 소리, 그립감, 감촉, 예쁜 모양)

e. UX 디자인이란 무엇인가?

i. 해당 브랜드가 가지는 특성 하에 유용적, 유희적인 목표를 효과적으로 이루기 위해 구성해보는 4차원의 공간

f. UX의 구성원들

g. 칼라코드 사례

i. 밤에는 볼 수 없음. context를 고려해야 함

h. Profession vs Role

i. 총체적인 UX관점에서 역할의 재 분류가 필요.

2. 디자인의 위상과 역할

a. 전통적 의미의 디자인(심미성) -> 디자인 결과물에 영향을 주는 요소 및 가치들

b. 디자이너의 역할이 늘어나고 있다.

i. ideation vs creation

ii. 이론적 근거가 있어야 함

iii. 조직화

iv. Seamless rational 등

c. 디자인의 경쟁력

i. Design thinking

1. 디자이너의 해결안이 아름답고 창의적이며 제한적이지 않는 것은 아는것이 별로 없어서이다. - don norman

ii. creativity

1. 정보가 없는 ideation은 가치가 없다.

iii. savvy

1. KTX - 산천

iv. emotion

1. 디자인과 인간심리, visual interface design

v. 디자이너의 역할

1. 미스테리 샤퍼

2. UX관점에서 요구되는 디자이너의 상

a. 장점을 강화하려는 시도 : 더욱 차별화된 상황을 만들 수 있음

vi. UX의 미래

1. UX의 새로운 이슈들

a. 중요한 UX요소들을 넣었는데 왜 실패하나?

b. 전열 모드?

i. 열 교환

c. 정의 vs 정

i. 상당히 심도있는 조사와 다방면의 사용자 경험을 개선한 결과물이 왜 실패할까?

ii. 이상과 현실은 항상 부딪히며 기업의 사정이라는 것이 있다.

d. UX의 전략적 접근의 필요성

i. 시장의 판세속에서 접근을 해야 함

ii. overriding UX factor

iii. normative approach

iv. holistic approach

v. trend approach

vi. strategic approach

e. pitfall

i. 판세 변화의 파악보다는 지난 성공요소에 집중하기

ii. UX 전략가의 취향과 한계

iii. UX 경험 요소의 부분합을 해결안으로 제시

iv. 머리속의 경험, 개인적인 경험의 보편화

v. 사용자 조사에 기반하면 잠재하고 있으나, 완전히 새로운 경험요소를 파악하기 어려움

2. UX전략을 잘 하려면?

a. 기존의 창의성/ 사고/ 역량의 유지

b. 복잡한 문제를 해결하는 사고방법에 대한 훈련

c. 인문학적 기반 하에 인간에 대한 깊은 이해

d. 도메인의 특성에 대한 풍부한 지식 등

UX/UI Design for smartphone

- Galaxy series

삼성전자 무선사업부 UX디자인파트 박주연 책임연구원

삼성전자에서 갤럭시 시리즈를 만들면서, 제조사에서 고민되는 바에 대한 이야기가 중심인 강연이었습니다. 실무에서 느낄 수 있는 디테일한 고민들이 좀 더 공유되었으면 하는 아쉬움이 있는 강연이었습니다.

제조사 입장에서는 스마트폰의 경우 (삼성전자의 경우 자체 OS를 개발하기도 합니다만) 구글의 안드로이드 OS에 의존하기 때문에 차별화할수 있는 부분이 그리 많지 않습니다. 그런 부분에 대한 고민들을 엿볼 수 있었습니다. 제조사 입장에서 차별화 할 수 있는 부분은 락스크린, 홈스크린, 메뉴구성 및 아이콘이며, 이에 대한 고민이 주를 이룹니다. 추가적으로 motion UI에 대한 고민과 위젯에 대한 고민을 하고 있습니다.

또한 이러한 고민들은 기술이 뒷받침될때 비로소 빛을 발한다는 것도 배울 수 있었습니다. 부가적 질문으로... 락스크린은 간결해야 할까요? 아니면 더 많은 정보를 주어야 할까요? 정답이 없는 질문이겠습니다만 이런 고민들에 대해 솔루션을 낼 수 있다면 타사대비 강점으로 작용할 수 있는 부분이 될 수도 있겠습니다.

1. UXD

a. 기업 경영의 핵심의 되는 경영전략임

b. the 3 elements of UX design

i. 거시적 3요소

1. 사용성, 유용성, 감성

ii. 미시적 3요소

1. 일관성(지역향에 따른 일관성), 혁신성, 구현 가능성

c. Internal actors of smartphone UX

i. UX

ii. 검증

iii. SW 개발

iv. 상품기획/마케팅

v. 영업

d. Internal actors of smartphone UX 2

i. 플랫폼 회사

ii. 제조사

iii. 통신사업자

iv. 웹 서비스

v. 개발자

e. 홈스크린, 락스크린, 메뉴

i. 홈스크린을 어떻게 가져가느냐가 중요

ii. 날씨, 시계, 구글 검색

iii. 하단 : 통화, 주소, 메시지, 어플리케이션

iv. 뉴스, 이메일 위젯

v. 위젯 리사이즈 기능 추가

vi. page transition, widget transition

f. 어플리케이션

i. 폴더, 페이지, 좌우 페이지 구조로 변경

g. 아이콘

i. 갤럭시 S2에서 변경

h. 위젯 편집

i. 기존에는 롱탭을 사용하고 있었으나 위젯 편집화면으로 변경함

i. 락스크린

i. 락은 기본적으로 간결해야 한다. vs 더 많은 정보를 주어야 한다.

ii. 락스크린은 이것도 해보고, 저것도 해보고 이러고 있음

iii. 어떤 사용자의 의견을 들어주어야 할까?

j. 라이브 월페이퍼

i. 날씨를 반영

k. 허브 시리즈

i. 뮤직허브, 소셜 허브, 게임허브, 리더스 허브

l. Motion UX

i. 수신전화 벨소리 끄기

ii. 탭 & 틸팅 (밀당)

iii. 탭 & 패닝 (위젯/메뉴 아이콘 이동)

iv. 동작으로 전화걸고... 바보스러운 동작이 되어서는 안된다. 손쉽게 할 수 있고, 거부감이 들지 않는 동작상황을 주어야 함

m. Voice to go

i. 유럽향 버전

n. 갤럭시 탭

i. Top 4 숏컷을 다른걸로 바꾸어야 하나?

ii. 인터넷 / 메인메뉴 / 이메일

o. 갤럭시 탭 10.1인치

i. 폰, 탭, TV?

p. 갤럭시 탭

i. 큰 화면을 어떻게 쓸 것인가?

ii. 캘린더, 음악, E-book

iii. Split view

1. 2단 뷰를 통해 메뉴 재정렬 수행

q. 컨버전스 기능

i. all share

ii. share via

Smart 냉장고 UX

삼성전자 UX센터 이노베이션 그룹 박현철 책임연구원

삼성전자의 Smart 냉장고 UX 프로세스 전반에 대한 발표였습니다. 퍼소나를 만들기 전에 마케팅자료를 기반으로 만들고, 유저 인터뷰용 리크루팅도 마케팅 세그먼트를 중심으로 진행했다는 점이 마음에 걸리기는 합니다. 퍼소나를 만드는데에는 마케팅 세그먼트들이 도움이 될 수 있겠으나, 유저 인터뷰용 리크루팅도 마케팅 세그먼트를 중심으로 할 필요가 있었을까요?

전자제품 양산형 프로젝트를 할때에는 특히나 하드웨어 부분도 고려해야 합니다. 본 프로젝트에서는 패널 제작 시 패널이 유리 재질이며, 하단부가 탈 우려가 있으므로 하단부를 GUI적으로 검게 처리했다는 점이 인상적이었습니다. 또한 냉장고 제품의 고유 특성들 - 제품도 여성이 고르고, 사용도 여성이 주로 한다는 점- 도 고려해야 할 것입니다. 냉장고의 경우 10년 주기로 교체가 일어나는데 10년동안 사용해도 질리지 않을 UI/GUI가 수반되어야 할 것입니다.

1. 제품 특성 이해

a. 선택도 여성이 하고, 결정도 여성이 함

b. 하드웨어적인 제품임

c. 10년 주기로 제품을 변경

d. 유사 제품 이력

i. 삼성 지펠, 지펠 패밀리 윈도우, 지펠 e-다이어리, RF4289HARS, 이커머스(이마트)

e. 사용자 평가

i. 개선을 위한 평가

1. 사용자 니즈 파악, 선행 제품의 UI 문제점 파악

2. 외부버튼 인지하기, 요리법 사용항법 보기, 경조사 사용하기, 전체기능 찾기...

ii. 등급을 위한 평가

2. 사용자 환경 이해

a. 냉장고 : 가족의 정보 집합소

i. 학습정보, 광고지. 쿠폰, 사진 등

ii. 깔끔하게 보관하고 싶은 니즈?

3. 컨셉 & 시나리오 개발

a. 요리법(추천식단), 식품관리, 경조사 알림, 메모기능, 포토앨범, Ticker, 제품간 연결, 부가기능(엔터테인먼트- 가족 알림)

4. UI 설계

a. 단순한 구조의 네비게이션

b. 이전 버튼을 왼쪽에 넣을것인가? 왼쪽에 넣을 것인가? 에 대한 고민들...

5. GUI 디자인

a. 홈 화면 디자인

b. 시간에 맞게 홈 화면이 바뀜

c. 모던, 팬시

d. 미국 : 이성적인 부분을 강조

e. 화면 디자인 - 채도 보정

f. 아이콘 세트 메타포 가이드 정의

g. 냉장고 온도 / 설정

6. 음원 개발

a. 15종 소리 개발

7. 사용자 평가

a. 가설에 대한 검증

i. 네비게이션의 효율/효과

ii. 인터페이스의 효과

iii. 개발 결과물에 대한 만족

b. 타겟 유저를 까다롭게 골랐음

i. 28세~38세 7명

ii. 소득, 가계소득

iii. 양문형 구입

iv. IT 기기 사용에 가능한 자

8. 제품 품질 평가

9. 양산

a. 소프트웨어에 대한 이해가 필요

i. 주장에 대해 타당한지, 타당하지 않은지 판단

ii. 구현 불가능한 것에 대한 경우 설득해야 함

iii. CP의 성격을 이해해야 함

1. 24시간 ON

2. 글자가 바뀌어도 다시 긁어들이는 현상

3. 오버플로우 나는 현상

b. 초기 기획부터 고민을 해야함

c. 유리형 패널 및 소프트웨어 문제로 인해 하단부를 어둡게 디자인함

네이버 검색 UX

남찬우 실장 (NHN 검색혁신 UX실)

네이버 검색 UX에 대한 강연이었습니다. 삼성전자와 마찬가지로 현재 진행중인 프로젝트에 대한 공유라기보다는 기존에 하고있던 서비스에 대한 소개 중심의 강연이었습니다. 1024x768 해상도 대응에 대한 고민들. 이미지 크기를 어떻게 할 것인가? 에 대한 고민들. (사용자는 사용성이 다소 떨어지더라도 이미지가 크면 클 수록 만족도가 높아진다고 하였습니다.) 검색 결과를 어떻게 보여줄 것인지에 대한 고민들... 각종 스마트파인더 DB구축을 통해 특정단어 검색 시 검색 결과에 대해 정보디자인을 하는 방법(시각적으로 한눈에 복잡한 정보를 이해할 수 있도록)을 사용하고 있습니다.

또한 제안서 포멧을 통일하였다는 점도 인상깊더군요. 마지막 메시지가 기억에 남는 강연이었습니다. 1. 이노베이션은 항상. 하지만 조용하게, 2. 프로토타입을 제안서와 기획서로. 3. 어려운 메시지일수록 단순하고 명확하게 시각화

1. 1024 * 768에서 잘려보이는 현상 개선

a. 결론적으로는 자르는게 1024에서는 확실히 좋더라

b. 해상도가 커졌을땐 비슷하더라

c. 리서치 포멧 통일화

2. 통합검색 우측영역 : A-B 테스트

3. 이미지 검색 사용 현황 : 아이트래킹

a. 사용자는 이미지가 클수록 좋아한다.

4. 스마트 파인더

a. 휴대폰, 사람, 영화 필터링을 어떻게 풀 것인가?

b. 음악검색

c. 영화 스마트파인더

d. 이미지 검색

e. 동영상 검색 (드래그 앤 드롭을 통한 레이아웃 변경 및 감상 UI 제안)

5. Message

a. 이노베이션은 항상. 하지만 조용하게.

b. 프로토타입을 제안서와 기획서로.

c. 어려운 메시지일수록 단순하고 명확하게 시각화.

검색 결과를 어떻게 보여줄 것인가에 대한 고민들
1. 방대한 정보vs 요약정보

사용자가 어떤 것을 더 효과적으로 받아들이는지에 대한 파악이 중요함.

2. 정보를 어떻게 표현하는가?

-사용자는 검색 결과를 DB로 보지 않고 컨텐츠로 인식함.

-검색 결과를 패턴화하는 것이 중요하다. 현재는 정보의 종류가 더욱 다양해 지고 있으므로 다양한 패턴이 나오고 있음.

-검색 결과를 시각화하여 정답화 정보로 보여주는 것이 좋음. (예 : 소고기 부위 검색 결과를 다음과 같이 보여주는것)

2. 검색형 정보 vs 탐색형 정보

실시간 검색어>인기 검색어가 대표적 탐색형 정보

3. SE 검색

-빠른 검색이 가능하나 얻고 싶은 정보를 잘 못 얻는다.

-통검으로 가지고 가기에는 너무 과감한 시도일 것.

-통검과 SE 검색의 중간점을 고민하는 중.

모바일 UX

PC 웹, 모바일 웹, 모바일 앱 UX/UI 설계과정에서의 방향과 고민

NHN UX Lab 이윤희 랩장

모바일 웹과 모바일 앱을 어떻게 가져갈지에 대한 NHN의 고민이 드러나는 발표였습니다. 현재도 모바일 웹과 앱에 대한 고민을 하고 있는것으로 보이며, 앞으로 어떻게 변하고 어떻게 될지에 대해서 지켜볼 필요가 있을 것 같습니다.

1차 전략은 PC웹, 모바일 웹, 모바일 앱을 각각의 플랫폼 특성에 맞추어서 전개하였으나, 2차 전략으로 Family UI에 최적화한 UI를 전개했음을 알 수 있습니다. 그 이유는 사용자는 모바일 앱에서도 웹에서 사용하는 동일한(혹은 준하는) 경험을 하고 싶다고 하기 때문이라고 하네요.

또한 속도에 대한 고민도 하고 있습니다. 속도를 줄이기 위해 이미지 용량을 줄이고, 꼭 필요한 이미지의 경우만 이미지로 보여주는 방법들을 사용하고 있더군요.

모바일의 경우 런처 아이콘을 통해 앱 혹은 웹으로 진입하기 때문에 런처 아이콘에 공을 들였다고 합니다. 모바일 앱과 모바일 웹 아이콘을 동일한 Look & Feel로 전개하였으며 동일한 모바일 웹과 앱을 설치(혹은 바로가기 추가) 했을 경우 모바일 웹 런처 아이콘은 웹이라고 부가 표시를 했다고 합니다. 단 Naver 웹과 Naver 앱의 런처아이콘만 동일한 모양의 다른 색상으로 풀어내었습니다.

네이버 안드로이드 앱의 경우 안드로이드 마켓에서 다운로드 받아야 되는데, 다운로드 받기 위해서는 구글 계정이 있어야 한다는 진입 장벽이 있습니다. 이에 따라 마켓을 거치지 않고 자체 다운로드 받을 수 있는 게이트 페이지를 만들었다고 합니다. 당연히 설치율이 높아졌다고 하네요.

제가 궁금한 점은 네이버에서 안드로이드 앱과 아이폰 앱의 UI를 거의 흡사하게 가져가고 있는데 왜 그렇게 할까? 라는 생각이 들었습니다. 일관성 측면일까요? 아니면 개발 비용 측면일까요? 의견주시면 감사하겠습니다.

1. 웹(2011년 현재)

a. 홈이 3개가 되는 형태

b. 네이버 메인 페이지가 바뀌는데 있어서의 어려움

i. 유저는 바뀌고 싶어하지 않는다.

ii. 하지만 더 좋은게 뭐지? 라는 고민을 하고 있음

2. 모바일 서비스

a. 기존에 있는 메인페이지의 느낌(웹의 느낌을 많이 가져감)에서 아이콘 중심으로 서비스를 찾아갈 수 있는 구조로 변경 되었다가 콘텐츠와 서비스를 찾아갈 수 있는 구조로 변경

b. 주요 고려사항

i. 전략 : PC + 모바일 웹 + 모바일 앱

ii. Small screen

iii. 속도

iv. 브랜딩

v. 위젯

vi. 스프레드

c. 전략

i. 1번째 라인업 : PC, Mobile 각자의 특성이 있을 것

1. 유저 피드백 : 네이버 서비스를 통합적으로 쓰고 싶다. 앱의 경우 네이버를 원활하게 쓰고싶은데 쓸 수가 없다. 음성검색 잘 안되요(기능 향상의 니즈)

ii. 2번째 라인업 : PC 와 Mobile에서 동일한 경험을 주자, 밝고 면을 넓게 쓰는 느낌을 주자.

1. 통합적인 구조로 가져감

2. Naver ME 통합

3. 유저 피드백 : 인식 검색 접근이 어려워졌다.

d. 웹에 있는 기능 중 어떤부분을 모바일로 넣을 것인가에 대한 고민.

-사용 데이터 통계를 통해서, 모바일에서 쓸만한 것들이 무엇인가라는 고민으로부터 필수적으로 넣을 것들을 선별-> 검색, 뉴스 등등. 서비스로 바로바로 가는 루트

: 모바일은 아래로만 내리는 형태임, 통일성있는 루트 구현이 중요

e. Speed

i. 용량을 최대한 줄이려는 노력

1. 이미지를 어떻게 할건가?

2. 퀄리티에 이상이 없을만한 압축률을 정함

3. 가급적 이미지를 사용하지 않음

‘객관적으로 우리 사이트는 몇 초에 뜨는가?’ 가 아니라 ‘유저가 주관적으로 느끼는 로딩속도는?’ ->-객관적인 속도 측정이 있지만 객관적인 측정결과를 어떻게 반영하냐는 다른 문제 임. (예 : 웹페이지 하나를 여는데 2초-> 빠른 속도일까 느린 속도일까? 사람마다 다른 답을 가지고 있음. 따라서 주관적으로 느끼는 속도가 목표점이 되어야 한다.)

4. 목적형 서비스, 서핑형 서비스에 따라 로딩속도가 다를것이다.

5. 안드로이드 아이폰에따라 로딩속도가 다를것이다.

f. Branding

i. 아이콘 디자인

1. 모바일로 진입하는 첫관문임

2. 앱 아이콘과 웹 아이콘을 통일

3. 아이콘에서 네이버 로고 위치 통일 및 가이드라인 제작

4. 단 네이버 아이콘만 다름

5. 두개를 설치했을 경우 앱인지 웹인지 구별할 수 있게 웹의 경우 부가 표시

6. 네이버 안드로이드 위젯

g. 배포

i. 안드로이드 마켓을 거치지않고도 배포가 가능하게 설계

ii. 설치율이 높아짐

PS. 정리하는데 도움주신 진현정님 감사합니다.

감사합니다.

'[UX] Seminar' 카테고리의 다른 글

[세미나] HCI연구회 4월 세미나후기 - 에이전시에서 UX 디자인하기 (0)	2012/05/01
[세미나] 금융권에서 바라보는 UI, UX디자인 후기 (HCI연구회 11월 세미나) (0)	2011/12/19
[세미나] UX intensive 후기 (2011.10.7) (0)	2011/11/01
[발표자료] How to blog (0)	2011/05/25
[세미나] uxcamp seoul 2011을 다녀와서 (2)	2011/03/07
'모바일 메가 트렌드와 사용자 경험의 진화' 간략한 정리 (0)	2010/05/24

[클라우드 알아보기] 1. 클라우드 도서 리뷰 - 클라우드

uxdragon — Tue, 27 Sep 2011 12:07:39 +0900

앞으로 '클라우드 알아보기' 라는 제목의 시리즈를 연재할 예정입니다.
클라우드는 최근 IT 업계에서 화두가 되고있는 분야입니다. 클라우드 관련 도서 리뷰와 퍼스널 클라우드 관련 서비스를 간략하게 살펴보려고 합니다.

살펴볼 내용은 아래와 같습니다.

1. 클라우드 도서 리뷰(1) - 클라우드
2. 클라우드 도서 리뷰(2) - 클라우드 컴퓨팅
3. 퍼스널 클라우드 관련 서비스

'클라우드'라는 제목의 책을 읽었습니다.
야코 도모노리 지음, 김정환 옮김, 도안구 감수

본 책은 클라우드의 기본 개념을 설명하는 책입니다. 또한 클라우드를 뒷받침 하는 기술에 대해서 논하고 있으며, 클라우드가 기업 및 개인의 측면에서 어떤 가치를 지니는지에 대해서 논하고 있습니다. 클라우드에 대해서 개념이 잘 이해가 되지 않으시면 가볍게 읽을 수 있는 분량과 내용을 제공하고 있습니다. 다만 클라우드에 대해서 깊게 이해하고 싶으시다면 다른 책을 읽어보시길 권합니다. 또한 기획자의 입장에서 볼 때 기획적인 인사이트보다는 개발에 관한 이해를 돕는 내용이 많아 다소 이해가 되지 않는 부분이 있었습니다.

인상깊은 구절들을 공유합니다.

p.19-20

클라우드의 정의와 기원에 대해서 다루고 있습니다.
클라우드는 인터넷을 가리킨다. 클라우드 컴퓨팅의 클라우드를 말할 때 대전제가 되는 건 인터넷의 존재다. 개개인의 단말기에서는 인터넷 저편에 네트워크로 연결된 컴퓨터가 몇 대 있는지, 그리고 그것들이 구체척으로 어떤 상태인지 잘 알 수 없다. 그래서 IT업계의 사람들은 처음부터 인터넷 자체를 '구름'같은 존재로 표현했다.
클라우드 컴퓨팅 이라는 말은 구글의 CEO인 에릭슈미트가 2006년에 강연에서 처음 사용했다고 하는데, 그 역시 위와 같이 자연스러운 발상에서 그렇게 말했을것이 틀림없다.

p.20
클라우드를 뒷받침하는 기술에 대해서 다루고 있습니다.

1. SaaS (software as a service)
- 소프트웨어 서비스, 구글의 G메일이나 구글 문서도구, 구글 스프레드 시트

2. PaaS (platform as a service)
- 플랫폼 서비스, 애플리케이션의 개발환경이나 소프트웨어를 위한 기본적인 모듈을 뜻함

3. Iaas (infrastructure as a service)
- 인프라 서비스, 서버나 데이터베이스등의 하드웨어를 뜻함

p.52
'어떻게하면 컴퓨터를 잘 사용할 것인가'에서 '컴퓨터를 이용해 무엇을 하고싶은가'에 대한 물음입니다. 앞으로 클라우드를 통해 무엇을 하고 싶은가요?

컴퓨터를 이용해 '무엇을 하고싶은가'로 관점이 바뀐다. 어떤 단말기를 사용하느냐는 문제가 아니다.

p.82
'세일즈포스 닷컴'의 클라우드 전략에 대한 부분입니다. 기업 내 채팅 어플리케이션에 대해 다루고 있습니다. 애플리케이션이 짹짹거리는 것이 특징이라는데 재밌네요.
트위터에서 힌트를 얻어 개발했다는 기업 내 채팅 애플리케이션 채터(Cahtter)가 2010년 6월에 공식 출시됐다.

간단한 설정으로 애플리케이션과도 연계시킬 수 있는 이 클라우드 서비스는 애플리케이션이 짹짹거리는(경고나 메시지를 보내는) 것이 특징으로, 기업 내의 커뮤니케이션 환경을 변화시킬지도 모르는 가능성을 내포하고 있다.

p.102
개인 시장을 위한 퍼스널 클라우드 서비스에 대한 내용입니다. 다소 생소한 PCC에 대해서 새롭게 알게 되었습니다.
개인시장의 경우에는 N 스크린 전략을 구체화하기 위한 방안으로 클라우드 서비스들이 등장하고 있다. 이런 흐름을 퍼스널 클라우드 서비스(PCC)라고 명명하고 있다.

PCC는 수많은 디바이스들을 보유한 이용자가 언제 어디서나 자신이 사용하던 사진, 동영상, 주소록, 오피스 문서, 게임, 메일 등의 콘텐츠들을 최신의 상태에 접근해 사용할 수 있도록 해는 서비스다.

p.162
클라우드는 어떤 변화를 일으킬 수 있을까요? 어떤 단말기에서나 클라우드에 접속할 수 있습니다. 이 책에서는 클라우드 단말기가 생겨날 수 있다고 예견하고 있습니다. 또한 클라우드를 통해 공동작업(crowdsourcing)을 할 수 있다고 이야기 합니다. (현재 국내 퍼스널 클라우드 서비스에서는 '다음 클라우드'가 유일하게 공동작업을 위한 공유컨셉을 제공하고 있습니다.)

클라우드가 일으키는 변화
- 컴퓨터가 변화한다.
- IT 비즈니스가 변화한다
- 기업경영이 변화한다
- 업무방식이 변화한다
- 사회 인프라가 변화한다
- 지식과 인류가 변화한다
- 클라우드 자체가 변화한다.

그 외의 궁금한 내용들은 해당 도서를 읽어보시길 권합니다.
감사합니다.

'[UX] Thought' 카테고리의 다른 글

[UI 디테일] SNS의 댓글 네비게이션 구조를 어떻게 설계하는것이 좋을까? (0)	2012/03/31
[감상] 내가 대학원에 들어왔을때 알았더라면 좋았을 연구노하우 발표자료를 보고 (0)	2012/03/19
[클라우드 알아보기] 1. 클라우드 도서 리뷰 - 클라우드 (0)	2011/09/27
[Mobile] 안드로이드 위젯 기획시 고려사항 (6)	2011/09/06
[PXD] 프로젝트 룸 1개월 체험기 (0)	2011/08/02
[UI 디테일] 웹사이트 로그인, 어떤 방식으로 하는것이 좋을까? (0)	2011/05/25

[Mobile] 안드로이드 위젯 기획시 고려사항

uxdragon — Tue, 06 Sep 2011 09:00:00 +0900

글을 시작하며...
최근 회사 동료로부터 안드로이드 위젯 프로젝트 관련 노하우 공유 요청을 받았습니다. 경험을 공유하다 보니, 이와 관련해서 생각을 정리해보고 싶은 마음이 들었습니다.

본 블로깅을 통해 안드로이드 위젯 관련 프로젝트를 시작하시는 신입 분들이나, 실무경험이 상대적으로 적은 학생분들에게 도움이 되었으면 좋겠습니다. (저보다 많은 경험이 있으신 분들은 의견을 보태주시면 저같은 UI 기획자가 배울 수 있는 밑거름이 될 것 같습니다.) 또한 다음 고려사항들은 순수히 제 의견이며 논란의 여지가 충분히 있으므로 이점도 감안해 주시고 봐주세요.

[그림1] 추억의 햅틱 위젯

[그림2] 안드로이드 위젯

위젯은 무엇인가?
웹 전문가인 '힌치클리프' 는 위젯을 웹에서 실행되는 작은 어플리케이션이라고 정의하였습니다. 위젯의 사전적 의미는 실용적인 목적으로 사용되는 작은 기계 또는 장치를 말하는 것으로, 주로 새롭게 만들어졌거나 신기한 장치, 또는 이름을 알 수 없거나 생각나지 않는 소형 장치, 부품, 도구를 일컫는 단어로 사용되고 있습니다. 또한 위젯의 동의어로 자주 사용되는 단어로 가젯이 있는데요. 위젯과 가젯의 어원이 정확히 알려진 바는 없지만 웹스터 사전에 등록된 시기를 볼 때 오래 전부터 사용된 단어인 것으로 추정됩니다. 또한 위젯을 뱃지(badge), 모듈(module), 버튼(button) 등으로 부르기도 합니다. (출처 하단 명기함) (아이폰같은 경우 위젯과 어플리케이션의 경계가 모호하기는 합니다. 이 점은 논란의 여지가 있으나 본 블로깅에서는 다루지 않습니다.)

본 블로깅에서는 안드로이드 위젯 기획시 고려사항에 대해서 다룹니다.

안드로이드 위젯 기획시 고려사항

1. 위젯의 핵심 고려사항은 유용성과 크기다.
다양한 위젯 사이즈중에서 어떤 사이즈를 선택하는 것이 좋을까요? 저는 유용성과 크기를 고려해서 설계해야 한다고 생각합니다. 위젯을 설치할 확률은 유용성에 비례하고 크기에 반비례하지 않을까 생각합니다. 같은 유용성을 갖는다면 가능하면 작게 만드는 것이 좋겠고요, 그렇다고 해서 고유의 유용성을 해치면서까지 작게 만들다가는 실패할 여지가 있습니다. (위젯 크기와 위젯의 유용성에 따른 위젯 등록의 상관관계에 대해서 조사해보고 싶은 생각은 드네요.)

[그림3] 안드로이드 portrait size

[그림4] 안드로이드 landscape size

2. 터치 영역을 고려해야 한다.
위젯은 그 크기가 어플리케이션에 비해 상대적으로 작으므로 터치 영역을 잘 고려해서 설계해야 합니다.
애플 Human interface guideline을 보면 최소 터치 영역이 44px임을 확인할 수 있습니다. 윈도우폰 UI 가이드라인을 보면 터치 영역을 9mm(34px) ~ 7mm(26px) 사이로 권장하고 있습니다.

현재 안드로이드 위젯 가이드라인에는 최소 터치 영역에 대한 가이드라인이 없으므로, 아쉬운대로 애플 HIG나 윈도우폰 UI 가이드라인을 참조해야 겠습니다.

[그림5] Touch target size

3. 기왕이면 기능은 단순한게 좋다.
위젯은 어플리케이션이 아닙니다. 기왕이면 단순한게 좋습니다. 위젯을 어플리케이션처럼 생각해서 기능에 집중하기 보다는 Short cut의 개념으로 생각하는 게 좋습니다. 또한 위젯은 스크롤이나 트랜지션이 원활하지 않으므로 이 점을 충분히 감안해서 설계하여야 합니다. 요즘들어 안드로이드 사양이 점점 좋아지고는 있다고 하나, 아직까지는 위젯의 기능을 무겁게 가져가기에는 부담이 좀 있는 상황입니다.

4. 기타 고려사항은 없는지 살펴보아야 한다.
- 어떤 안드로이드 단말의 경우 위젯모드를 세로모드 뿐만 아니라 가로모드도 지원하기 때문에 가로모드에 따른 위젯을 추가적으로 개발해야 할 수 있습니다.

- 위젯 크기에 따라 종류별로 추가 셋트를 구성할 수 있습니다. 예를들면 작은 위젯, 중간 위젯, 큰 위젯의 3가지 세트를 만들어놓고 사용자에게 선택하게 하는 것이죠. 하지만 너무 많은 종류의 위젯을 지원하다보면 사용자 입장에서는 선택을 하는데 있어서 혼란을 가중시킬 우려도 있습니다. 선택해보기 전까지는 크기 외에 어떠한 정보도 알수 없으니까 말이죠.

[그림6] 안드로이드 위젯 선택 UI

- 또한 위젯 정보 동기화 이슈가 있습니다. 위젯의 정보를 몇시간마다 가져와서 보여질 것인지에 대한 고민이 필요합니다. 당연히 수시로 정보를 업데이트 하는것이 좋지만, 성능의 문제가 있으므로 수동 업데이트 버튼을 추가로 제공해야 할지를 고려해봐야 합니다.

- 음악 위젯의 경우 락스크린 UI도 고려해야 합니다. 락스크린 UI는 단말이 락이 걸려있더라도 사용할 수 있는 UI인데요, 음악의 경우 멀티태스킹이 가능하기 때문에 락 스크린 UI를 추가로 구성할수도 있습니다.

[그림7] 안드로이드 윈앰프 락스크린(우측)

출처: http://mudchobo.tistory.com/510

글을 마치며...
적고보니 다소 일반적인 이야기가 된 것 같습니다. 하지만 기본에 충실한다면 위젯을 기획하는데도 도움이 되지 않을까 생각합니다. 때로는 정공법도 도움이 될때가 있습니다.

현재 안드로이드 위젯 가이드라인이 존재하기는 하지만, 가이드라인이 실제 기획과 디자인을 하는데 있어서 모든 부분을 커버해주지는 않습니다. 그렇기 때문에 어느 부분에 한해서는 새롭게 적용해야 하는 부분이 있을것으로 생각합니다.

또한 안드로이드 3.0(허니콤) 위젯을 제작할 때에는 퍼포먼스의 향상으로 인해 위젯 3D UI를 시도해 볼 여지가 있습니다. (본 포스팅에서는 안드로이드 3.0 위젯에 대한 문제는 논외로 합니다.)

감사합니다.

참고자료

노주환, 웹 패러다임을 바꾸는 위젯, 멘토르, 2008

루크 로블르스키의 터치 영역 사이즈
http://www.lukew.com/ff/entry.asp?1085

위젯의 역사와 종류
http://1370.me/694

안드로이드 위젯 가이드라인
http://developer.android.com/guide/practices/ui_guidelines/widget_design.html

'[UX] Thought' 카테고리의 다른 글

[감상] 내가 대학원에 들어왔을때 알았더라면 좋았을 연구노하우 발표자료를 보고 (0)	2012/03/19
[클라우드 알아보기] 1. 클라우드 도서 리뷰 - 클라우드 (0)	2011/09/27
[Mobile] 안드로이드 위젯 기획시 고려사항 (6)	2011/09/06
[PXD] 프로젝트 룸 1개월 체험기 (0)	2011/08/02
[UI 디테일] 웹사이트 로그인, 어떤 방식으로 하는것이 좋을까? (0)	2011/05/25
[UI 인사이트] 루크 로블르스키의 블로그로 배우기 (0)	2011/05/25

[PXD] 프로젝트 룸 1개월 체험기

uxdragon — Tue, 02 Aug 2011 01:25:20 +0900

글을 시작하며...
저는 요즘 거의 프로젝트 룸에서 생활을 하고 있습니다. 이번 블로깅에서는 프로젝트 룸 생활을 하면서 느꼈던 본인과 팀원들의 경험. 그리고 (프로젝트 룸을 쓰고있는 사람들의 약식 인터뷰를 통해 얻은) 프로젝트 룸을 구성하는데 있어서 필요한 요소 및 프로젝트 룸의 장점과 단점을 공유하려고 합니다.

[IDEO의 프로젝트 룸]
이미지 출처 : http://userexperience.tistory.com/92

[PXD의 프로젝트 룸]

프로젝트 룸 꾸미기

1. 프로젝트 룸
- 프로젝트 룸을 꾸미기 위해서는 일단 사내에 프로젝트 룸이 구비되어 있어야 합니다. 프로젝트 룸도 하루종일 그곳에서 생활할 수 있는 공간이면 더더욱 좋습니다. 사내에 프로젝트 룸을 구비할 수 있는 환경이 아니라면, 구역을 나누어 좀 더 의사소통을 원활히 할 수 있게 하는 방법도 시도해 볼 수 있습니다.

2. 칠판, 벽, 프로젝터, PC(혹은 노트북), 모니터
- 프로젝트 룸을 구성하는데 있어서 칠판은 필수요소입니다. 의사소통이 잘 되지 않을 경우 칠판을 활용해서 설명하면 좀 더 설명이 명확해 질 수 있습니다.
- 벽을 활용하여 시안이나 작업물들을 붙여놓고 확인할 수 있습니다. 본 프로젝트에서는 벽을 충분히 활용하지는 않았습니다만, 다른 프로젝트에는 벽을 활용할 일이 많을것 같습니다. IDEO처럼 벽에 포스트잇 전지를 붙여서 활용하는 방법도 있으며, 보드판을 이용하여 벽면을 대체하는 방법도 있습니다.
- 프로젝터 또한 필요한 요소중 하나입니다. 프로젝터를 통해 문서를 리뷰하고 공유를 쉽게 할 수 있습니다.

3. 일정표, To-do list, 공지사항
- 일정표는 프로젝트의 현 상황을 파악하고 일정대비 얼마나 진행이 잘 되었는지 확인하는데 용이합니다. 그동안 프로젝트를 하면서 일정표를 엑셀에도 관리를 해보고, 구글 Docs로도 관리를 해봤습니다. 그러나 이번에는 일정을 칠판에 적어서 관리했습니다. 칠판에 일정을 적어놓고 관리해 보니 현재 일정을 파악하고 수시로 확인하는데 용이하더군요. 일정에는 문서 릴리즈 일정 및 팀원의 휴가들을 적어놓았습니다.

- To-do list는 오늘 어떤 일들을 수행해야 하는지를 나타내줍니다. 이것 또한 문서화하지 않고, 칠판에 적었습니다. 칠판에 적어놓으니 오늘 어떤 일을 해야하는지 분명히 알 수 있었습니다.

- 공지사항은 수시로 확인해야 할 사항을 적었습니다. 이전에 문서의 번호를 매길 때 문서 번호에 대한 Rule을 칠판에 적어놓고 수시로 확인하면서 작업을 했더니 작업이 수월했습니다.

4. 스피커
- 스피커는 다소 조용한 프로젝트 룸에 활기를 불어넣어 줍니다. 문서 작업을 할때 음악을 들으면서 하면 좀 더 편안한 분위기에서 작업을 할 수 있습니다.

프로젝트 룸의 장점

1. 팀원간의 커뮤니케이션에 용이하다.
- 같은 공간에 있지 않을때는 의사소통할 것들을 정리하고 따로 모여서 회의를 해야합니다. 하지만 프로젝트 룸에 있다보면 그럴 필요가 없습니다. 또한 팀원이 현재 어떤 작업을 하고 있는지 알고 있기 때문에 어떤 것들이 필요한지, 어떤 작업이 진행중인지 파악하기가 용이합니다. 또한 회의를 위해서는 회의 시간도 정해야되는데 프로젝트 룸에서는 그럴 필요가 없습니다. 바로 프로젝터를 켜면 됩니다.

2. 팀원간의 정이 돈독해진다.
- 아무래도 같은 공간에 오랫동안 있다보면 자연스럽게 친해집니다. 친해지면 그만큼 협업을 하는데 있어서 장점으로 발휘됩니다.

3. 프로젝트에 집중을 하는데 용이하다.
- 사내에 있다보면 사내의 다양한 활동과 변수에 노출이 됩니다. 하지만 프로젝트 룸에 있다보면 그런 상황에 노출이 적습니다. 그만큼 업무에 집중할 수 있습니다. 또한 심리적으로 안정이 되기도 합니다.

프로젝트 룸의 단점

1. 팀원들끼리 너무 친해져서 대화를 많이 하게 된다.
- 장기간 프로젝트를 하다보면 프로젝트원들끼리 친해지게 됩니다. 친해지게 되면 대화가 많아지게 되지요. 그만큼 시간을 쓰다보면, 퇴근 시간이 늦어지게 되는 원인이 되기도 합니다.

2. 사생활이 없다.
- 친한 팀원들끼리라면 같은 공간에 계속 붙어있어도 큰 상관은 없겠지만, 불편한 팀원과 같은 공간을 쓴다는 것은 불행한 일이겠습니다. 또한 가끔은 자기 시간이 필요할 때도 있는데, 사생활이 노출된다는 단점은 분명 있습니다. (반면 회사 내에 있으면 작업하면서 눈치를 보게 되는데, 프로젝트룸에서는 눈치를 덜 보게되는 경우도 있습니다.)

3. 같은 회사 사람들과의 교류가 상대적으로 적어진다.
- 항상 프로젝트 룸에 있다보면, 반대로 사내 사람들과의 교류가 적어지게 됩니다. 회사에 무슨 일이있는지 모르는 경우가 생기게 됩니다. 프로젝트 룸을 쓰지 않는 사람들과의 커뮤니케이션이 단절되는 경우도 종종 있습니다.

4. 한정된 프로젝트 룸을 점유할 경우 문제가 발생한다.
- 어느 회사나 프로젝트 룸은 한정되어 있습니다. 프로젝트 룸의 수보다 진행되고 있는 프로젝트의 수가 많을 경우 문제가 발생합니다. 이럴때는 각 프로젝트의 팀원들끼리 협의하여 모두가 공평하게 프로젝트 룸을 사용할 수 있도록 조율이 되어야 하겠습니다.

글을 마치며...

요즘에는 프로젝트 룸을 쓰다보니 제 자리에 앉을 시간이 없습니다. 그만큼 프로젝트 룸에서 주로 생활을 하고 있습니다. 프로젝트룸에 대해서 현재로서는 만족하고 있습니다. 그러나 사내에서는 처음 시도해본 방식이기 때문에 아직 부족한 점이 많다고 생각합니다. 다음 프로젝트부터는 부족한 점을 개선해서 프로젝트 룸을 적극적으로 활용해보아야 겠다고 생각했습니다.
프로젝트 룸을 사내에서 이미 잘 활용하고 있는 회사도 있을 것입니다. 그동안 프로젝트 룸을 잘 활용하고 있지 않았다면 이번 프로젝트 부터는 프로젝트 룸을 활용해 보시는것도 좋을것 같습니다. 물론 프로젝트 룸의 단점도 있지만 단점을 커버할만큼의 장점이 있기 때문에 자신있게 추천합니다.

감사합니다.

참고 웹사이트.

능률을 올리는 프로젝트 룸

http://www.wizmusa.net/1170964078

the innovation process : the project room

http://www.theinnovationprocess.com/2010/12/the-innovation-process-orderliness-in-innovation/

'[UX] Thought' 카테고리의 다른 글

[클라우드 알아보기] 1. 클라우드 도서 리뷰 - 클라우드 (0)	2011/09/27
[Mobile] 안드로이드 위젯 기획시 고려사항 (6)	2011/09/06
[PXD] 프로젝트 룸 1개월 체험기 (0)	2011/08/02
[UI 디테일] 웹사이트 로그인, 어떤 방식으로 하는것이 좋을까? (0)	2011/05/25
[UI 인사이트] 루크 로블르스키의 블로그로 배우기 (0)	2011/05/25
UX 디자이너를 꿈꾸는 디자인전공 후배님들을 위한 조언 (관련 링크) (4)	2010/12/28