UI 기획을 하는데 있어서 UI 패턴과 원칙을 이해하는 것은 건축가가 구조를 이해하는 것과 같이 기본적이면서도 중요합니다. 또한 패턴과 원칙을 통해 일반적인 디자인 문제를 다루는 광범위한 해결방안으로 적용할 수 있습니다. UI 패턴을 다룬 웹사이트 모음을 정리해 보았습니다. 링크 모음을 모은 것이라서 서로 중복되는 항목들이 있을 수 있습니다. 또한 pxd 팀블로그의 UI 패턴과 가이드라인에 대한 글들을 모아 보았습니다. 하단 링크 참고바랍니다. (모바일 버전에서는 링크가 보이지 않으니, 모바일 화면으로 보시는 분들은 웹 버전으로 변경하셔서 확인하시기 바랍니다.) 이 외에도 UI 패턴을 다룬 웹사이트가 있다면 공유 부탁드립니다. 업데이트 하도록 하겠습니다. 관련 글 ▷ UI 패턴과 원칙을 다룬 도서 모음 ..

올해 1월 30일 HCI 학회에서 pxd 박기혁 선임이 발표한 튜토리얼, "행동 경제학과 UX : 사용자의 행동변화 유인하기" 후기를 간략하게 공유합니다. 박기혁 선임의 발표는 이번 2013 HCI 학술 대회의 우수 연사상(The Best Speaker Award)에 선정되었습니다 행동 경제학이란? 행동 경제학에서는 "인간은 제한된 합리성을 가진다"를 전제로, 인간의 비일관된 행동 패턴들을 찾고 그 패턴 안에서 어떻게 하면 인간의 행동들을 유도할 것인가를 고민합니다. 또한, 행동 경제학은 인간에 대한 고민, 사용자와 비즈니스 이해 관계자를 모두 만족하게 해야 하는 목적이 있다는 점에서 UX와 교집합 부분이 있습니다. 사용자의 행동변화가 어려운 이유 사용자의 행동 변화가 어려운 이유는 사용자는 기존 행동을..

UI 기획을 하는데 있어서 UI 패턴과 원칙을 이해하는 것은 건축가가 구조를 이해하는 것과 같이 기본적이면서도 중요합니다. 또한 패턴과 원칙을 통해 일반적인 디자인 문제를 다루는 광범위한 해결방안으로 적용할 수 있습니다. UI 패턴과 원칙을 다룬(일부를 다룬 책도 포함) 도서 모음을 정리해 보았습니다. 본 도서는 pxd 라이브러리 에 구비되어 있으며, 제 유저스토리북에 모아두었습니다. :) 이 외에도 UI 패턴과 원칙을 다룬 도서가 있다면 공유 부탁드립니다. 업데이트 하도록 하겠습니다. 관련 글 ▷ UI 패턴과 원칙을 다룬 도서 모음 20+ (현재 글) ▷ UI 패턴을 다룬 웹사이트 모음 UI 패턴과 원칙을 다룬 국내 도서 모음 (무작위순) 1. 웹 폼 디자인 루크 로블르스키 저 | 민은식, 김성은 역 ..

pxd 교육제도 중, 일정 기간 근속한 직원들에게 해외 교육의 기회가 주어지는 제도가 있습니다. 2012년 11월 보스턴에서 진행되었던 UI17(User Interface seventeen) 컨퍼런스에 참여하게 되었습니다. UI17 컨퍼런스에 대해 간략히 소개를 드리자면, UIE(User Interface Engineering)에서 주최하는 행사로, 3일동안 해외 UX 전문가들의 세미나 발표와 풀데이 워크샵으로 진행됩니다. 학생들을 대상으로 하기 보다는 현업에 종사하는 UX, UI 디자이너들의 정보 공유와 업무 관련 노하우 공유 및 재교육 목적을 띈 컨퍼런스라고 생각하시면 됩니다. 셋째 날은 어제 들었던 세션인 Kelvin Hoffman의 Leading Epically Productive Meeting의..

