웹에서 UI를 구성하다보면 별 작은 디테일까지 신경이 쓰일 때가 많다. 브라우저들마다 다 다른 행동을 하는 건 너무 짜증나는 일이지만 어느 정도는 마음을 비운 채로 대하게 되는데, 내가 직접 무언가를 설계하려면 드는 다음과 같은 작은 생각들은, 아 어떤 때는 내가 세상에서 가장 쪼잔한 질문을 하는 사람은 아닌가?하는 생각이 들게 한다. 버튼의 커서 예를 들어, Quiz 1: 웹 브라우저 상에서 버튼 위에 마우스가 올라가면, 커서는 어떻게 바뀌어야 하는가? (이 글은 PC에서 마우스 포인터로 읽어야 제대로 이해가 될 듯) 1) 화살표 모양(arrow)일 것이다. 2) 손 모양(pointer)일 것이다. 3) I자 모양(text or caret)일 것이다. 난 링크! 마우스를 올려보면 정답은 1) 화살표 모..

얼마전 KPCB(미국 최대 VC로 아마존, 선, 징가 등에 투자)의 파트너로 있는 존 마에다가 DesignInTech 2016이라는 보고서를 냈다. 그리고 정선우 님이 우리말로 요약하여 "실리콘 밸리는 왜 디자인에 주목하는가?"라는 글로 공유해 주셨다. 읽는데 시간이 걸리지만, 꼭 읽어보면 좋은 자료라고 생각한다. 궁금해서 원문을 찾아서 하나 하나 정독해 보게 되었고, 그 중 흥미로운 점을 하나씩 공유해 보려고 한다. 보고서의 전체 내용은 1. 더 많은 기술 기업이 디자인에이전시를 인수하고 있다. 2. 디자이너가 코파운더로 있는 스타트업이 더 빨리 성장한다. 3. VC에서도 디자이너 파트너를 더 많이 영입하고 있다. 이지만, 여기서 주의해야 할 점은 'Design In Tech'는 전통 디자인과 많이 다..

페이스북이 '좋아요' 단일 버튼에서, 총 6가지 감정으로 바꿨다. 페이스북에서는 이것들을 공식적으로 '공감'(Reactions)이라고 부르는데, 영어로는 emoji, response button이라고도 하고, 한국어로는 이모티콘, 반응 아이콘, 공감 아이콘이라고 하기도 한다. 이 프로젝트는 1년 전쯤 마크 저커버그가 사람들을 불러 모아 지시했다고 한다. '좋아요'버튼이 생기자마자부터 듣기 시작한 사용자들의 요구 사항이었으니 얼마나 오래 참아 왔던가. 물론 사람들이 가장 강력하게 원했던 것은 '싫어요' 버튼이었지만, 그건 들어가지 않았다.http://vip.mk.co.kr/news/view/21/21/2509009.html 프로젝트를 총괄한 사람은 Julie Zhuo라는데, 수백가지 감정 중 단순하게 몇 ..

요즘 어린 자녀를 가진 부모님들이라면 미아방지 아이템 한번쯤 찾아보셨을텐데요. 이번 포스팅에서는 pxd와 협력하고 있는 미아방지 서비스 '리니어블(Lineable)'에 대해 이야기해보려 합니다. 리니어블은 아이의 손목에 채울 수 있는 실리콘 재질의 스마트밴드와 모바일 앱(Android, IOS)를 제공합니다. 밴드에는 비콘이 들어있어 스마트폰에 리니어블 앱을 설치한 후 밴드를 등록하면, 스마트폰이 해당 밴드의 신호를 감지하게 됩니다. 그래서 밴드를 착용한 아이가 일정 거리를 벗어나는 순간, 부모의 스마트폰으로 알림을 주어 아이가 미아가 되는 것을 예방할 수 있는 것이 주요한 기능입니다. 이미지 출처 : 리니어블 홈페이지 저렴한 밴드 가격(5,000원)과 간편한 사용법으로 부모들이 손쉽게 이용할 수 있는 ..

