아이폰의 사파리 브라우저는 모바일 스크린에서 제대로 웹을 사용할 수 있는 최초의 브라우저라는데 큰 의미가 있습니다. 폰의 작은 화면에서 웹페이지를 보려면 화면의 확대 축소가 꼭 필요하게 되는데, 아이폰의 사파리는 축소한 경우에도 이미지와 폰트를 깔끔하고 읽기좋게 렌더링하여 보여줍니다. 직관적인 핀치 제스쳐나 더블탭을 이용한 자동 폭맞춤은 확대축소 조작의 번거로움을 없애주고요. 폭맞춤 상태에서 스크롤을 하면 옆으로 삐져나가지 않고 상하로만 움직이도록 보정해주는 특허도 작지만 실제 경험적으로는 상당히 편리하고요 carousel 방식의 사파리의 페이지 관리 사용 효율보다는 간결하고 학습이 쉽도록 하는 애플의 UI 철학에 공감은 하면서도 폰에서 웹브라우징을 많이하다보니 사파리의 페이지(탭 또는 창) 관리 방식은..

내가 거쳐갔던 브라우저들. 의도했든 아니든 당시의 인터넷 환경을 반영하고 있는것 같습니다. 섬들을 항해하다 처음 개인용 컴퓨터(맥)에서 사용한 브라우저는 네스케잎의 네비게이터였습니다. 모뎀으로 ppp인지 인터넷연결을 하고, 상대적으로 무거운 프로그램이어서 스플래쉬 화면을 보면서 자 이제 시작해 볼까 하는 기분으로 로딩을 기다렸습니다. 새로운 홈페이지의 url이 잡지에 실리던 시절이었으니까 인터넷은 섬같았습니다. 페이지 로딩시의 에니메이션도 망망대해에서 밤하늘의 별을 가이드 삼아 항해하는 모습이었고 가끔 별똥별이 떨어졌지요. 별들을 탐험하다 pc를 사용하면서 부터는 별 대안 없이 윈도우에 내장된 internet explorer를 사용했습니다. OS에 내장된 형태라 실행이 빨랐죠. 로고에 위성 띠가 보이듯 ..

여기저기 리뷰도 많고, 말도 많은 프로그램이라 트라이얼버전을 깔고 사용해 봤습니다. 벌써 저희 블로그에도 2건이나 관련 글이 올라와 있네요. Workflow? / 프로토타잎? 아무것도 모른체 사용해본 결과 제가 바랬던, '편하게 웤플로우 만들기' 에는 유용하지 않은것 같습니다. 프로토 타잎을 만들어 클라이언트나 유저들에게 테스트 하고 피드백을 받는 용도로는 쉽고 유용할 듯합니다. (범용화된 파일포멧으로 Export 할 수 없기 때문에, 프로그램이 일반화 되던지, 랩탑을 들고다녀야 하지만요.) 스크립트를 사용하지 않고도 꽤나 완성도 있는 (인터랙션,모션) 프로토타잎을 만들 수 있습니다. 프로토타입에 쓸만하게 트라이얼 버전에 포함되어있는 예제 파일 입니다. 3D 인터랙티브 모션이 적용되어있습니다. (왼쪽) ..

함 가보는거야!! 그까이꺼! <저는 뭐 별로 아는 것도 없는 사람이라, 저와 한배를 탄 동료들과의 즐거운 경험을 나누고자 합니다.^^*> 팀으로 작업을 하다보면,손발이 맞을 때까지 걸리는 시간이, 때로는 실제 작업시간보다 더 걸리는 경우도 있지요^^* 특히 일관된 컨셉의 Workflow를 여러명이 그리는 것은, 결코 쉬운일이 아니었습니다. 그래도 다른 분들의 시행착오를 좀 줄이시라고 모바일 Application을 세명이서 그렸던 협업 사례를 기록으로 남겨 봅니다. 다음 프로세스는 Goodwill / 금룡 / UXdragon 요 세명이서 여러번의 시행착오 끝에 얻어낸 그나마 썩 꽤 효율적이라고 여겨지는 Workflow 협업 방식입니다. 다른 사람들은 어떻게 하나 궁금하네..ㅎㅎ Day 1. index부터 ..

리서치를 할때 어떤 포커스를 가지고 리서치를 하시나요? 프로젝트마다 다르기는 하지만, 저는 과거와 현재를 비교하는 것을 좋아합니다. 과거에서 현재까지의 변화를 보면 미래를 어느정도 예측할 수 있기 때문이죠. 하지만, 막상 과거정보를 찾으려고 하면 최신 정보를 찾는 것 보다 힘든 경우가 더 많습니다. 이럴 때 사용하면 유용한 사이트 하나를 소개하려고 합니다. http://www.oldapps.com/ 올드앱스닷컴은 PC 어플리케이션의 오래된 버젼을 모아서 제공해주는 사이트입니다. 실제 파일을 다운로드 할 수 있고, 스크린 샷도 함께 제공합니다.(맥용 어플리케이션도 제공합니다.) 올드앱스닷컴에서 제공하는 iTunes 모습입니다. iTunes의 경우 버젼별로 꽤 방대한 양을 제공해 주고 있고, 릴리즈 날짜를 ..

