본문 바로가기

UI

(26)
[UI 디테일] UI관점에서 살펴본 새로운 iOS6 모바일 앱스토어 글을 시작하며... Apple iOS6로 업데이트되면서, 모바일 앱스토어도 대폭 업데이트 되었습니다. 본 글에서는 iOS6 모바일 앱스토어 업데이트의 장점 및 특징에 대해서 소개하려고 합니다. ‘Everything that’s wrong with the App Store in iOS 6‘ 글에서는 iOS6 앱스토어에서의 문제점을 이야기하고 있습니다. 이 글을 참고하시면, 균형잡힌 시각으로 UI에 대해서 생각해 볼 수 있을것으로 기대합니다. 새롭게 업데이트된 iOS6 모바일 앱스토어의 장점/특징 1. Pad, apple TV화면과 일관성있는 UI 화면 구성 그림1) Pad, TV와 일관성있는 UI 화면 구성 그림2) 홈 화면 변경 iOS6 모바일 앱스토어에 처음 진입하면 등장하는 메인페이지에서 큰 변화를 ..
[UI 디테일] UX의 눈으로 NHN Band를 바라보다 글을 시작하며 [01] Band (이미지출처 하단 명기) Micro SNS의 등장 이후 특정 그룹을 타겟팅한 SNS가 등장했고, Group형 SNS도 등장했다. 카카오톡(지인간의 채팅), 카카오스토리(지인간의 사진 공유 SNS), 카카오아지트(그룹간의 SNS)의 포지셔닝을 보면 카카오의 전략이 다각도로 이루어졌다는 것을 알 수 있다. (관련 기사 : http://me2.do/FfD7ct2) NHN도 그룹 SNS 성격의 모바일앱 Band를 내놓고 발빠르게 움직이는 모습이다. Band 서비스의 정확한 시작은 알 수 없으나, SNS의 미투밴드에서 그 출발을 미루어 짐작할 수 있다. 미투밴드는 미투데이 사람들끼리 친목을 도모하기 위한 공개(혹은 비공개)형 소모임이다. (미투밴드 : http://me2.do/Gi..
[UI 디테일] UI / GUI 관점에서 본 카카오스토리, 아직은 아쉽다. 카카오톡에서 최근 사진기반 SNS인 '카카오스토리'를 런칭했습니다. 카카오스토리를 사용하는 한 명의 유저로써 본 포스팅을 통해 카카오스토리를 UI / GUI 관점에서 살펴보고 주로 아쉬웠던 점을 기술하였습니다. * 본 포스팅은 아이폰 앱 0.7 버전 기준으로 작성되었습니다. UI의 아쉬움 1. 내 히스토리를 보기 힘듭니다. 카카오스토리는 사진과 글을 같이 올렸을 경우 미리보기가 힘듭니다. 또한 상세 사진으로 접근했을 때에는 다시 원래 화면으로 돌아온 뒤 이미지를 탐색하는 구조를 사용하고 있습니다. 물론 본 UI의 경우 많은 사진을 훓어보기에 적합한 UI입니다. 하지만 글과 이미지를 같이 미리본다는 관점에서는 적합하지 않은 UI로 보여집니다. 또한 하나의 이미지를 확인 한 뒤에는 다시 '이전' 버튼을 눌러..
[세미나] HCI연구회 4월 세미나후기 - 에이전시에서 UX 디자인하기 주제 : 에이전시에서 UX 디자인 하기 발표자 : 민영삼대표님 The DNA HCI연구회 4월 세미나를 다녀왔습니다. 전반적으로 UI / UX에 대한 업계 동향 같은 것 보다는 UI / UX 디자인 10년 차 선배의 노하우 전수를 받는 느낌이라서 더욱 좋았던 것 같습니다. 벚꽃 구경을 가도 시원찮을 봄 날 우리는 왜 세미나를 듣고 있었을까요? 비록 벚꽃 구경은 못갔지만...(!) 생각할 거리가 많은 세미나였습니다. 느낀 점 및 인상깊은 내용 위주로 공유합니다. 나는 10년 동안 이 업계에서 어떻게 버틸 수 있을까? 1. 초심을 잃지 말자. > 초심! 안녕하십니까? 항상 초심을 잃지 않도록 해야겠습니다. 2. 개인적인 목표를 설정하자. 구체적으로 설정하지 않아도 된다. 열심히 하다 보면 된다. > 마침 송..
[UI 디테일] SNS의 댓글 네비게이션 구조를 어떻게 설계하는것이 좋을까? SNS 관련 프로젝트를 통해 댓글 네비게이션 구조를 어떻게 설계하면 좋을지에 대해 고민할 시간이 있었습니다. 본 블로깅을 통해 그러한 고민을 정리하고 공유하도록 하겠습니다. 1. SNS에서 최근 쓴 댓글은 위쪽에 보여져야 할까? 아래 쪽에 보여져야 할까? SNS 댓글 UI 설계 시 가장 고민했던 부분이 바로 이 점 이었습니다. 당시로서는 판단의 근거가 없었기 때문에 타 SNS 들이 어떻게 UI를 설계하고 있는지 벤치마킹을 했습니다. 하지만 벤치마킹으로는 고민의 결과밖에 확인 할 수 밖에 없기 때문에 왜 이렇게 UI가 설계되었는지에 대해서는 별도의 고민을 해야 했습니다. 동료들과 대화하던 차에 SNS형 구조에서 댓글은 '대화의 흐름(히스토리)'이 중요하다는 사실을 알 수 있었습니다. 또한 대화의 흐름(히스..
[도서] UX / UI / 디자인 도서 목록 (userstory book) 2010년 8월 29일에 업데이트한 'UX / UI / 디자인 도서목록'을 2011년 버전으로 업데이트 하였습니다. (비 UX 도서도 섞여있습니다. -_-;) http://uxdragon.userstorybook.net/ 기존에는 리스트형식으로 되어있었는데, 유저스토리북 서비스를 활용하여 업데이트를 하였습니다. 우측의 '내가 만든 책 목록'을 보시면 책 종류별로 카테고리가 되어있으므로 참고하시면 좋을 것 같습니다. 향후에는 개인 UX 도서목록이 아닌 UX전문가가 모여 만드는 'UX 라이브러리' 같은걸 만들어보면 좋겠네요. :) 감사합니다.
[세미나] 금융권에서 바라보는 UI, UX디자인 후기 (HCI연구회 11월 세미나) 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 NFC M2M Man to Man Service design Customer Touchpoint (Blueprint) Contact person 다양한 비대면 ..
[Mobile] 안드로이드 위젯 기획시 고려사항 글을 시작하며... 최근 회사 동료로부터 안드로이드 위젯 프로젝트 관련 노하우 공유 요청을 받았습니다. 경험을 공유하다 보니, 이와 관련해서 생각을 정리해보고 싶은 마음이 들었습니다. 본 블로깅을 통해 안드로이드 위젯 관련 프로젝트를 시작하시는 신입 분들이나, 실무경험이 상대적으로 적은 학생분들에게 도움이 되었으면 좋겠습니다. (저보다 많은 경험이 있으신 분들은 의견을 보태주시면 저같은 UI 기획자가 배울 수 있는 밑거름이 될 것 같습니다.) 또한 다음 고려사항들은 순수히 제 의견이며 논란의 여지가 충분히 있으므로 이점도 감안해 주시고 봐주세요. [그림1] 추억의 햅틱 위젯 [그림2] 안드로이드 위젯 위젯은 무엇인가? 웹 전문가인 '힌치클리프' 는 위젯을 웹에서 실행되는 작은 어플리케이션이라고 정의하였습..