디지털 서비스 디자이너는 반드시 코딩을 배워야 한다. 코딩을 잘 한다고 훌륭한 디자이너가 되지는 않지만, 훌륭한 디자이너가 되려면 코딩을 반드시 배워야 한다. 대학의 디자인 학과에서도 코딩을 반드시 가르쳐야 한다. 단순 HTML/CSS를 넘어 적어도 자바스크립트, 가능하면 자바,C 같은 제대로된 언어를 배워야 한다. 그것은 마치 목공예 디자이너가 대패질을 할 줄 알아야 하는 것과 같고, 패션 디자이너가 바느질을 할 줄 알아야 하는 것과 같다. 바느질을 잘 한다고 좋은 패션 디자이너가 되는 것도 아니고, 바느질을 몰라도 패션 디자이너는 될 수 있지만, 좋은 패션 디자이너가 되려면 혼자서 (다른 사람 도움 없이) 대략의 (프로토타입 정도의) 옷은 만들 수 있어야 한다. 인쇄 디자이너라면, 과거에는 디자인 학..

많은 음악 서비스 중 항상 감탄을 자아내는 서비스가 있다면 단연 Spotify이다. 뛰어난 디자인, 감각적인 플레이리스트, 작은 디테일에서 느껴지는 음악적 센스와 즐거움들은 들을 때마다 말로 표현할 수 없는 만족감을 안겨다 준다. [스포티파이의 메인화면, Genre & Moods, 그리고 플레이리스트] 특히 플레이리스트는 인기 차트나 장르를 넘어 분위기, 장소, 시간 등 맥락에 따라 선별된 곡들로 잘 구성되어 있어 스포티파이의 가장 큰 차별점으로 꼽힌다. 그런데 최근 스포티파이의 핵심인 플레이리스트가 기술을 기반으로 한 단계 진보하고 있어 인상적인 부분들을 정리해보았다. 음악적 인사이트와 빅데이터 기술의 만남, Discover Weekly 2014년 스포티파이는 머신러닝을 이용해 음악을 분석하는 기술 기..

2015년 이후 출간된 UX / UI 신간 소식 공유드립니다. 1. 어바웃 페이스 4 (2015)앨런쿠퍼, 로버트 라이만 외 저 | 최윤석 역 | 에이콘출판어바웃페이스 3 업데이트판 입니다. 어바웃페이스 3 업데이트 된 이후 아이패드가 출시되었고, 이후 터치기반 인터페이스 관련한 용어 및 내용이 추가되었다고 합니다. http://book.naver.com/bookdb/book_detail.nhn?bid=9190581 2. 사용자 인터뷰 (2015)스티븐 포티걸 저 | 김승권 외 2명 역 | 지앤선그동안 '인터뷰' 하나에 대해서 중점적으로 기술한 책이 드물었던 것 같은데, 비로소 이런 책이 출간되었습니다. 이론과 실무의 간극이 분명히 존재하지만 체크리스트 관점에서 활용하실 수 있을것 같습니다.http://..

철학의 근본 문제는 존재와 사유의 관계에 대한 문제다. (The great basic question of all philosophy, especially of more recent philosophy, is that concerning the relation of thinking and being. Frederick Engels, Ludwig Feuerbach and the End of Classical German Philosophy, Part II Materialism) 진화 이론에 따르면 모든 동물의 '생각'이란 자연 세계에서 생존 확률을 높이기 위하여 바깥세상을 미리 시뮬레이션하는 기능, 즉 거울(모방) 기능이기 때문에 기본적으로 둘은 서로 유사할 수 밖에 없고, 무엇이 더 우선하느냐에 대하여 ..