pxd 교육제도 중, 일정기간 근속한 직원들에게 해외 교육의 기회가 주어지는 제도가 있습니다. 2012년 11월 보스턴에서 진행되었던 UI17(User Interface seventeen) 컨퍼런스에 참여하게 되었습니다. UI17 컨퍼런스에 대해 간략히 소개를 드리자면, UIE(User Interface Engineering)에서 주최하는 행사로, 3일동안 해외 UX 전문가들의 세미나 발표와 풀데이 워크샵으로 진행됩니다. 학생들을 대상으로 하기 보다는 현업에 종사하는 UX, UI 디자이너들의 정보 공유와 업무 관련 노하우 공유 및 재교육 목적을 띈 컨퍼런스라고 생각하시면 됩니다. 둘째날은 각 1시간 30분짜리의 5개 강의를 들었습니다. 세미나 첫 날과 마지막 날에 하는 워크샵에는 총 8명의 강연자가 있고..

pxd 교육제도 중, 일정기간 근속한 직원들에게 해외 교육의 기회가 주어지는 제도가 있습니다. 2012년 11월 보스턴에서 진행되었던 UI17 (User Interface Seventeen) 컨퍼런스에 참여하게 되었습니다. UI17 컨퍼런스에 대해 간략히 소개를 드리자면, UIE(User Interface Engineering)에서 주최하는 행사로, 3일 동안 해외 UX 전문가들의 세미나 발표와 풀데이 워크샵으로 진행됩니다. 학생들을 대상으로 하기 보다는 현업에 종사하는 UX, UI 디자이너들의 정보 공유와 업무 관련 노하우 공유 및 재교육 목적을 띈 컨퍼런스라고 생각하시면 됩니다. 첫 날은 Full day workshop으로 Kim Goodwin의 Using Scenarios to Design Intu..

안녕하세요. 전 OO대학교 OO학과에 다니는 3학년 OOO라고합니다. 이렇게 갑작스럽게 메시지를 보내도 될지 많이 망설였지만 막막한 마음이 메시지를 보내요!! 평소에 pxd를 페이스북으로 먼저 접하고 난 뒤에, 틈틈히 회사 블로그나 홈페이지를 들어가 소식을 보곤합니다..ㅎ 다른 것이 아니라 전 이제 막 ux, ui에 관심을 가지고 공부를 해보고 싶어요. 그런데 아무래도 지방쪽이라 그런지 ux, ui분야가 활발하게 연구되거나 공부되지않고 있습니다. 실제로 저희가 접한 과목들중에서는 커뮤니케이션 디자인이나 인터렉션 디자인이라는 과목으로 ux, ui를 겉핥기하는 것이 전부입니다. 사실 지금도 제가 아는 범위는 극히 좁아요. 그래서 ux관련된 강의나 워크샵 같은 것이 있으면 참여해보고 싶었는데 아래 지방에는 그..

메뉴에서 2차적으로 나오는 서브 메뉴를 표시할 때, 대충 만들면 생각보다 큰 낭패를 당하게 됩니다. 저희 블로그에서도 이 문제를 여러 차례 지적했었는데요, 공군 가기 힘들어(Global Navigation Bar 디자인)에서, 메뉴 경로를 너무 좁게 만들었다가 망신 당한 공군 웹페이지를 보여 드리고 그 근본 원인을 알려드렸구요, 피츠를 알려주는 퀴즈 (A Quiz Designed to Give You Fitts)에서는 이 문제를 해결하기 위해, 맥과 윈도즈가 어떻게 다르게 접근하였는가를 설명했습니다. 지난 3월 6일 발표되어 많은 인기를 끌고 있는 Ben Kamens님의 아마존 메가 드롭다운 분석(BREAKING DOWN AMAZON'S MEGA DROPDOWN)은 메뉴 UI에서 꼭 알아야할 이 문제를 ..

지난 1월 30일, HCI korea 2013에서 pxd 동료들과 함께 아이데이션 워크샵을 진행했었는데요. 간단한 후기와 현장 사진들 그리고 장표를 공유합니다. 워크샵에 대한 목적과 구성은 아래와 같습니다. 최근 pxd에서는 실무에서 다수의 Ideation Workshop을 진행하였습니다. 이 중 결과가 좋았던 수평∙수직 사고기법을 활용한 Intensive Workshop 노하우를 공유하려고 합니다. 이 방법은 창의력 사고 기법의 권위자 에드워드 드 보노 박사의 수평적 사고 기법과 IDEO의 브레인스토밍 프로세스를 기반으로 하고 있으며, pxd만의 방식으로 응용 및 발전시켰습니다. 이 방법으로 단시간에 참가자들의 발상 범위를 넓히고 산출된 아이디어를 의미있는 수준으로 올릴 수 있습니다. 워크샵의 구성은 ..

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

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

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