Mental Models by 인디 영 pxd에서 주로 수행하고 있는 사용자 리서치에 기반한 디자인 과정에 매우 seamless(!)하게 적용될 수 있는, 이미 우리가 하고 있다고 할 수도 있지만 그보다는 좀 더 디테일하게 과정이 분절된 방법이라고 할 수 있습니다. 아직 제가 책을 읽는 과정이어서 차차로 연재해야 할 것 같습니다. 여기서 말하는 멘탈 모델이란 기존에 우리가 알고 있던 정의(사용자가 이해하고 있는 '시스템의 구조적인 작동방식'에 대한 추상화된 인지적 모델 - 현재 제가 이해하고 있는 정의입니다 ^^;)과는 좀 차이가 있습니다. 한마디로 특정 주제(제품? 서비스?)에 대한 사용자 행동의 친화도(affinity diagram-연관성있는 것끼리 그룹핑한 구조)를 멘탈 모델이라 정의하고 있습니다...

Agent라고 하면 무엇이 떠오르나? 첩보원? SF 영화? 일본 만화? Clippy? 사람마다 Agent에 대한 생각도 다르고, 정의도 다르지만, 여기서는 Agent의 정의를 사람의 활동을 도와주는 Personal Assistant로 제한하고, 최근에 나온 괜찮은 제품이 하나 있어서 소개를 하려고 한다. 바로 Siri ( http://siri.com/ )라는 아이폰앱이다. 기존에 나왔던 제품보다 음성인식이 뛰어날 뿐 아니라, 내용을 분석하여, 제대로 된 서비스를 제공해준다. 지금까지 나왔던 다른 어떤 제품보다 인식률과 서비스률은 높은 것 같다. (물론 실제로 해보면 잘 안된다. 데모라서 잘 되는 것 같다.) 다만 Personal Assistant라면 나의 정보를 미리 알고, 나의context(기분, 환경..

얼마 전, E신문에서 Apple이 자동차 시장에 눈독을 들이고 있다는 기사가 났었다. 자세한 기사는 다음 참고 http://www.etnews.co.kr/news/detail.html?id=201003100070 그것의 진위 여부는 차치하고, 이제는 HCI의 영역이 단순히 PC, 핸드폰을 넘어 더 빠르게 그 영역을 확장하고 있음을 알 수 있다. 처음에 PC에서 시작된 HCI의 영역이, 웹을 넘어 모바일로 이미 확장을 했고, 이제는 집과 자동차의 문을 두드리고 있다는 것이다. 빠르게 우리 생활에 IT가 확장이 되면서 UX 가 우리의 삶에 더 중요해지고, 더 가까워 지고 있다. 자동차의 역활 변화 처음 자동차가 나왔을 때 그 기능은 단순히 이동 수단에 불과 했다. 집에서 회사로, 학교로 휴양지로 이동하는 것..

마이크로소프트 같은 대기업에 UI 관련 인력만도 수천명(?)은 전세계이 있지 않을까 싶은데도... 웹에서 Broken Link는 UI 로는 어떻게 해결될 수 없는 측면 아닐까... Microsoft Expression Blend 구입하기 위하여 오늘도 계속 함정에 빠지는 반복을 한다... 먼저 구글에서 검색하고, 네이버에서 검색하고, 가격 비교에서 검색해도 제품은 안 나온다. 그럼 마이크로소프트에서만 판매하는 건가? 그래서 www.microsoft.com 을 들어갔더랬다(흠... 처음부터 마이크로소프트를 가 볼 걸...) 여기서 All Products -> Expression -> Expression Studio 3.0 -> Buy now 이렇게 해 보면, 2.0을 판매하는 사이트가 나온다. 여기에서는 ..

Whitney Hess라는 사람이 자신의 블로그(Pleasure & Pain)에 올려서 유명해졌던 글이었는데 UX Magazine에 다시 실렸네요. 이와 유사한 가이드들이 제법 있는데도 또 나오는 것을 보면 기존의 가이드들이 여전히 모호하고 적용하기도 어려운 모양입니다. 경륜이 있는 사람이 주옥과 같은 인생의 지침을 이야기해주어도 자신이 '깨닫기'전에는 못느끼는 것과 같은 것일까요? Experience Designer를 위한 5가지 가이드 1. Understand the underlying problem before attempting to solve it 잘못된 문제를 푸는데 시간을 허비하지 말고(성급하게 디자인하지 말고) 문제를 제대로 이해하라는 내용입니다. PXD에서 자주 논의되는 내용이기도 하네요..