아이폰 아이패드에서 가장 유용하게 사용하고 있는 앱 중 하나가 지도입니다. 구글맵은 우리나라에서 길찾기도 안되고 지도 업데이트가 느려 POI도 잘 표시안되어 유용성이 떨어져 잘 쓰지 않습니다. 네이버지도와 다음지도는 서로 장단점이 있어서 어느 하나를 고르기가 어렵습니다. 다음 지도는 예전에 지도 자체의 컬러 스킴이 너무 안 예뻐서 쳐다도 보지 않다가 업데이트 후에 굉장히 미려해졌고 상세 지형,건물 정보도 네이버에 비해 잘 담고 있어서 자주 쓰게됩니다. (다만 개인적으로 힘줄 튀어 나온 것 같은 보라색의 고속도로 표시는 익숙해질만해도 여전히 부담스럽고 안타깝습니다. 노란색 도로에서 갑자기 툭 튀어나온 보라색 고속도로 표시는 정보 디자인 측면에서 최선의 선택을 했다기 보다는 단지 경쟁사와 다르기 위해 차선의..

SNS 관련 프로젝트를 통해 댓글 네비게이션 구조를 어떻게 설계하면 좋을지에 대해 고민할 시간이 있었습니다. 본 블로깅을 통해 그러한 고민을 정리하고 공유하도록 하겠습니다. 1. SNS에서 최근 쓴 댓글은 위쪽에 보여져야 할까? 아래 쪽에 보여져야 할까? SNS 댓글 UI 설계 시 가장 고민했던 부분이 바로 이 점 이었습니다. 당시로서는 판단의 근거가 없었기 때문에 타 SNS 들이 어떻게 UI를 설계하고 있는지 벤치마킹을 했습니다. 하지만 벤치마킹으로는 고민의 결과밖에 확인 할 수 밖에 없기 때문에 왜 이렇게 UI가 설계되었는지에 대해서는 별도의 고민을 해야 했습니다. 동료들과 대화하던 차에 SNS형 구조에서 댓글은 '대화의 흐름(히스토리)'이 중요하다는 사실을 알 수 있었습니다. 또한 대화의 흐름(히스..

오늘의 구글 두들 주인공인 Mies van der Rohe 는 Less is more, God is in the details 같은 요즘 애플의 디자인에 영향을 많이 준 격언을 남긴 건축가 입니다. 사실 전 이 분의 건축에 대해서는 잘 모릅니다. 바르셀로나 체어는 유명해서 알고 있지만요. 저희 회사 건물 로비에도 카피 같은게 놓여 있거든요. :) 이번 로고를 클릭하면 구글에서 "미스 판 데르 로에"라는 키워드로 검색을 합니다. 하지만 구글도 이런 이름은 찾을 수 없다며 "미스 반 데르 로에"로 검색을 하겠다고 합니다. 보통은 신뢰성 높은 (구글페이지랭크가 높은) 위키백과같은 문서가 나오는데 대부분이 블로그 글입니다. 이 두들을 소개한 구글코리아 블로그가 상위에 나오고요. 뭔가 이상하지요. 독일 사람이라는..

2012년 3월 7일에 Chris Pirillo라는 블로거는 새로 나온 Windows 8을 자기 아버지에게 써 보라고 하고, 비디오로 그 모습을 촬영했다. 마이크로소프트(MS)의 차세대 운영체제 ‘윈도우8′의 일반사용자용 미리보기 버전인 ‘컨슈머 프리뷰’가 스페인 현지시각으로 2월29일, ‘모바일 월드 콩그레스(MWC) 2012′ 현장에서 공개된지 8일 만이었다. 그 동영상은 많은 사람들에게 공감을 불러 일으켰고, 3월26일 현재, 63만 뷰 이상을 기록하고 있다. [동영상] How Real People Will Use Windows 8 물론 70대 정도로 보이는 노인이 사용하는 것이라, 일반 사람들의 이야기가 아닐 것이라고 치부할 수는 있지만, 10년 이상 윈도즈를 사용해온 분이라는 주장으로 문제의 심..

이건 뭐지? 스마트칩? 스마트앱? 스마트 서비스? 최근 스마트 디바이스를 활용한 다양한 제품들이 출시되고 있습니다. 그 중 Nike+라는 사례를 통해 이러한 스마트 디바이스 제품들이 어떠한 형태의 서비스와 연결되고 있는지 분석해보았습니다. 결론부터 말하고 시작하겠습니다. [Nike+는 Goal Management Service이다] 이 서비스를 만나게 된 계기 지난 2월 코리아 스마트 모바일 UX컨퍼런스에서, 스마트 디바이스의 활용에 대한 주제를 다루는 강연이 있었습니다. 그 중 하나의 사례로 'Nike+'라는 것을 소개해 주시더군요. 거기에서의 포커스는 작은 스마트 칩이 신발에 장착되면서 사람을 움직이고, 운동을 하게 만들며, 누적된 데이터 들을 보면서 자기 효능감을 높일 수 있다는 것입니다. 이 부분..

iOS 5.1 로 업데이트 하고 세상이 달라졌습니다. 비스타의 맑은고딕이 나왔을때랑 네이버의 나눔고딕이 나왔을때 처럼 너무 설레였습니다. (세가지 폰트 모두 산돌에서 만들었네요.) 그런데 몇몇 사이트들은 5.0 이전 보다 더 심각하게 나빠보이는 경우가 있습니다. 테블릿 버전 네이버 검색결과 이나 티스토리 페이지들이 어딘지 모르게 너무 더 이상해 보여서 살펴보니 5.1에 포함된 애플고딕은 이전 버전에 포함된 애플고딕과 다른 폰트였습니다. 친절하게 macos나 ios를 고려하여 css 서체 속성에서 AppleGothic을 포함한 사이트들은 오히려 가독성도 안좋고 못 생긴 페이지가 되었습니다. 간단히 테스트 페이지를 만들어서 폰트를 비교해보았는데요. http://informationredesign.com/te..

지난 주에 SNS에서 발표자료를 접하게 되었습니다. 배울점이 많은 글이라 인사이트를 받은 구절(거의 대부분인듯...)과 제 생각을 간략하게 적어봤습니다. 비단 대학원/학생 뿐만 아니라, 직장인들에게도 해당되는 이야기들이 많습니다. 발표자료는 여기에서 확인하실 수 있습니다. http://me2.do/F2B7QPg 1. 멀티 태스킹에 대한 노하우를 가져라. -> 점점 담당하는 일의 개수가 많아지는 요즘같은 때 어떻게하면 멀티태스킹을 원활하게 할 수 있을까에 대한 고민을 하고있습니다. 물론 근본적인 해답은 되지 않겠지만, 발표자료에서는 일의 순서를 잘 고려해서 일정을 짜라고 하고 있습니다. 2. 생각하라. - 정말 집중해서, 누구의 방해도 받지 않고, 생각할 수 있는 시간이 필요하다. -> 여기에서도 구체적인..

지난번 사내에서 강규영님의 정보 시각화 강의 를 듣고 규영님 블로그의 http://alankang.tistory.com/295 관련 공부 자료에서 안 읽어봤던 책도 읽어보고 관련된 블로그도 관심있게 구독하고 있습니다. 그 중에서 akaiving님의 블로그를 재밌게 보고 있다가 관심있는 주제가 있어서 글을 남깁니다. 간단한 데이터 시각화를 통해 투표율 증감 패턴 발견하기 글에서는 지난번 서울시장보궐선거와 무상급식주민투표의 시간대별 투표율 변화를 그래프로 표시해서 한 눈에 비교해 볼 수 있도록 시각화 하였습니다. 그래프 출처 : http://akaiving.com/2011/10/26/dv-difference-two-voting-rates/ 보통은 아래와 같은 누적 그래프를 통해서 비교를 하는데 시간대별 투표..

행동경제학이 심리학과 경제학의 접점에서 시작되었듯이... 행동경제학과 관련된 몇개의 책들을 살펴봄으로써, UX 디자인과의 접점과 디자이너들에게 시사하는 바를 찾아보고자 합니다. 연재할 내용은 아래와 같습니다. 1. 행동경제학_경제를 움직이는 인간 심리의 모든것 2. 왜 똑똑한 사람이 어리석은 결정을 내릴까?_의사결정에 관한 행동경제학의 놀라운 진실 3. 당근과 채찍_목표로 유인하는 강력한 행동전략 4. 스위치_손쉽게 극적인 변화를 이끌어내는 행동설계의 힘 5. 하버드 비즈니스 리뷰 6월호 - A Guide to Making Great Strategic Decisions_대니얼 카너먼 글 네번째로 연재할 내용은 커다란 변화든 작은 변화든 성공적인 변화들에는 공통된 패턴이 존재하며, 그 패턴을 우리 주위의 ..

지난 1월 11일부터 3일간 평창 알펜시아 리조트에서 HCI 2012 "Crowd and Cloud : 경험의 새지평"이라는 주제로 컨퍼런스가 열렸습니다. 저는 이번에 튜토리얼 세션에서 발표를 했고, 그 내용을 슬라이드 형태로 공유하려 합니다. 세션정보는 다음과 같습니다. 일시: 2012년 1월 12일(목), 15:50-17:05 장소: 평창 II (컨벤션센터 1F) 발표주제: UX 및 서비스 디자인 프로젝트에서 persona 제대로 활용하기 발표자: 전성진((주) pxd) 퍼소나(persona)방법론은 UX 및 서비스 디자인 분야에서 사용하는 주요 사용자 모델링 기법이며 pxd는 2002년 이후 국내에서는 처음으로 퍼소나 방법론은 실무에 적용하여 활용하고 있다. 이번 발표에서는, 퍼소나 기법이 널리 알..

아이디어를 효과적으로 전달하는데 이야기 만큼 좋은 것이 없다. 디자인에서도 아이디어를 효과적으로 전달하고 발전시키기위해 리서치를 기반으로 만든 퍼소나를 주인공으로 하는 '시나리오'라는 이야기를 사용하기도 한다. 잘 짜여진 시나리오는 퍼소나에 현실감과 생동감을 주고, 읽는이로 하여금 구체적인 상황에 몰입하여 상상할 수 있도록 한다. 시나리오는 아래의 예시처럼 글로 제공되기도 하고 스토리 보드 형식으로 제공되기도 한다. 시나리오 예시 1) 시나리오 예시 2) 이 외에도 여러가지 방법이 있겠지만, 시나리오는 시각적 장면이 함께 제공될 때 더 효과적으로 사용될 수 있다고 생각한다. 따라서 최근 프로젝트를 통해 시나리오를 시각적인 장면과 함께 제공할 수 있는 방법으로 레고 모형을 제작하여 시나리오를 작성하는 방법..

구글이 안드로이드 아이스크림 샌드위치(Ice Cream Sandwich) 스타일 가이드인 을 공개했습니다. 안드로이드 운영체제를 탑재한 스마트폰/태블릿 모두에 최적화된 애플리케이션과 사용자 인터페이스를 만드는 데 도움을 주는 가이드라고 소개하고 있습니다. 안드로이드 디자인 가이드(영문) : http://developer.android.com/design/index.html 안드로이드 디자인 가이드(한글 번역) : http://klutzy.github.com/android-design-ko/ 디자인 가이드는 다음과 같은 세 가지에 초점을 맞추고 있습니다. - Style (devices and displays, themes, typography, color, writing style etc.) - Patte..