1탄 기본적인 전통 UI 용어와 2탄 최근 웹에서 많이 사용되는 UI 용어에 이어, 이번에도 웹과 앱에서 많이 사용하는 UI 용어를 좀 더 알아보도록 하겠습니다. 관련 글 ▷ UX 신입 디자이너가 알아야 할 UI디테일 용어 1탄 ▷ UX 신입 디자이너가 알아야 할 UI디테일 용어 2탄 ▷ UX 신입 디자이너가 알아야 할 UI디테일 용어 3탄 ▷ UX 신입 디자이너가 알아야 할 UI디테일 용어 4탄 1. 라이트 박스(Light Box) 팝업이 뜨는 동시에 백그라운드 화면이 어두워지거나 밝아지는데, 이를 '라이트 박스'라고 부릅니다. 라이트 박스 처리된 영역은 컨트롤 할 수 없으며 사용자가 대화 상자에 집중해야 한다는 시각적인 알림을 제공합니다. 일종의 Modal Dialog(혹은 Modal Window)라..

pxd 사무실에는 회의실 복도를 따라 책장이 있습니다. 책의 이미지들에 영감을 받아 바로 모니터상에 스케치를 하는 경우가 많은 GUI디자이너들에게, 복도 책장은 물리적, 심리적으로 멀게 느껴졌습니다. 그래서 새로 구매한 책을 비롯해 몇가지 유용한 책들을 추려 GUX센터 자리에서 볼 수 있도록 'GUI디자이너들을 위한 이동식 책장'을 장만했습니다. 이미지출처 : http://www.ply.co.kr/product/shelves/04_c2.php - 초기 - 처음엔 단순히 그래픽 도서를 추려 책장에 꽂고 리스트를 만들어 붙여 놓았는데 예상했던 문제점들이 나타났습니다. ㄱ. 도서 이탈 ㄴ. 도서 분실 ㄷ. 대출자를 알 수 없는 대출 ㄹ. 도서 이용 후 정돈이 안 되는 점 ㅁ. 정돈을 하려 해도 이탈된 도서가 ..

안녕하세요? 피엑스디 블로그에 여러 번에 걸쳐서 영감을 주는 다양한 모션 그래픽, 인터랙션, 미디어 아트 및 기타 동영상을 1-2주에 한 번씩 소개하려고 합니다. 머리 복잡할 때, 아이디어 필요할 때, 가볍게 봐 주셨으면 하는 바램입니다. ^^ 첫번째 주제는 모션 그래픽입니다. 기하학 도형을 이용한 모션그래픽 '기하학 도형을 이용한 모션그래픽'으로 영상 블로깅을 시작해볼까 합니다. 도형은 시각적으로 단순하기 때문에 움직임을 보기가 가장 좋은 경우가 많습니다. 1. Tiny Story from : Sebas & Clim animation : sebasandclim.com music : aimar-molero.com 출처 http://www.sebasandclim.com/Tiny-Story 2. The Ca..

글을 시작하며... 이번 포스팅에서도 1탄-기본적인 전통 용어-에 이어 UI디테일 용어를 소개해보려고 합니다. 각 제조사의 가이드라인, 서적, 사전을 찾아보면 유사한 의미인데도 다르게 불리는 경우가 많습니다. 어떻게 불리느냐보다는 유사한 점과 다른 점을 비교 분석하며 자신만의 것으로 만드는 과정이 중요하다고 봅니다. 관련 글 ▷ UX 신입 디자이너가 알아야 할 UI디테일 용어 1탄 ▷ UX 신입 디자이너가 알아야 할 UI디테일 용어 2탄 ▷ UX 신입 디자이너가 알아야 할 UI디테일 용어 3탄 ▷ UX 신입 디자이너가 알아야 할 UI디테일 용어 4탄 1. 증분 탐색 (Incremental Search) Incremental Search로 검색하면 '증분 탐색'이라고 번역이 되어 있는데 '순간 검색'이라고..

