PXD의 UI.lab에서 일을 하면서 요즘 드는 생각은 영화의 시나리오 작가와 롤이 매우 유사하다는 것입니다. 기본적으로 서비스의 사용 흐름을 짜고 화면의 구조를 잡아가는 과정이 마치 영화에서의 시나리오 작성 과정을 연상하게 하기 때문입니다. 그래서 이번 블로깅을 통해 100년의 역사를 가진 영화에서 UI에 관한 흥미있는 단서를 한 번 건져보려고 합니다. 먼저 '시나리오'에 대한 연극 영화에서의 사전적 정의는 아래와 같습니다. 시나리오 scenario [연극영화]영화를 만들기 위하여 쓴 각본. 장면이나 그 순서, 배우의 행동이나 대사 따위를 상세하게 표현한다. UI 시나리오도 위의 정의와 크게 다르지 않다고 생각합니다. 서비스나 제품을 만들기 위해서 각 화면의 순서, 사용자의 행동을 상세하게 표현합니다...

마음은 어떻게 작동하는가? - 과학이 발견한 인간 마음의 작동 원리와 진화 심리학의 관점 How the Mind Works 스티븐 핑커 지음 : 김한영 옮김 우선 이 책을 읽다가 중간에 이렇게 쓰려고 했다. "이 책을 읽으면 두 가지는 확실히 배운다. 1. 800 페이지가 넘는 책은 쓰면 안된다. 2. 800 페이지가 넘는 책은 읽으면 안된다." 책을 다 읽고 나서 다른 사람들의 서평을 둘러보니, 매우 많은 사람들이... 책 초반이 너무 어렵고 지루하다. 하지만 중반 이후부터 무척 재미있다.라고 말한다. 나도 똑같은 경험을 했는데, 책 중반까지 너무 괴로와서 읽기를 중단할 생각을 몇 번 했지만 참고 읽었는데, 중반 이후부터는 너무 재미있어서 그냥 쑤욱 읽어 버렸다. (아... 책을 조금만 더 간결하고 구..

웹 어플리케이션이나 사이트 등을 디자인(설계)를 하다보면 컨텐츠가 안전하게 들어갈 영역을 염두하고 디자인을 해야하는데요. 모니터 해상도별 안전한 웹사이트 디자인 영역입니다. 유용한 정보가 있어 정보를 나눕니다. http://www.designerstoolbox.com/designresources/safearea/ 웹 안전영역에 대한 정보를 한눈에 잘 알수있도록 되어있습니다. UI설계 및 GUI설계에 도움되는 자료이니 관련분야분들은 특히 꼭 보시는게 좋을듯 싶네요. [참고##웹디자인##]

사람에 대한 연구는 사람이라는 존재가 매우 독특하기 때문에 특별히 다른 방식으로 이루어져야 한다고 많은 사람들이 생각해왔다. 자 이제 인간 연구 방법의 천동설을 버리자. 우주 전체에서 지구가 특별한 행성이 아니었듯이, 인간도 특별한 존재는 아니다. 몇몇 독특한 특징을 파악하고 나면, 물리학에서 원자를 다루는 것과 동일한 방식으로 인간과 사회를 파악할 수 있다. P29 사람들이 원자나 돌보다 훨씬 더 복잡하다고 해도, 사회 과학의 기본 방향은 물리학과 비슷하다고 나는 생각한다. 먼저 사회적 원자의 특성을 이해하고, 그 다음에 많은 수의 원자들이 서로 영향을 주고받을 때 풍부한 집단적 패턴이 나타나는 방식을 배워야 한다 User Interface Design은 인간에 대한 이해가 가장 중요한 학문인데, 이 ..

제1회 서비스 디자인 컨퍼런스를 다녀왔습니다. 일단... 컨퍼런스에 사람들은 엄청 왔는데, 진행자체는 최악의 컨퍼런스였고요, 개인적으로도 괴로왔습니다. 열기는 뜨거웠고, 저로서는 내용도 흥미롭더군요. 1. Michael Erlhoff 이 분이 독일 교수로, 서비스 디자인이라는 개념을 25년전에 처음 만드신 분이라는군요. 'Design and Service and Service Design'이라는 제목으로 발표하셨습니다. "전통적으로 Product, Price, Promotion 을 이해해야 했다면, 이제는 People, Process, Physical Evidence를 이해해야 한다." 인상적인 문구는 선진국 GDP의 62%-75%가 서비스 산업이다. 결국 서비스 디자인이 중요해 질 수 밖에 없다고 주장..

원래 발표는 2008년 HCI 학회에서 했었고, 수정한 발표를 2010년 11월 8일 UXEYE(UX Symposium)에서 진행하였는데, 그 동영상이 얼마전에 공유되었기에 알려드립니다. 동영상 강의는 http://id.kaist.ac.kr/ux2010/ 에서 보실 수 있고, 동영상 강의가 아니라 단순하게 슬라이드 셰어(음성 포함)로 보고 싶으시면, http://www.slideshare.net/arangyi/2010-uxeye-ui-7 에서 보시면 됩니다. 참고로, 제 강의 말고 UX Symposium 전반에 관한 내용을 다룬 블로그들은 저희가 한 번 정리한 바 있습니다. http://story.pxd.co.kr/323 또한, 사진 공유입니다. http://www.flickr.com/photos/392..

[차례 - 완소 UI 신입사원을 위한 Must Have_Items] 1. 복사기 - 보는 즉시 기술을 훔치는 요령 2. 스카우터 - 한눈에 프로젝트 돌아가는 상황 뽑아내는 요령 3. 슬램덩크 - 무조건 목표부터 설정하는 요령 4. 고잉메리호 - 팀원들을 믿고 활용하는 요령 5. 폭주족 오토바이 - 상대방의 진심을 읽어내는 요령 특별부록 - 기획도 디자인도 위트와 철학이 있어야! 농구에 '농'자도 모르는 모태솔로 강백호가 농구광팬인 소연이를 만나 짝사랑에 빠집니다. 순진한 소연이가 백호에게 묻습니다. "백호는 정말 키가 크~다! 농구 좋아하니? 소연이 때문에 얼떨결에 농구부에 들어간 강백호. 농구부의 라이벌(?)인 유도부 주장 유창수가 강백호의 무식한 괴력에 반해, 그를 유도부로 데려가려고 유혹/협박합니다..

저는 회사 근처 오시정'카페에 자주 들려 오렌지티와 스콘을 먹곤합니다. 갖구운 스콘이 너무 맛있었기도 하고 아기자기함과 크림같이 부드러운 느낌의 공기(mood라고 하죠.ㅎ)가 무척 맘에 들었거든요. 꼼꼼히 이곳저곳을 둘러보다 한켠에 조금은 바래듯한 편지지와 몇가지 소품들이 눈에 띄었습니다. 가까이 살펴보니 재생지로 제본이 된 노트와 메모지들이였습니다. 종이소재를 살펴보니 한국에서는 쉽게 볼 수 있는 것들은 아니였습니다. 곁에 계시던 그당시 선임님께 여쩌보니 일본의 활자디자인을 하는 그룹의 디자인 작품이라고 합니다. 강한끌림에 주인에게 구입을 할 수 있나 여쩌보니 소장품이라 판매는 하지 않는다 합니다. 이름을 혀끝에 세기고 사무실에 돌아와 검색을 해보았습니다. P A P I E R L A B O http:..

얼마전(이미 지난해) 개편한 다음은 통합웹이란 이름으로 출처별 구분을 하나로 묶어 보여주기 시작했습니다. 다음보다 앞서 네이버 모바일은 작은 모바일 화면에서 출처별로 결과를 나열하는게 비효율적이라고 퓨전웹이란 이름으로 검색결과를 묶어서 보여주었고요. 반면 구글 코리아는 검색결과 UI를 현지화 하여 본사와는 다르게 유형별 검색결과를 모아서 보여주는 시도를 하고 있습니다. 구글코리아는 네이버와 다음처럼 유형별로 나눠 보여주려고하고 반대로 네이버와 다음은 구글처럼 한번에 보여주는 재밌는 상황입니다. 과연 어떻게 검색 결과를 보여주는 것이 좋을까요? 통합검색 네이버에서 세계최초로 선보였다고 하는 통합검색 은 정보의 유형이나 출처등에 따라 나누어진 컬렉션별 검색(vertical search) 결과를 한페이지에 모..

회사 인테리어에 참고할 책을 구입하기위해 대형서점에가 인테리어 부분을 모두 뒤져도 사실 맘에 드는 책을 찾지 못했다. 모두 내가 웹에서 리서치 한것에 못 미치거나, 부족하거나. 허접했다....; 한시간을 샅샅이 뒤지면서 "Left, Right, Up, Down: New Directions in Signage and Wayfinding " 란 책을 살펴봤다. sign과 관련된 내용의 책이였는데 스페인에 여행갔을 당시 MACBA의 sign 디자인에 감동했던 내용과 비슷한 사례가 실려있었다. 책은 sign에 사용한 font명과 제작업체 등 정보가 실려있다. 사실 디자인에서 가장 어려운 부분이 font부분이 아닌가 싶다. type? text? 많은 용어로 불리우는 글꼴이 디자인의 완서도를 좌우하기도 하고 디자이..

이미지출처 : http://uxfactory.com/889 miriya 님 2010년 11월 18일, UX 심포지움 은 도널드 노먼과 빌벅스턴의 강의로 뜨거웠습니다. 발표 이후로 시간은 많이 지났습니다만, UX 심포지움 관련 블로깅 모음자료를 공유합니다. 그 때의 감동을 다시금 느껴보세요. (동영상 강의) 1. UX심포지움 도널드 노먼 강연을 잘 이해하려면 - 강규영님 http://alankang.tistory.com/277 2. 강규영님 발표자료 - 강규영님 http://alankang.tistory.com/275 3. RevU 리뷰 http://www.revu.co.kr/BlogReview/53759685-56DC-4B82-9CC6-595195D8ED77 4. 2010 UX 심포지움(UX Sympos..

음성입력을 텍스트로 변환해주는 앱입니다. 기존에 음성 서비스들이 입력에서 머물렀다면 텍스트로 변환해주어 음성기록의 단점을 보완하는 것이 특징입니다. 예전에 스무고개 서비스인 'akinator'처럼 집단지성에 의하여 문장단위로 인식보완을 하면 정확성도 많이 향상될 듯 합니다. (물론 네이티브에 한해서,,,) 비영어권 사람은 'English Central'처럼 기록용이 아닌 발음교정 도구?로 사용할 수 있을지도 모르겠습니다.ㅎ http://itunes.apple.com/us/app/dragon-dictation/id341446764?mt=8 움직이는 영상에서 텍스트를 번역하여 매핑까지 해주는 앱입니다. 실제로 테스트해보니 예시 영상처럼 깔끔하게 처리는 되지는 않습니다. 그렇지만 완성도가 높아지고 AR 서비스..