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

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

pxd에서는 매주 수요일마다 사내 UI 스터디를 진행하고 있습니다. 올해 상반기에는 총 3권의 책에 대한 스터디가 계획되어 있습니다. 그 중 3월 한달간 공부했던 책, '컨텍스트를 생각하는 디자인'에서 배운 내용을 실제로 경험해 볼 수 있는 사내 워크샵 시간을 가졌습니다. 워크샵 일정은 책의 3~6장에 해당하는 내용에 따라 순서대로 진행하였습니다.3장 : 컨텍스추얼 인터뷰 계획하기 4장 : 컨텍스추얼 인터뷰 하기 5장 : 컨텍스추얼 인터뷰 해석 세션 6장 : 업무 모델링 4명씩 총 4팀으로 구성하여 주제당 2팀씩 할당한 후 워크샵을 진행하였으며, 주제는 다음과 같습니다. 1. 사내 프로젝트룸 효과적으로 활용하기 2. UI팀/GUX센터간의 협업 방식 및 형태 개선하기약 5시간동안 점심식사도 걸러가며 열심히..

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

모든 기획자와 디자이너가 알아야 할 사람에 대한 100가지 사실 100 Things Every Designer Needs to Konw About People 수잔 웨인쉔크(Susan M. Weinschenk) 지음, 이재명,이예나 옮김. 그러니까 이 책에 대한 나의 한줄평은 다음과 같다. 책 제목대로, "모든 디자이너가 읽어야 한다" 디자이너들은 대개 자신의 주장을 논리적으로 전개하고, 의미있는 근거를 제시하는데 서투르다. 그래서 자기가 주장하는 것에 대한 근거가 될 만한 것들을 평소에 좀 알고 있어야 한다. 책을 한 번 읽고, 책꽂이에 꽂아 두었다가 때때로 사용할 수 있으면 좋을 것이다. 호평은 여기까지. 그럼 이 책을 보면서 우려되는 몇 가지 점을 추가하고 싶다. 1. 목차만 보고 '당연한 이야기 ..

1. 팀블로그 1차주소 변경 pxd 팀블로그는 story.pxd.co.kr 로 접속하실 수 있습니다. 또한 pxdstory.tistory.com 으로도 접속하실 수 있습니다. 기존에 사용하고 있던 pxdux.tistory.com은 pxdstory.tistory.com으로 변경하였으니, 이용하시는데 착오없으시길 바랍니다. 2. 팀블로그는 다음 세 곳으로 발행하고 있습니다. 다음 SNS들을 'Following', '좋아요!', '친구신청' 하시면 pxd 팀블로그를 구독할 수 있는 효과를 얻으실 수 있습니다. 앞으로는 빠르게 팀블로그 소식을 접해보세요! twitter | http://twitter.com/pxdstory facebook | http://www.facebook.com/pxdstory me2day..

정보디자인 - 하이브리드 이미지검색 에서 소개한 이미지 검색 UI 의 데모 페이지를 열어두었습니다. 특징은 1. 썸네일 방식과 미리보기(큰 이미지)를 결합한 UI를 사용합니다. 특정 이미지를 찾아내려는 것 보다는 빠르게 검토해 보려는 사용 패턴에는 썸네일과 원본 이미지를 왔다갔다하는 번거러운 pogosticking 이 빈번합니다. 썸네일과 함께 적당히 큰 원본 이미지를 한꺼번에 보여줘서 빠르게 훑어볼 수 있도록 하였습니다. 개인적으로는 이런 행태의 이미지 검색을 더 많이 하고 있습니다. 2. 그리드 방식이 아닌 타일 방식의 이미지 정렬을 사용합니다. 이미지간의 여백을 줄여 시선의 움직임을 최소화하여 눈의 피로를 줄이도록 하였습니다. 3. auto paging을 사용합니다. 다음 페이지 버튼을 누르지 않고..

'Crowd and Cloud : 경험의 새 지평' 이라는 주제로 1월 11일 부터 13일 까지 3일동안 진행된 HCI학회에 다녀왔습니다. 공학, 디자인, 인문사회 등 여러 분야의 산업체, 업계 종사자, 연구자들이 한 해 동안 연구 결과를 발표하고, 기술을 공유하는 유익한 자리였습니다. pxd에서는 '터치폰에 최적화된 한글 자판 설계(한상택 無異)' 워크샵과 'UX 및 서비스 디자인 프로젝트에서 persona 제대로 활용하기(전성진)'라는 주제로 튜토리얼을 진행했습니다. 터치폰에 최적화된 한글 자판 설계 먼저, 터치폰에 최적화된 한글 자판 설계 워크샵에서는 현재 터치폰에서 사용되고 있는 자판의 문제점을 발견하고 입력 효율을 최대화 하는 방법을 찾아내는 것을 목표로 진행되었습니다. 현재 가장 보편적으로 사..

pxd 팀블로그에서 2011년 포스팅했던 글들을 모두 모아보았습니다. 원하는 글이 있으시면 Ctrl + F를 눌러 검색해보시면 더 쉽게 찾으실 수 있습니다. [UI 가벼운 이야기] - [도서] UX / UI / 디자인 도서 목록 (userstory book) by uxdragon - [세미나] 금융권에서 바라보는 UI, UX디자인 후기 (HCI연구회 11월 세미나) by uxdragon - 2011 서비스 디자인 글로벌 컨퍼런스 후기 by 김 금룡 - [세미나] UX intensive 후기 (2011.10.7) by uxdragon - Itay Talgam: Lead like the great conductors by songyejin - 터치스크린에서 Drag&Drop은 어렵다? by 엄청난동동이 - ..

2011년 pxd 팀블로그를 돌아보며, pxd 팀블로그 어워드를 진행했습니다. 2011년에 작성한 글을 pxd 구성원들이 투표하여 순위를 매겼습니다. 2011년에도 pxd 팀블로그를 사랑해주셔서 감사합니다. 그런고로 2012년에도 잘 부탁드립니다. :) 1위 UX 디자이너의 자질 (작성자 : 이재용) UX 디자이너는 어떤 자질을 가져야 할까요? 궁금하시죠? UX 디자이너라면 누구나 공감할 UX 디자이너의 자질이 당당히 1위를 차지했습니다. http://story.pxd.co.kr/357 2위 완소 UI 신입사원을 위한 Must have 5 items (작성자 : mango01) mango01님의 완소 UI 신입사원을 위한 ... 시리즈입니다. 재치있는 만화와 소재로 화제가 되었던 글이죠. 2위를 차지했..