학부시절 심리학을 전공하고 UX 디자인을 하다 보니 자연스레 심리학적인 관점으로 서비스를 바라보는 경우가 많다. 인간의 기본적인 동기, 인지, 욕구는 서비스의 드러난 모습 이상으로 풍부한 배경을 항상 설명해주는데, 그중 알림, 페이스북, 셀피에 관한 심리학적인 원리들이 흥미로워 정리해보았다. 1. 왜 알림은 항상 주변에 있어야 할까? 2013년 구글의 I/O에서 인지심리와 디자인에 관한 세션이 열렸다. 인지심리와 디자인의 연결고리에 관한 전반적인 내용이 다루어졌는데 흥미로웠던게 주변시(시야의 주변부)에 관한 내용이었다. Google I/O 2013 - Cognitive Science and Design 문을 열고 방에 들어갔을 때 갑자기 호랑이가 나타났다면 본능적으로 우리는 호랑이의 위협을 알아차린다. ..

2015년 초, 주한 독일문화원이 놀공발전소와 함께 만든 빅게임 ‘Being Faust - Enter Mephisto(이하 ‘파우스트 게임’)’에 대한 평가 프로젝트를 두 달간 진행했습니다. 피엑스디에 입사한 후 제가 처음으로 프로젝트 매니저를 맡았던 프로젝트였는데요. 저를 포함해 팀원 2명과 코치 1명으로 구성된 소규모 프로젝트였지만 여러 가지 배운 점이 많아 몇 가지를 공유드리려 합니다. 사실상 제가 배웠다기보다는, 코치였던 송영일 책임연구원이 ‘가르쳐’준 게 많습니다 1. 클라이언트가 내 움직임을 예상할 수 있게 하기 나 : 프로젝트 일정을 짠다고 해서 이대로 지켜질 것 같지도 않은데, 왜 짜야 하는 거죠? 송영일 코치(이하 ‘송’) : 누군가에게 일을 시킨다고 생각해보세요. 그 사람이 어떤 식으로..

IDG에서 매년 주최하는 UX World 2015 fall 컨퍼런스에 참석하였습니다. 지난 번과 마찬가지로 올해도 흥미로운 세션들로 구성이 되어 있었는데요, 그 중 일부 세션의 후기를 공유합니다. Session1: Keynote 2015 네이버의 UX 방향 - 김승언 (네이버 디자인센터 센터장) 네이버는 "네이버 = 초록색 검색창" 이라는 강력한 브랜드 이미지를 가지고 있습니다. 1999년 네이버 웹사이트를 시작으로 2007년 “네이버에 000을 검색해보세요!” 라는 캐치프레이즈로 이미지를 구축, 현재 스마트폰에서도 전국민의 95%가 네이버 앱을 설치했을 정도로 우리나라 사람의 일상에 깊이 들어와 있는 서비스입니다. 하지만 네이버앱을 쓰다 보면 각 서비스 카테고리별로 디자인이 통일성이 없는 것을 알 수 ..

11월 중순부터 5주간, pxd는 커넥트 재단(구 NHN NEXT)와 협업하여 '모바일 UX/UI + GUI 실전 워크샵’ 교육을 진행했습니다. 이 교육은 지난번에 블로깅했던 ‘모바일 UX/UI실전 워크샵’에 GUI 과정을 추가해 다시 진행하는 것인데요. 커리큘럼은 비슷하지만, 이번 교육에서는 ‘클레비(clebee)’라는 교육 플랫폼 서비스를 활용하여 조금 색다른 교육 경험을 구성해 보았습니다. 소셜 피드백 플랫폼, 클레비 클레비는 포토샵, 일러스트레이터, 캘리그라피 등 디자인/예술 분야에 특화된 콘텐츠를 가지고 있는 교육 플랫폼입니다. 시각적인 결과물이 중요한 콘텐트 특성에 맞게, 서비스의 구성 역시 이에 최적화되어 있습니다. 클레비 수강생은 교육 콘텐츠를 배우고, 자신이 직접 과제를 따라해 결과물을 ..