본문 바로가기

[UX] 가벼운 이야기

 (65)
일본의 Comparison chart 사례 시작하며... UI기획을 하면서, 비교 차트를 만들 일이 종종 있습니다. 차트를 만들면서 항상 느끼는점은 한정된 화면에 얼마나 많은 정보를 보기 쉽게 보여줄 것인가 일 것입니다. 일본 여행을 가서 구한 일본의 Comparison chart 를 보면서 잘 만든 차트 하나가 열 마디의 설명보다 낫다고 생각했습니다. 이에 몇 가지 차트를 살펴보았습니다. 일본 Comparison chart 의 특징 1. 빽빽한 구성 일본 Comparison chart의 가장 큰 특징은 빽빽한 구성입니다. 문서를 꼼꼼하게 잘 챙겨보는 일본 사람들의 성향을 반영한 것으로 여겨집니다. 우리나라에서는 메뉴얼을 주의깊게 보는 사람들이 별로 없는 반면, 일본 사람들은 메뉴얼을 보더라도 꼼꼼히 살펴 본다고 합니다. 이런 합리적인 사고를 반..
기존 유저와 신규 유저의 갭을 어떻게하면 메꿀 수 있을까? - '프리스타일' 게임의 사례를 중심으로 저는 스트레스 해소를 위해 프리스타일 게임을 가끔씩 하고 있습니다. 프리스타일 게임을 하면서 '이 게임은 참 신규 유저에게 불친절한 게임이다.' 라는 생각이 들더군요. 이에 프리스타일 게임은 과연 얼마나 잘하고있는지, 프리스타일 게임의 문제점 및 현 상태를 살펴보았습니다. 게임 UI의 전반적인 내용에 대해서도 함께 분석해보고 싶었으나 UI에 관한 내용은 다음 기회로 미뤄두려 합니다. 또한 프리스타일 게임에서 왜 신규유저가 잘 적응하지 못하는지에 대해서도 살펴보고 싶었습니다. 멀티플레이 채널 선택 화면 첫째, 회원등급제의 실효성 프리스타일은 과연 회원 등급별 구분이 잘 되어있을까요? 프리스타일의 회원 등급은 다음과 같이 5등급으로 되어있습니다. 레벨에 따른 회원을 나눠놓아서 비슷한 실력의 유저와 게임을 할..
내 음악감상 패턴에 대한 정리 좌) 애플 아이팟터치 우) 삼성 Z5F 오늘은 음악 감상에 대한 지극히 개인적인 이야기를 하려고 합니다. 저는 휴대용 음악감상을 아이팟터치로 하고있습니다. 휴대용 음악 감상 디바이스가 삼성 ZF5 mp3가 추가로 있기는 하지만, 지금은 특별한 경우가 아닌이상 사용하고 있지 않습니다. 저는 음악 감상을 할때 주로 랜덤으로 듣습니다. 저의 음악 감상을 패턴으로 나눠보면 다음과 같을 것 같네요. 1 순위는 전체랜덤 재생, 2 순위는 앨범, 아티스트 랜덤 재생, 3 순위는 한곡 반복 재생 입니다. 패턴을 조금 더 자세히 살펴보겠습니다. 1. 일반적으로 노래를 듣고싶다 - 전체 랜덤 랜덤으로 재생한다, 듣기싫은노래가 나오면 넘긴다, 좋은 노래가 있으면 별점 5점을 준다. 듣기싫은노래가 너무 많아지면 노래를 추가한..
아이폰 앱 아이콘은 어떤 색깔을 제일 많이 사용하고 있을까? 1 | 2 | 3 | 4 5 | 6 | 7 | 8 어느날 출근시간에 지하철에서 재미삼아 제가가진 앱의 아이콘을 색상별로 분류해봤습니다. 1~6 번째 탭은 정보/유틸 관련 앱이고 7~8 번째 탭은 게임 관련 앱입니다. 조사해보니 정보/유틸 관련 앱은 파랑색 계열이 많고, 게임 관련 앱은 빨강색 계열이 많더군요. 과연 이 결과가 우연일지 궁금해졌습니다. 500개의 아이폰, 아이패드 App 색상을 조사한 결과도 마찬가지로 파랑색이 제일 많았다고 합니다. 두번째는 검정색이라고 합니다. http://teqnolog.wordpress.com/2010/05/19/half-of-all-iphone-apps-are-either-blue-or-black/ 여기에서도 마찬가지로 아이폰 앱 아이콘의 색상을 사용할때 파랑색만은..
유니버셜 디자인 사례 - 장애인을 위한 ATM 예전에 사장님과 대화를 하면서 '시각장애인을 위해 ATM에 이어폰 단자를 설치해야 한다.' 는 이야기가 나왔었습니다. 오늘 국민은행 ATM을 가보니 장애인용 ATM이 있더군요. 이어폰 단자가 있을 뿐 아니라 가까이가면 인식하여 음성 안내를 하기도 하더군요. 저시력자를 위한 화면 확대 기능도 있었습니다. 다소 신기하기는 했지만, 구색갖추기로 이어폰단자를 추가했다는 생각을 지울 수가 없었습니다. 어정쩡한 위치에 위치했을 뿐 아니라 오른쪽 상단에 있다는 정도로는 이어폰 단자를 찾기는 힘들어 보이더군요. 이미지 출처 : http://neoocean.net/blog/1748 국민은행 홈페이지에서는 이번에 도입한 장애인용 ATM을 설명하고 있습니다. 이미지 출처: http://bank1.kbstar.com/quic..
아이폰은 전화번호를 어떻게 인식할까? 어느날 회사 동료가 아이폰으로 전화번호를 입력하는것을 보았습니다. 오타가 났음에도 불구하고 전화번호로 인식을 하는 모습을 보고 아이폰은 과연 전화번호를 어떻게 인식하는지 궁금해졌습니다. 애플 OS3에서 확인된 결과로 애플 OS4에는 어떤 결과가 나올지는 의문입니다. 또한 이 조사는 모든 케이스를 커버하고자 하는 목적이 아니라 단순히 재미로 시작한 것이니 조사가 미흡한 점 또한 이해해주셨으면 좋겠습니다. 조사 장비 아이팟터치 OS3 조사 방법 메모장에 임의의 숫자를 기입하여 밑줄이 쳐지면 전화번호로 인식함을 판단 범례 123456 (전화번호로 인식하지 않음) 1234567 (전화번호로 인식함) 1. 연속된 숫자 연속된 숫자를 쓸 경우에는 7자리 숫자부터 17자리 숫자까지를 전화번호로 인식하고 있습니다.(사..
미투데이를 통해 배우는 리치 인터페이스 디자인 패턴 그림0. 리치 인터페이스 디자인 책표지 최근 '리치 인터페이스 디자인' 이라는 책을 접했습니다. 이 책에서는 웹에서 독특하고 풍부한 경험을 만들어 낼 수 있는 가이드, 패턴, 원칙들을 담고 있습니다. A. 디자인 패턴이란? 크리스토퍼 알렉산더는 '패턴'을 다음과 같이 정의했습니다. ... 우리를 둘러싸고 있는 환경에서 반복적으로 나타나는 특정한 문제와 그에 대한 핵심적인 해결책을 설명하는... 그리고 몇 년후 '디자인 패턴'은 사용자 인터페이스 디자인의 범위까지 그 영역을 확장했습니다. 이 책에서는 웹 인터랙션 디자인 패턴을 다루고 있습니다. B. 여섯 개의 디자인 원칙 이 책에서는 이 패턴들을 여섯개의 디자인 원칙으로 분류하였습니다. 원칙들의 자세한 설명은 '리치 인터페이스 디자인' 책을 참고하세요. ..
어린이날 포털사이트들의 로고를 클릭하면 어떤 정보가 보여지나? 어린이날을 기점으로 포털사이트들이 약속이나 한듯이 자사의 로고를 어린이날 로고로 변경하였습니다. 그림1. 구글 어린이날 로고 구글 어린이날 로고는 양치하는 어린이의 일상을 로고로 표현하였습니다. 그림2. 네이버 어린이날 로고 네이버 어린이날 로고는 장난감을 이용하여 로고로 표현하였네요. 그림3. 다음 어린이날 로고 다음 어린이날 로고는 아이들과 풍선을 이용해서 표현하였습니다. 그림4. 파란 어린이날 로고 파란은 로고 자체를 손글씨로 바꾸었으며, 어린이의 필체가 느껴지게 로고를 만들었네요. 그림5. 야후코리아 어린이날 로고 야후코리아는 로고에 플래시를 사용해서 표현했습니다. 장난감을 가지고 노는 어린이를 표현했네요. 그림6. 네이트 어린이날 로고 네이트 어린이날 로고는 웃는 모습을 표현하였습니다. 그림7...

티스토리툴바