UI(72)
-
[독후감]사람에 대한 100가지 사실
모든 기획자와 디자이너가 알아야 할 사람에 대한 100가지 사실 100 Things Every Designer Needs to Konw About People 수잔 웨인쉔크(Susan M. Weinschenk) 지음, 이재명,이예나 옮김. 그러니까 이 책에 대한 나의 한줄평은 다음과 같다. 책 제목대로, "모든 디자이너가 읽어야 한다" 디자이너들은 대개 자신의 주장을 논리적으로 전개하고, 의미있는 근거를 제시하는데 서투르다. 그래서 자기가 주장하는 것에 대한 근거가 될 만한 것들을 평소에 좀 알고 있어야 한다. 책을 한 번 읽고, 책꽂이에 꽂아 두었다가 때때로 사용할 수 있으면 좋을 것이다. 호평은 여기까지. 그럼 이 책을 보면서 우려되는 몇 가지 점을 추가하고 싶다. 1. 목차만 보고 '당연한 이야기 ..
-
[공지] 팀블로그 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을 사용합니다. 다음 페이지 버튼을 누르지 않고..
-
HCI 2012 학술대회 피엑스디 세션 참가 후기
'Crowd and Cloud : 경험의 새 지평' 이라는 주제로 1월 11일 부터 13일 까지 3일동안 진행된 HCI학회에 다녀왔습니다. 공학, 디자인, 인문사회 등 여러 분야의 산업체, 업계 종사자, 연구자들이 한 해 동안 연구 결과를 발표하고, 기술을 공유하는 유익한 자리였습니다. pxd에서는 '터치폰에 최적화된 한글 자판 설계(한상택 無異)' 워크샵과 'UX 및 서비스 디자인 프로젝트에서 persona 제대로 활용하기(전성진)'라는 주제로 튜토리얼을 진행했습니다. 터치폰에 최적화된 한글 자판 설계 먼저, 터치폰에 최적화된 한글 자판 설계 워크샵에서는 현재 터치폰에서 사용되고 있는 자판의 문제점을 발견하고 입력 효율을 최대화 하는 방법을 찾아내는 것을 목표로 진행되었습니다. 현재 가장 보편적으로 사..
-
2011년 pxd 포스팅
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 엄청난동동이 - ..
-
[Award] 2011 pxd 팀블로그 어워드
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위를 차지했..
-
[도서] UX / UI / 디자인 도서 목록 (userstory book)
2010년 8월 29일에 업데이트한 'UX / UI / 디자인 도서목록'을 2011년 버전으로 업데이트 하였습니다. (비 UX 도서도 섞여있습니다. -_-;) http://uxdragon.userstorybook.net/ 기존에는 리스트형식으로 되어있었는데, 유저스토리북 서비스를 활용하여 업데이트를 하였습니다. 우측의 '내가 만든 책 목록'을 보시면 책 종류별로 카테고리가 되어있으므로 참고하시면 좋을 것 같습니다. 향후에는 개인 UX 도서목록이 아닌 UX전문가가 모여 만드는 'UX 라이브러리' 같은걸 만들어보면 좋겠네요. :) 감사합니다. [참고##진로교육##]
-
어느 멋진 날, 영화가 UX를 만났을 때, 월간 Web 2011. 12월호 기사
1-2개월전에 월간 웹과 '영화와 UX'라는 주제로 인터뷰를 한 적이 있었는데요. 이 내용이 월간 웹 12월호의 focus on UX 섹션에서 미니 인터뷰로 실렸습니다. 인터뷰 내용은 '100년 영화 역사에서 배우는 UI '라는 제목으로 올 초에 pxd 팀블로그에서 포스팅했던 내용으로, UI 실무를 하면서 시나리오 작가와 롤이 매우 유사하다는 점에 착안하여 쓴 글이었습니다. 아래는 기사의 전문입니다. focus on UX - 박수연 기자 영화 시나리오와 UX 방법론 매칭 영화의 시나리오는 UI 시나리오 정의와 많이 닮았다. 사용자 서비스 흐름을 구체화해 구조를 잡아가는 과정이 영화의 시나리오 작성 과정과 흡사하다. 김금룡 주임은 "감독과 미장센을 책임지는 촬영 감독이 있고, 그 사이에 시나리오 작가 존재..
-
[세미나] 금융권에서 바라보는 UI, UX디자인 후기 (HCI연구회 11월 세미나)
HCI연구회 11월 세미나로 금융권에서 바라보는 UI, UX 디자인 세미나를 듣고 왔습니다. (2011.11.26 금) 발표 요약본을 공유합니다. 금융권에서 바라보는 UI, UX디자인 - 정성재 - 하나은행 신사업추진부 UCD팀장 UX iceberg 본 정의를 알면 전문가임 Strategy > Scope > Structure > Skeleton > Surface Hugh dubberly (2008) 제조 > 제품 > 인터랙션 디자인 > 서비스 디자인 UI, UX, Co-UX, Service design Co-UX Machine to Machine NFC M2M Man to Man Service design Customer Touchpoint (Blueprint) Contact person 다양한 비대면 ..
-
Play! 로드뷰
아이가 토마스 기차 놀이만 하더니 요즘 로보카 폴리와 디즈니 카2를 보고나서는 자동차도 가지고 놀고 있습니다. 놀이매트에 자동차 길이 그려 있어서 같이 자동차 경주를 하자고 했는데 별로 흥미가 없더라구요. 아이는 재미없어했지만 저는 장난감 자동차 가지고 놀면서 실제 로드뷰가 보이면 재밌겠다 싶은 생각이 들었습니다. 그래서 만들어봤습니다. 원리는 단순합니다. 아이패드의 지도 위에 자동차 장난감이 놓여있는 위치와 방향을 로드뷰로 보내서 보여주는 거지요. 장난감 바퀴 부분에 컬러 점토를 붙여서 3개의 접점을 만들었습니다. 점토가 굳어도 약간 수분이 남아있는 상태에는 전도체 역할을 합니다. (동영상을 찍을 당시는 점토가 너무 굳어버려서 약간 인식이 잘 안되었습니다) 자동차도 쇠로 되어 있어서 손으로 쥐고 있으면..
-
[Mobile] 안드로이드 위젯 기획시 고려사항
글을 시작하며... 최근 회사 동료로부터 안드로이드 위젯 프로젝트 관련 노하우 공유 요청을 받았습니다. 경험을 공유하다 보니, 이와 관련해서 생각을 정리해보고 싶은 마음이 들었습니다. 본 블로깅을 통해 안드로이드 위젯 관련 프로젝트를 시작하시는 신입 분들이나, 실무경험이 상대적으로 적은 학생분들에게 도움이 되었으면 좋겠습니다. (저보다 많은 경험이 있으신 분들은 의견을 보태주시면 저같은 UI 기획자가 배울 수 있는 밑거름이 될 것 같습니다.) 또한 다음 고려사항들은 순수히 제 의견이며 논란의 여지가 충분히 있으므로 이점도 감안해 주시고 봐주세요. [그림1] 추억의 햅틱 위젯 [그림2] 안드로이드 위젯 위젯은 무엇인가? 웹 전문가인 '힌치클리프' 는 위젯을 웹에서 실행되는 작은 어플리케이션이라고 정의하였습..
-
왜 어떤 가이드라인은 실패하는가? - 말보다 행동이 중요하다
그리 쉽지는 않지만, UI 디자이너에게 표준을 지키는 일은 중요하다. 특히 많은 사람들이 이미 따르는 표준이라면 그 중요성은 배가된다. 이해를 돕기 위하여 4회에 걸쳐서 Mac OS 표준, Windows OS 표준, 그리고 ISO(International Standard Organization) 표준의 역사에 대해서 알아보기로 한다. 1. 사용자의 80%만을 위해 디자인하라 - Apple Human Interface Guidelines의 역사 2. 마침내 혼란을 극복한 Windows7 - Windows User Experience Interaction Guidelines의 역사 3. 그들만의 리그, 우울한 ISO UI 표준 - ISO 13407 & ISO 9241의 역사 4. 왜 어떤 가이드라인은 실패하..