최근 의료분야에서 서비스디자인이나 UX 관점의 접근이 활발합니다. pxd에서도 의료분야와 관련된 프로젝트를 많이 진행했었는데요. 프로젝트를 진행하기에 앞서 의료 분야를 이해하고 인사이트를 얻는데 도움이 되었던, 몇 권의 책들을 정리해 보았습니다. 첫 번째 책은 ‘메이요 클리닉 이야기' 입니다. 1. 메이요클리닉 이야기 2. UCLA 헬스시스템 이야기 메이요 클리닉 이야기 레너드 L. 베리 / 켄트 D. 셀트먼 지음 / 김성훈 옮김 의료계로부터 배운다 - 33p 보건의료 계열은 대다수의 다른 서비스 계열과는 중요한 차이가 있다. 첫째, 보건의료 고객들은 보통 아프거나 다쳐서 심각한 스트레스를 받고 있다. 둘째, 입원 환자들은 서비스 시설에 발을 딛는 것 뿐만 아니라 심지어 그 안에서 살아야 한다. 셋째, ..

미러링피플: 세상 모든 관계를 지배하는 뇌의 비밀 마르코 야코보니 지음, 김미선 옮김 2009. Mirroring People : the new science of how we connect with others By Marco Lacoboni 인간의 육체를 이해하는데 DNA가 가장 핵심이듯이, 인간의 정신을 이해하는데 거울 뉴런이 가장 핵심이다. 인간의 뇌에는 다른 사람의 행동을 모방하는 특별한 영역이 있는데, 우리는 다른 사람을 모방함으로서 학습하고, 모사(simulation)함으로서 상대방을 이해한다. 거울 뉴런(Mirror Neuron)이란 남의 행동을 보는 것만으로도 자신이 그 행동을 할 때와 똑같이 반응하는 신경세포이다. 영화 속에서 연인들이 키스를 하면, 그들의 머릿속과 똑같이, 우리들의 뇌..

많은 디자인 회사가 도제식으로 운영됩니다. UX 회사라고 해서 별반 다르지 않죠. 저 역시 과거를 돌이켜보면 어떤 프로젝트를 누구와 함께 했는냐에 따라 학습의 범위와 개인적인 성장의 속도가 달라졌습니다. 흔히 말하는 사수와 부사수의 관계안에서 선임 디자이너가 후임(신입) 디자이너에게 디자인적인 스킬과 노하우를 전파하고, 프로젝트 매니저(PM) 역시 도제식으로 PM의 역할과 권한, 책임, 노하우 등이 공유되는 것이 현실이죠. 대다수의 경험과 노하우가 도제식으로 전수되다 보니, 어떤 마스터(사수)를 만나느냐, 어떤 프로젝트를 만나는지, 그 때의 상태가 어떠냐에 따라 전수받는 내용과 질, 양이 달라지는 문제가 발생합니다. 작년에 선임 진급자를 대상으로 짧게나마 PM 교육을 진행한 적이 있었는데, 주위 여건상 ..

pxd의 Probetyping Labs에서 만든 연하장 앱을 소개합니다. pxd에는 UI팀과 GUI팀과 별도로 pxd 내부의 아이디어와 UI를 실험해보는 팀인 Probetyping Labs가 있습니다. 보통 디자인의 후반부 검증 단계에서 주로 사용되는 prototyping을 변형한 팀이름은 프로젝트 진행 초기부터 사용자 정보를 얻는데(probe) 프로토타이핑을 활용하여 UI디자인에 애자일 방법을 도입하겠다는 의미를 담고 있습니다. 실패에서 태어난 앱 보다 빨리 자주 실패해서 배우자는 것이 팀의 모토인 것처럼 이번 설날카드앱도 실패에서 태어났습니다. :) Amazing Kids Box의 크리스마스 프로모션 페이지에 예상외로 많은 사람들의 댓글과 좋아요가 달려서 살펴보니 사실은 홍보용 이미지를 크리스마스 카..

