지난 7월 10일 토요일 노트폴리오에서 주관한 세미나 '우리는 ( )을 위해 디자인할까?'에 참여했습니다. '가치를 추구하는 디자인'이라는 주제로 세 명의 디자이너(우디, 최안나, 신인아)의 진솔한 이야기를 들었습니다. 본 세미나 중 인상 깊었던 세션과 함께 거듭 반문하게 된 몇 가지 질문을 공유하고자 합니다. 함께 고민해주세요! 시작하기에 앞서 본격적으로 세미나 후기를 전달하기에 앞서, 참여 동기를 공유하고자 합니다. 이번 세미나를 듣게 된 결정적인 이유는 강연 개요에 소개된 '주제 의식'이었습니다. - 디자이너의 사회적 책임 - 지속가능한 디자인 - 디자인 윤리 더불어 위 주제 의식에 대한 소개 중 눈에 띄는 구절이 있었습니다. "디자이너로서 특정한 가치를 추구하는 것은 중요합니다. (중략) 사회적으..

지난 7월 23일, 스웨덴 디자인 에이전시 Above의 인터랙션 디자이너 이진재 님께서 'Design in Sweden, Designer in Sweden'이라는 주제로 pxd talk를 진행해 주셨습니다. 이 글에서는 스칸디나비아 디자인 에이전시에서 일하는 방식과 문화, 해외에서 디자이너로 일하면서 겪는 경험에 관한 내용을 공유합니다. 들어가며 본격적인 강연에 앞서, 이진재 연사님의 이력과 현재 근무 중인 Above 에이전시를 소개해주셨습니다. 연사님께서는 한국에서 디지털 프로듀서로 일을 하다 스웨덴 디자인 스쿨인 하이퍼 아일랜드로 유학을 가셨고, 그곳에서 인터랙션 디자인과 퍼실리테이션에 관한 공부를 하셨다고 합니다. 그리고 현재는 프로덕트 디자인과 엔지 니어링으로 유명한 스웨덴 이노베이션 에이전시인 ..

무엇이 중헌디?지도 조작을 위한 내비게이션은 보편성을 고려하는 게 유리합니다. 아무래도 그동안 형성된 멘탈모델을 따르는 것이 오동작을 방지할 수 있으니까요. 키보드와 마우스를 동시에 사용하는 콤보 기술을 제공하면 미세미세 덕후들이 아주 좋아할 겁니다. 마우스 제스처는 휠 클릭이 불가한 상황에 대한 대책을 마련하는 것이 좋겠습니다. 로지텍 마우스처럼 휠 클릭이 기계적으로 스크롤 모드 변환으로 사용되는 경우도 있으니까요. 그리고 정말 중요한 것은 각 액션에 대한 명확한 피드백을 제공하여 현재 돌아가는 상황을 인지하기 쉽게 해주면 꽤 친절해 보일 수 있습니다. 피드백을 주는 방법으로 가장 쉬운 것은 상황에 따라 제공하는 포인터가 되겠습니다. 우리 땐 말이지어릴 적 명절을 맞이하여 시골에 내려갈 때면 아버지는 ..

*주의 : 해당 글은 스포일러를 일부 포함하고 있다. 밴더스내치를 제대로 감상하기 위해서는 감상 이후에 글을 읽기를 권장한다. 넷플릭스에서 제작한 '블랙미러'는 영국의 SF 드라마이다. 주로 디지털의 발전으로 인한 디스토피아를 주제로 단편 형식으로 제작하는데, 이번에 인터랙티브 형식의 영화를 제작했다는 소식과 주변 지인의 추천으로 인해 영화를 보게 되었다.영화의 전반적인 스토리는 아마추어 게임 프로그래머인 주인공 ‘스테판’ 이 밴더스내치 라는 이름의 게임을 만들면서 진행된다.일단 영화를 보기 전에 A 혹은 B를 선택해서 스토리가 진행된다는 사실을 사전에 접한 뒤 영화를 보았다. 이러한 방식은 여러 선택지 중 하나를 선택하면 스토리가 진행되는 육성/연애 시뮬레이션 게임이나, 선택을 하면 해당 선택 페이지로..

이 글은 지금으로부터 5년 전에 작성한 '당겨서 새로고침 UI와 사례' 글의 후속 편이다. 해당 글은 새로고침을 위한 UI가 버튼 탭에서 pull to refresh로 변한 과정과 구성 요소, 25개의 앱 사례를 토대로 UI 패턴을 살펴본 글이다. 최초 피엑스디 블로그에 작성했던 2013년 5월에는 아이폰 4, iOS 6을 사용했던 것 같다. 한창 스큐어모피즘이 먹어주던 시절이다. 지금은 과거에 비해 휴대폰은 훨씬 커졌고 해상도는 높아지고 인터페이스와 디자인 언어 역시 많은 변화가 있었다. 갑자기 궁금해졌다. 마이크로 인터랙션과 모션 피드백이 더욱 정교해진 오늘날, 당겨서 새로고침 UI는 어떻게 변했을까? 5년 전에 살펴보았던 앱을 다시 꺼내 보기로 했다. 과거 Pull to refresh의 UI 패턴은..

시작하며 우리의 일상에서 동영상 시청이 차지하는 비율이 점점 높아지고 있다. 필자 또한 예전보다 동영상을 감상하는 시간이 많이 늘어난 것을 실감하고 있다. 그리고 집에 있는 TV보다는 모바일로 영상을 감상하거나 이동 중에도 수시로 영상을 감상한다. 어느 날은 모바일로 유튜브 영상을 보다가 우연히 플레이어 영역을 ‘두 번 터치’ 한 경우가 있었는데 '10초 다음으로 이동’ 기능이 제공되어 놀랐었던 경험이 있다. 개인적으로 UCC(User creative contents) 중심 UI는 Youtube가 선도적이라고 생각하는데, 그도 그럴 것이 동영상 플레이어 관련한 새로운 기능들은 대부분 Youtube에서 출발한 것들이 많다. (세로 모드로 영상 시청 중 화면을 아래로 쓸어내리면 '미니 플레이어’로 전환되는 ..

들어가며 최근 진행한 프로젝트에서 좌석 예약을 위한 키오스크 UI를 설계했습니다. 키오스크는 모바일, 웹 UI와 비슷하면서도 큰 화면크기, 입력방식, 사용환경에서 모바일, 웹과 다른 특징을 가지고 있었습니다. 프로젝트를 진행하면서 몇 가지 테스트와 리서치를 통해 알게 된 키오스크 UI 설계 시 고려할 점을 공유하고자 합니다. 시야각(인지 영역) 고려하기 시야각을 고려해야하는 이유 한 번에 정보를 파악할 수 있는 시야각은 생각보다 넓지 않습니다. 큰 화면에 있는 많은 정보를 잘못 구성한다면 사용자는 필요한 정보를 찾는 데 어려움을 느끼게 됩니다.시각 상태는 사물을 가장 또렷하게 구분할 수 있는 중심시, 황반 영역(그림 2의 ①영역)과 상대적으로 식별능력이 떨어지는 주변시로 구분됩니다. 일반적으로 30° 시..