카카오톡에서 최근 사진기반 SNS인 '카카오스토리'를 런칭했습니다. 카카오스토리를 사용하는 한 명의 유저로써 본 포스팅을 통해 카카오스토리를 UI / GUI 관점에서 살펴보고 주로 아쉬웠던 점을 기술하였습니다. * 본 포스팅은 아이폰 앱 0.7 버전 기준으로 작성되었습니다. UI의 아쉬움 1. 내 히스토리를 보기 힘듭니다. 카카오스토리는 사진과 글을 같이 올렸을 경우 미리보기가 힘듭니다. 또한 상세 사진으로 접근했을 때에는 다시 원래 화면으로 돌아온 뒤 이미지를 탐색하는 구조를 사용하고 있습니다. 물론 본 UI의 경우 많은 사진을 훓어보기에 적합한 UI입니다. 하지만 글과 이미지를 같이 미리본다는 관점에서는 적합하지 않은 UI로 보여집니다. 또한 하나의 이미지를 확인 한 뒤에는 다시 '이전' 버튼을 눌러..

주제 : 에이전시에서 UX 디자인 하기 발표자 : 민영삼대표님 The DNA HCI연구회 4월 세미나를 다녀왔습니다. 전반적으로 UI / UX에 대한 업계 동향 같은 것 보다는 UI / UX 디자인 10년 차 선배의 노하우 전수를 받는 느낌이라서 더욱 좋았던 것 같습니다. 벚꽃 구경을 가도 시원찮을 봄 날 우리는 왜 세미나를 듣고 있었을까요? 비록 벚꽃 구경은 못갔지만...(!) 생각할 거리가 많은 세미나였습니다. 느낀 점 및 인상깊은 내용 위주로 공유합니다. 나는 10년 동안 이 업계에서 어떻게 버틸 수 있을까? 1. 초심을 잃지 말자. > 초심! 안녕하십니까? 항상 초심을 잃지 않도록 해야겠습니다. 2. 개인적인 목표를 설정하자. 구체적으로 설정하지 않아도 된다. 열심히 하다 보면 된다. > 마침 송..

네이버에서 블로그 검색을 하면 일상 생활에 관한 키워드는 거의 네이버 블로그가 나오고 IT관련 키워드로 검색해야 겨우 티스토리나 다음블로그를 볼 수 있게 됩니다. 가로수길 맛집 네이버 블로그 검색 결과 (redesign) - 왼쪽에 파비콘을 보면 네이버 블로그로 도배되어 있습니다. regex 네이버 블로그 검색 결과 (redesign) - 이제 티스토리가 좀 더 많이 보입니다. 우선 네이버 블로그가 검색 결과에 많이 나오는 건 정말로 네이버 블로그 사용자가 많아서 입니다. 첫째 이유는 정말로 IT 성향의 사용자가 티스토리를 많이 쓰기 때문일 것 같습니다. :) 가입이 우선 귀찮으니까요. 티스토리가 포탈에서 제공하는 블로그가 아니라 가입형 블로그니까 분명히 좀 더 적극적인 성향의 사용자가 많을 것 같습니다..

아이폰 아이패드에서 가장 유용하게 사용하고 있는 앱 중 하나가 지도입니다. 구글맵은 우리나라에서 길찾기도 안되고 지도 업데이트가 느려 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_대니얼 카너먼 글 네번째로 연재할 내용은 커다란 변화든 작은 변화든 성공적인 변화들에는 공통된 패턴이 존재하며, 그 패턴을 우리 주위의 ..