다음 주에 피엑스디 사람들이 모여서 '스키너의 심리상자 열기' 책을 읽고 독서 토론회를 개최할 예정입니다. 저도 지금 읽고 있는데, 읽으시는 분들께 좀 더 도움이 되는 링크를 모아 보았습니다. (주로 책에서는 볼 수 없는 사진과 영상 자료입니다. 왜 책에서는 철저히 이미지를 배제했는지 좀 궁금하네요) Opening Skinner's Box By Lauren Slater (http://www.laurenslater.com/) 1. B.F 스키너의 보상과 처벌에 관한 행동주의 이론 B.F. Skinner (1904-1990, Wikipedia) 이 분, 이렇게 생겼습니다.(오른쪽 사진 참고. 출처:위키피디아) 아울러... 책의 제목이기도 한 스키너의 상자에 대한 링크 입니다. Skinner Box (Oper..

피엑스디는 지금 진행중인 2013 HCI 학회 후원 회사입니다. 덕분에 프로그램북에 피엑스디의 지면 광고를 실을 수 있게 되었습니다. 광고는 행복을 주제로 했습니다. "행복한 사람들이 만들면, 쓰는 사람들도 행복해질 거라 믿어요." 라는 문구를 담고 있는데요, 광고에 보이는 것처럼 행복하지만은 않다는 반발심이 생기지만... 그렇다고 광고에 "가끔 행복한 사람들이 만들면, 쓰는 사람들도 가끔 행복해질 거라 믿어요."라고 쓸 수는 없지 않느냐라는 생각도 드네요. 피엑스디 사람들이... 모두가, 언제나 행복한 것은 아니지만, 가능하면 행복해질려고 노력하겠다, 그리고 사용자를 행복하게 만들겠다는 다짐을 담아 봤습니다. 2012/03/17 - 제3회 pxd We Sport 대회 이야기♬ 2011/05/06 - 제..

지난 1월 8일 화요일 pxd에서 서울여대 학생들이 참여한 워크샵이 진행되었습니다. 오전에는 Rapid Persona Workshop, 오후에는 수평-수직적 사고에 의한 Intensive Workshop이라는 두 가지의 방법으로 진행하였는데, 각각 pxd의 송영일님과 김금룡님을 주축으로 워크샵을 기획하고 진행하였습니다. 1. [오전] Rapid Persona Workshop 송영일님이 진행하신 오전 워크샵의 주제는 ‘사용자경험 디자인 Rapid Persona Workshop’입니다. 아직 UX에 대한 정보가 부족한 학생들이라 집중하며 귀 기울여 듣는 모습이 인상적이었습니다. 내용을 하나라도 놓치지 않으려 노트하는 모습도 볼 수 있었습니다. 이 워크샵은 퍼소나 기법을 처음 접하는 사람들이 쉽고 간단하고 빠..

'심리학 산책'은 UX 디자이너를 위해 심리학 책들을 총 10회에 걸쳐서 소개하는 연재입니다. 연재 의도와 전체 책 목록은 아래 글을 참고하세요. [연재 소개] UX 디자이너가 읽어야할 심리학 책 10가지 스키너의 심리상자 열기 : 세상을 뒤바꾼 위대한 심리 실험 10장면 - 로렌 슬레이터 지음 / 조증열 옮김 Opening Skinner's Box: Great Psychological Experiments of the Twentieth Century - by Lauren Slater 심리학이란? 심리학은 어떤 것이라고 생각하시나요? 혹시 '독심술' 같은 것을 떠올리는 분도 계실지 모르겠습니다. 심리학을 공부했다고 하면 '지금 내 생각을 맞춰봐~'라고 하시는 분들이 실제로 계시거든요. 모두가 심리학을 그..