태터데스크 관리자

도움말
닫기
적용하기   첫페이지 만들기

태터데스크 메시지

저장하였습니다.


'pxd 다이어리 & 소소한 이야기'에 해당되는 글 172건

  1. 2018.02.22 HCI KOREA 2018 참관 후기 (3/3) by 문한별
  2. 2018.02.19 HCI KOREA 2018 참관 후기 (2/3) by AliceLim
  3. 2018.02.15 HCI KOREA 2018 참관 후기 (1/3) by AliceLim
  4. 2018.01.29 2018 HCI학회 피엑스디 세션 소개 by AliceLim
  5. 2018.01.02 2018년, 새해 복 많이 받으세요 :) by pxd UX Lab.
  6. 2017.12.26 2017 pxd story 인기글 모음 (2) by 문한별
  7. 2017.11.13 나, 디자이너, pxd와 커피 by 위승용 (uxdragon)
  8. 2017.10.30 의료분야 서비스디자인을 위한 디자인씽킹 워크숍: 2번째 by SEUNGYOON LEE
  9. 2017.10.25 [채용] pxd 2017년 GUI 디자이너 채용 안내 by younjae
  10. 2017.08.28 덴버대학교 산업디자인 전공 학생들의 pxd 방문기 by 허 유리
2018.02.22 07:50

HCI KOREA 2018 참관 후기 (3/3)

HCI KOREA 2018 "Trans-Humanity, 경계의 확장” 참관 후기의 마지막 제3편을 공유해 드리겠습니다.



CRACKER9 솔루션 개발을 위한 ZEPLIN, INVISION을 활용한 모바일 앱 개발 사례 - 최우식 외 1명(HNINE)

작성자: 이준


들어가며

저는 매우 많은 시간을 업무 효율에 투자하는 사람입니다. 보통은 프로젝트 시작 전에 컨셉에 맞는 효율적인 앱 구조를 구상하고, 그에 적합한 Framework을 선별한 뒤에 Task Runner나 Bundler를 세팅하고 테스트하는 것을 즐깁니다. 한 역할 내의 효율성은 경험이나 노력, 그리고 여러 가지 시도로 점점 개선할 수 있지만, 프로젝트 진행에 있어 허들은 결국 역할과 역할 간의 '소통' 입니다. 이런 소통의 사이엔 정해진 양식의 산출물이 존재해 왔었으니까요. 자, 문제를 해결하는 가장 궁극적인 방법은 그 문제를 없애버리는 것이라고 합니다.


1. Zeplin, inVision 그리고

Zeplin과 inVision이 그렇듯, Cracker9 솔루션은 디자이너와 디벨로퍼 사이의 허들 하나를 없애는 데에 초점을 맞추고 있습니다.

cracker9.io


2. Collboration Tool

사실 Cracker9 솔루션은 현재 진행형이고, 평가를 할 수 있는 단계는 아닙니다. 때문에 이 자리를 빌어 각종 툴에 대한 짧은 얘기를 해보려 합니다. 앞서 말한 '기본적인 기능' 에 대한 얘기죠.

WYSIWYG이 그렇듯, 협업 툴은 만능이 아닙니다. 소통의 많은 부분을 원만하게 만들어 주지만, 또 다른 문제점 들을 항상 일으키죠. 퀄리티를 위해서 디자이너와 디벨로퍼는 서로 이런 문제에 대해 인지하고 있어야 합니다.

첫 번째 문제는, Zeplin이 생성해준 Attribute들이 '충분히 가독할 만한 수준의 것'이지 결코 완벽하지 않다는 점입니다. 많은 분이 Sketch로 작업 된 하나의 아트보드가 '그대로' 스크린에 옮겨질것 이라고 생각하는데, 실제로는 각 플랫폼별로 렌더링하는 방식이 다르기 때문에 같은 속성값을 갖고 있다고 하더라도 다르게 보입니다. 특히 Typography, Shadow, Gradient를 표현하는 방식이 매우 다른데, 이런 차이에서 오는 문제가 매우 치명적으로 다가오는 디자인일 경우엔 컴포넌트의 속성값을 미리 조율할 준비를 해야 합니다. Unit도 문제인데, Web 플랫폼의 개발일 경우엔 Zeplin이 던져준 말도 안 되는 소수점이 괴로울 때가 있고, REM처럼 상댓값을 이용한 디자인을 던져주는 것이 아직은 쉽지 않습니다.

두 번째 문제는 Assets입니다. 앱 퍼포먼스의 기본은 리소스의 최소화 및 최적화인데, 아무런 옵션 없이 추출된 에셋들을 신뢰할 수 없는 경우가 많습니다. png의 무손실 압축 여부라던가. 또, 상황에 따라서는 분명 progressive jpeg이나 webp 같은 타입이 필요한 경우도 있고, svg가 적합한 경우도 있습니다만 매번 추가적인 공수 -plug-in을 찾거나, 직접 하거나- 가 필요한 경우가 많죠.

물론 이건 앉으면 눕고 싶다는 식의 불평 이거나, 이제 막 걸음마를 떼기 시작한 모든 협업 툴에 너무 큰 기대처럼 보일 수도 있겠지만. 중요한 건 디자이너도, 디벨로퍼도. 결국엔 어떤 형태로든 리스크가 존재한다는 걸 충분히 인지해야 하고, 보다 정교하고 완벽하게 디자인하기 위해선 결국 스스로 공부하고 노력해야 한다는 점이지요.


마치며

디자이너가 디자인할 수 있는 환경을 디자인하는 디자이너.

디벨로퍼가 디벨롭할 수 있는 환경을 디벨롭하는 디벨로퍼.

그리고 그들 사이의 소통을 디자인하고 디벨롭 하는 사람들.

저는 어떠한 형태로든, 우리 자신을 위해서 고민하고 생각하는 행위 그것만으로도 충분히 가치 있으며, 아름답다고 생각합니다.



카카오뱅크 : 새로운 은행을 만들다 - 고정희 이사 (카카오 뱅크 서비스총괄팀)

작성자: 박재현

카카오 뱅크 홍보 영상 중


카카오 뱅크를 총괄하여 기획한 고정희 님은 카카오뱅크의 사용자 경험을 기획하고 서비스가 출범하기까지 2년간의 여정에 대해 공유해주었습니다.


1. 배경

카카오뱅크는 2015년 11월 금융감독원으로부터 인터넷 전문 은행 예비 인가를 받았습니다. 2년 뒤, 카카오뱅크는 2017년 7월 27일 공식적으로 서비스를 오픈합니다. 출범 당일 24시간 동안, 카카오뱅크에서 사람들이 개설한 계좌 건수는 24만 건이었습니다. 이는 2016년 한 해 동안 시중 은행에서 개설한 비대면 계좌 개설 건수 15.5만 건을 훌쩍 뛰어넘는 수입니다.


2. 은행업의 본질에 대해 고민하다.

카카오 뱅크의 서비스 기획팀은 시작 단계에서 ‘은행업이란 무엇이고, 인터넷 전문 은행의 본질은 무엇인가?’를 고민했다고 합니다. 은행의 역사를 공부하여, 업의 본질을 정의하였습니다. 그 뒤에, 카카오뱅크만의 새로운 관점으로 은행과 돈을 재해석하였습니다. 카카오뱅크가 내린 결론은, 인터넷 전문 은행이란 ‘디지털 머니 컨테이너'라는 것입니다. 사회 집단 중 은행만이 유일하게 돈을 보관하는 임무을 수행하기 때문입니다.


3. 서비스 방향을 정의하다.

(1) 인프라 비용을 절감하고, 그 비용으로 금리 혜택을 제공하자.

카카오 뱅크는 사람들이 방문할 수 있는 지점이 없습니다. 시중 은행들이 영업점을 거점으로 인터넷 뱅킹, 모바일 뱅킹을 제공하는 것과 대조적입니다. 카카오 뱅크는 지점이 없기 때문에 인건비, 임차료와 같은 고정비용이 들지 않습니다. 절감된 비용으로 금리나 수수료를 인하하여, 사용자에게 혜택을 돌리자는 결정을 내렸다고 합니다.

카카오 뱅크와 시중 은행 예금 및 대출 금리 비교


(2) 뛰어난 사용성으로 기존 금융권의 벽을 넘자

카카오 뱅크 기획팀은 서비스 이용 시간, 즉, 사람들의 노동 시간을 줄이는 것을 목표로 서비스를 기획하였다고 합니다. 시간이 금이라는 말이 있습니다. 뱅킹 서비스를 빠르고 편리하게 이용한다는 것은 서비스를 사용하는 비용이 줄어드는 효과를 냅니다. 이를 위해 불필요한 절차를 없앴습니다. 이 과정에 관하여 뒤에서 자세하게 이야기하겠습니다.


(3) 모바일로만 사용하는 은행

기획팀은 오로지 모바일 하나로 서비스하자는 결정을 내렸습니다. 팀 내에서도 토론을 거듭해 내린 결정이었습니다. 시중 은행은 영업점, PC 뱅킹, 모바일 뱅킹 채널로 고객과 소통합니다. 하지만 카카오 뱅크 기획팀은 PC와 모바일의 사용성이 다르다고 판단했습니다. 두 사용자를 모두 만족시키는 서비스를 구현할 수 없다는 겁니다. 대한민국의 스마트폰의 사용률은 91%로, PC와 노트북 사용률인 73%를 웃돌고 있습니다. 따라서 모바일 채널 하나에 집중하여 카카오 뱅크 서비스를 제공하기로 했습니다. 고정희 님은 향후 AI 스피커, 구글 스마트카와 카카오 뱅크를 어떻게 접목할지 고민하고 있다고 합니다.


4. 서비스 만들기

(1) 불필요한 것 버리기

기획팀은 초기 단계에서 ‘이 절차가 꼭 필요한지?, 왜 필요한지?’ 라는 질문을 던졌습니다. 계좌 비밀번호를 예를 들어 봅시다. 우리는 그동안 계좌에 비밀번호가 있는 것을 당연하게 여겼습니다. 기획팀은 '계좌 비밀번호가 꼭 필요한가?, 이에 관련된 규제가 있는가?, 그 규제는 타당한가?' 라는 질문을 던졌습니다. 실제로 확인해 보니 규제가 존재하지 않았고, 계좌 비밀번호를 없앴습니다. 이렇게 당연한듯하지만 불필요한 절차를 생략하여 사용자의 시간을 절약합니다. 모바일 앱 ID/PW, 공인인증서, 계좌 비밀번호. 다른 은행에는 있지만, 카카오뱅크에 없는 것들입니다.

카카오 뱅크와 시중 은행 홈 화면 비교. 왼쪽부터 카카오 뱅크, 기업은행, Paypal, Barclays


(2) 공인인증서

공인인증서가 이제 필수가 아니라는 사실을 알고 계셨습니까? 2014년 전자금융거래법 개정안이 통과되면서 공인인증서 의무 사용 조항이 삭제되었습니다. 이제 은행은 자율적으로 보안 방식을 선택할 수 있습니다. 공인인증서를 사용하기 이전, 은행은 각자 고유한 인증 체계를 가지고 있었습니다. 은행 각기 다른 인증 체계가 불편해졌고, 공동으로 사용할 수 있는 공인인증서가 개발되었습니다. 시간이 지나, 컴퓨터 사용 환경이 변화했습니다. ActiveX 플러그인을 설치하느라 시간이 걸리고, 맥에서 호환이 잘 안 되어 불편함을 느끼는 사용자가 많아졌습니다. 카카오 뱅크에서는 공인인증서나 OTP 인증을 사용하지 않고 이를 핀 번호 입력, 패턴 잠금, 지문 인식 등으로 대체했습니다.

카카오 뱅크의 지문 인식, 패턴 인식, 비밀번호 화면


카카오 뱅크가 관례를 깬 것이 은행업계에 긍정적인 영향을 미치고 있습니다. 생체 인증을 올해 아니면 내년부터 허용하자는 논의가 진행 중입니다.


(3) 설득하기

비대면 계좌 개설 시 본인 인증 방식에는 두 가지가 있습니다. 정 이체 방식과 역 이체 방식입니다. 정 이체 방식은 시중 은행이 사용하는 방식으로, 다른 은행에서 현금을 이체받아 인증하는 방식입니다. 역 이체 방식은 역으로, 다른 은행 계좌에 1원을 이체해 인증받는 방식입니다.

정 이체 방식과 역 이체 방식 계좌 인증 비교 화면


정 이체가 아닌 역 이체 방식으로 본인 확인을 하면 사용자가 넘겨야 하는 화면이 6페이지 이상 줄어듭니다. 초기 금융위원회는 카카오 뱅크 측에 정 이체 방식으로 본인 인증을 하도록 요청했습니다. 카카오 뱅크는 이에 논리적으로 질의하며 왜 역 이체 방식을 사용하면 안 되는지 물었습니다. 끈질긴 설득을 통해 사용자 편의성을 관철하였습니다.


5. 느낀 점

2년간의 여정에서 카카오 뱅크 기획팀이 집중한 두 가지가 있습니다. (1) 은행이 편리한 경험이 될 수 있다는 것을 보여주는 것. (2) 카카오 뱅크의 서비스 경험을 업계의 기준으로 만드는 것입니다. 카카오 뱅크는 2017년 구글 플레이스토어 및 앱 스토어에서 최우수 앱으로 선정 되었습니다. 이에 따라, 시중 은행의 모바일 앱도 개편되고 있습니다. 카카오 뱅크가 은행 서비스의 사용성을 높이는데 큰 기여를 하고 있다는 생각을 합니다. 카카오 뱅크가 앞으로 카카오톡이라는 국민 메신저 플랫폼, 카카오 페이, 카카오 택시 등과 낼 시너지 효과를 기대합니다.


이상으로 HCI KOREA 2018 참관 후기를 마칩니다.



HCI학회 피엑스디 발표 이력
2007 : 모바일 인스턴트 메신저의 UI 연구 (이재용,한상택,강석무)
2008 : 혁신적인 UI를 위해 하지 말아야할 7가지 방법론 (이재용)
2009 : 혁신적인 UI를 위하여 하지 말아야할 7가지 원칙 (이재용)
2010 : 퍼소나, 최근 쟁점과 사례 (이재용)
2011 : Rapid User Research (전성진)
2012 :
2013 :
2014 :
2015 : 성공적인 스마트티비 표준 가이드라인 만들기 (김동후,정유리)
2017 :
  • 컨텍스트 시나리오 중심 프레임워크 디자인 워크숍 (김준, 진예송, 이가현, 이윤재)
  • 디자인 씽킹 툴킷을 활용한 실습 워크숍 (오진욱, 이주형, 김수향)
  • MMORPG 사용자 조사 사례에 기반한 게임 UX전략 제안 (이범진)
  • 공공디자인을 위한 User Research (진현정, 정다영)
2018 :
  • 시나리오 기반의 대화형 UX 기획 및 챗봇 제작 실습 (허조강, 우종희, 진현정, 이윤재)
  • Data Driven UX Design Process (전성진)
  • 제한된 상황 속에서 래피드하게 UX 디자인하기 (위승용)
  • 투명플렉시블 디스플레이를 활용한 UI 시나리오 개발 (문한별, 오진욱)



[참고##HCI학회##]



팀블로그 pxd Story 구독 방법  블로그 글은 각 개인의 생각이며 피엑스디와 다를 수 있습니다.


Trackback 0 Comment 0
Ad Test...
2018.02.19 08:00

HCI KOREA 2018 참관 후기 (2/3)

HCI KOREA 2018 "Trans-Humanity, 경계의 확장” 참관 후기에 대한 제2편을 이어서 공유해 드리겠습니다.



AI와 Robot 시대에 HCI/UX의 역할은 무엇인가? - 김진우 (연세대 HCI LAB)

작성자: 임수현


연세대 김진우 교수는 KAIST 정재승 박사가 전일 언급한 “AI 환경에서 HCI가 어떤 역할을 할 것인가는 적어도 향후 10년간 가장 중요한 쟁점이 될 것이다” 말을 인용하였다. 그렇다면 이 시점에서 우리가 무엇을 준비해야 하는지, 또 지금까지 학계와 업계에서 연구했던 방향을 어떻게 바꿔야 할지 고민해야 할 때라고 했습니다.


들어가며

종이신문을 보던 과거에는 휴대폰을 통해 전자신문을 읽는 현재를 상상할 수 있었을까요? 앞으로 인공지능 로봇이 신문을 읽어 주는 날이 올 거라고 예상해 볼까요? 인공지능 로봇 시대로 진입되었음 알려주는 최근 이슈는 바둑을 두는 인공지능 로봇 ‘알파고’였습니다. 바둑뿐 아니라 일상으로 다가올 로봇에게 인간이 가져야 할 태도는 무엇이며, HCI와 UX의 역할은 무엇일지 살펴봅시다.


인간과 가까워지고 있는 로봇

1. 영화 '로봇 프랭크'

노인과 돌봄이 로봇 프랭크


프랭크는 노인과 돌봄이 로봇이라는 가족적인 소재를 다룹니다. 일상을 동반하며 낙엽 청소부터 음식 제조까지 심지여 면도, 이발을 도우며 농담까지 합니다. 사람들이 기대하는 로봇의 수준은 이 영화에 나오는 프랭크 정도일 것입니다.

2. 유재석 내비게이션과 사투

출처 : MBC 무한도전


유재석이 범블비를 탑승하고 음성인식으로 “강남구 선릉로”라는 주소를 말했습니다. 하지만 범블비의 내비게이션은 인식하지 못하고 “좀 더 명확하게 말해라”라고 요구했습니다. “서울시 강남구 청담동”을 다시 말해 주소가 입력되고 “탐색하겠냐”란 말에 “네”라고 답했습니다. 이에 “좀 더 명확하게 말해라”며 재인식을 요구하는 사투가 벌어졌습니다. 아무리 또박또박 말해도 잘 몰라 듣는 로봇을 보면 우리가 생각하는 인공지능의 기대에 미치지 못함을 알 수 있습니다.


기술에 대한 맹신 - 미래를 좌지우지할 핵심 기술

시리얼 만드는 기계

엉망진창으로 시리얼을 만드는 기계


믿기 어려우시겠지만, 이 기술이 앞으로 우리의 미래를 좌지우지할 핵심 기술입니다. AI나 Robot 기술이 오랜 시간 후에 미래를 움직이는 영향을 미칠 때까지 기술과 함께 공존하는 '무엇인가'가 있어야 이 잠재력이 발휘될 수 있을 것입니다.


Companion Technology

즉, HCI와 UX가 해야 할 역할이 바로 'Companion Technology'입니다. AI가 화두에 오르면서 가장 많이 언급되었던 부분이기도 합니다. 'Companion Technology'란 사람들이 감정적으로 애착을 가지고 지속해서 오랫동안 사회적인 활동을 할 수 있는 기술을 일컫습니다. 'Companion'은 그리스어에서 유래된 단어로 식탁에서 빵을 나눠 먹는 관계라고 합니다.


Companion의 4가지 특징

Long term relationship : 일시적, 단 시간적인 사용이 아닌 오랜 기간을 공유하는 관계

Intimate relationship : 상대에 대해 깊숙이 파악하고 있는 관계

Expansive relationship : 관계가 특정 인물에게 한정적인 것이 아니라 주변까지 확장되는 관계

Emotional relationship : 감성적인 애착을 가지며 상호 연결을 맺는 관계


1. 영화 '빅 히어로'

히로를 살리기 위해 죽음을 선택하는 베이맥스


AI가 사람의 주요한 Companion이 된 영화입니다. 베이맥스는 위기의 상황에서 주인공을 위해 죽음을 선택합니다. 이미 베이맥스에 대한 두터운 감정 고리를 가진 히로는 베이맥스를 보내지 않으려 합니다. 이 영화는 AI와 인간의 관계에서 Emotional Relationship을 보여줍니다. 하지만 Companion의 관점에서 바라보자면, 자기가 스스로 감지하고 행동하는 베이맥스가 인간 중심적인 사상으로 제작되었다고 할 수 있습니다.


2. 영화 '채피'

인간의 노력을 통해 학습하고 성장한 채피


다른 관점에서의 Companion을 의미하는 영화입니다. 영화 빅 히어로의 베이맥스와 달리 처음에 태어날 때 시스템이 준비되지 않아 사람이 훈련해야 하는 로봇입니다. 인간이 노력하여 단어를 여러 번 반복하는 훈련을 거치고 함께 반복적으로 생활하며 인간의 패턴을 익힙니다. 이런 시점으로 바라본다면 우리만 기계의 Companion이 될 것이 아니라 사람도 기계의 Companion의 역할을 해줘야 합니다.


3. Human compatible AI

Robot has an incentive to ask help.

Human has an incentive to teach the robots.

인공지능 메이저 학회인 'IJCAI 2017'에서 언급된 이야기입니다. 인간에게 로봇이 사람에게 질문할 수 있는 인센티브가 있습니다. 인간이 로봇을 가르쳐야 하는 인센티브가 있습니다. 우리는 로봇에게 일방적으로 바라기만 하는 태도가 아니라 우리도 로봇에게 Companion의 역할이 되기 위해 많은 노력을 기울여야 합니다.


4. Plus-User

김진우 교수는 Plus-User라는 개념을 제안합니다. 이미 다 만들어진 제품이나 서비스를 행복하고 만족스럽게 사용하는 사람이 기존의 ‘사용자'의 정의라면, 이제는 그보다 더 많은 역할을 세 가지 역할을 더 해야 한다고 강조합니다.

Nurturing : 양육하는 역할

Proctor : 감독하고 지도하는 역할

Collaborator : 같이 움직여주는 역할

사람이 Plus-User의 역할을 한 몇 가지 프로젝트를 발표하였습니다. 대표적으로 Home Social Companion-bot입니다. 2030대 1인 가구의 여성들의 행동 패턴을 분석한 데이터를 바탕으로 지인에게 연락을 유도하는 메시지를 보내, 여성의 무서움과 외로움을 달래줍니다. 이 로봇은 처음부터 사용자를 완벽하게 파악하지 못합니다. Plus-User의 역할을 하는 사용자는 질문에 지속해서 답변하고, 로봇은 이 과정에서 데이터를 쌓아 점점 성장하고 똑똑해집니다.


마치며

앞서 살펴본 예시처럼 음성인식 디바이스에 여러 번 말해도 단번에 알아듣지 못하는 현상은 여러분 모두 겪어본 경험일 것입니다. 인공지능 로봇이 완벽하지 않다는 것 또한 모두가 알고 있는 사실입니다. 본 강연에서 사람의 능동적인 개입이 로봇의 성장 수단이 된다는 Plus-User를 제안한 것은 아주 흥미로웠습니다. 인공지능의 한계를 극복하기 위해서 이제는 로봇 '스스로'가 아닌 인간과 로봇이 '함께' 발전함을 기대합니다.



제한된 상황 속에서 래피드하게 UX 디자인하기 - 위승용(pxd)

작성자: 김성경


들어가며

본 강연은 pxd의 위승용 책임 연구원이 제한된 상황에서 래피드하게 UX 디자인하는 방법을 소개하였습니다. 위승용 책임 연구원의 경우 1그룹(UI 선행 중심)에서 3그룹(UI+GUI 양산 중심)으로 조직을 옮겼는데, 3그룹은 특히 업무 수행에 시간적 제약이 많았습니다. (예를 들면 일주일 안에 대부분의 화면을 설계해야 하는 경우) 이때문에 빠른 시간 안에 업무를 효율적으로 진행하기 위한 고민이 필요했다고 합니다.


1. UX 방법론의 변화

불과 10년 전에는 퍼소나나 컨택스추얼 디자인 방법론을 잘 모르는 사람이 많았지만, 요즘에는 UX 전반적인 업계의 이해도가 높아졌습니다. 또한, 4차 산업 혁명이 화두가 되면서 UX 디자이너에게는 새로운 도전이 계속되고 있습니다. 앱의 업데이트 주기나 생존 주기도 점점 짧아지고 있으며 이러한 환경에 맞게 애자일, Lean UX를 도입하는 회사들도 점점 많아지고 있습니다. 이를테면 서비스를 먼저 출시하고 계속 개선해나가는 형태로 진행하는 것입니다. 또한, 앱 사용자들도 적극적으로 서비스에 대한 피드백을 주어 사용자의 요구 사항을 즉각적으로 수용하는 형태로 발전되고 있습니다.


2. 절차적 UX 프로세스

더블 다이아몬드 프로세스

pxd는 다년간 축적된 노하우를 통해 전체 프로세스가 구축되어 있고, 프로세스별로 어떤 방법론을 적용할지에 대해서도 이미 정리가 되어있습니다.


(1) Discover

Stakeholder interview를 통해 프로젝트 목표 확인

해당 도메인의 기본적인 리서치와 경쟁자 조사 수행

사용자 조사를 통한 문제점 발견


(2) Define

Discover 단계에서 발견된 문제점들로부터 핵심 문제를 정의

사용자 모델링, 워크 모델링, Journey map 등을 통하여 UX Design의 전략을 수립하는 단계


(3) Develop

다양한 Solution을 탐구하는 단계

Ideation, Co-Creation workshop 등을 통해 다양한 해법 도출

Key Screen sketch 협의, Key path scenario 도출


(4) Deliver

Key screen을 확정하여 산출물을 만들어내는 단계

UI Workflow, Motion graphic, UI/GUI Guidelines


더블 다이아몬드 프로세스의 발산과 수렴 과정


더블 다이아몬드의 마름모 형태는 발산과 수렴의 단계를 표시한 것입니다. 이렇듯 모든 프로세스는 발산과 수렴의 과정을 거치며 각 프로세스 내에서도 수많은 발산과 수렴 과정이 존재합니다. 프로세스를 진행하는데있어 중요한 것은 "왜 이런 프로세스로 해야 하나?", "목표로 이르는 최선의 방법인가?", "새로 추가하거나 더 빼는 방법은 없나?"라는 고민이 선행되고 끊임없이 연구해야 합니다.


3. 래피드 UX 적용

pxd 3그룹에서 제한된 상황에서 래피드 UX를 어떻게 적용했는지에 대해 소개했습니다. 각각의 프로세스별 래피드 방법론은 다음과 같습니다.


* 래피드하게 프로젝트를 하기 위한 TIP 3

덜어내기 : 불필요한 단계를 덜어내는 방식

압축하기 : 단계를 진행하기는 하지만 압축해서 빠르게 진행 가능

라이브러리 활용 : 프로젝트마다 쌓인 지식과 경험을 라이브러리로 구축하고 다음 프로젝트에서 활용


(1) 래피드 벤치마킹

압축하기와 라이브러리 활용 기법을 사용하여 시간을 단축합니다. 내용 수집 시 에버노트와 구글 포토 같은 툴을 활용할 수 있는데 이들은 문서 정리 형식에 얽매이지 않고도 내용을 수집할 수 있는 장점이 있습니다. 또한, 실시간 협업이 가능합니다. 단순히 이미지를 캡처하는 정도로도 벤치마킹이 얼마든지 가능합니다. 이때 중요한 것은 균형 잡힌 조사 대상 선정입니다. 좁은 시야를 가지고 프로젝트를 진행하는 것이 아니라 다양한 시각에서 진행할 수 있어야 합니다. 그리고 벤치마킹은 한 번 하고 끝날 게 아니라 프로젝트 진행 중에도 수시로 업데이트를 해야 합니다. pxd에서는 주로 벤치마킹을 프로젝트 앞단에서 진행하는데 사용자 조사에서 얻은 실사용자의 보이스를 중심으로 벤치마킹을 업데이트하는 방법도 있습니다.


(2) 래피드 사용자 조사

리크루팅 단계와 분석/퍼소나 제작 단계에서 덜어내기 방식을 활용하며 사용자 조사 단계에서는 압축하기 방식을 활용합니다. 사용자 조사에서 사용자를 리크루팅 하는 시간은 꽤 오래 걸리는데 회사 내부 인원이나 지인을 통해 섭외하면 리크루팅에 소요되는 시간을 꽤 많이 줄일 수 있습니다. 또한, 인터뷰의 관점을 수립했다면 관점에 맞는 사용자에게 궁금한 점들을 회사 내부 인원에게 즉석에서 물어볼 수도 있습니다. 한 번에 여러 명의 의견을 수집하는 경우 이메일로 몇 가지 궁금한 점을 질문하는 방법도 있습니다. 사용자 조사를 할 때 중요한 것은 조사의 ‘형식’이 아니라 실사용자의 ‘사용 맥락’을 확인하는 것입니다. ‘나는 이 사용자에게 무엇이 궁금한가?’ 와 같은 질문 하나만 머릿속에 가지고 있다면, 성공적인 인터뷰가 될 것입니다.


(3) 래피드 아이데이션

래피드 아이데이션 과정


아이데이션을 성공적으로 수행하기 위해서는 아이디어를 빨리 낼 수 있어야 합니다. 아이디어 형태의 수준을 어디까지 해야 하느냐에 대한 고민이 선행되어야 생략할 수 있는 수준이 정해질 수 있습니다. 예상되는 핵심 문제, 유저 세그먼트, 유저의 컨텍스트, 퍼소나 같은 것들이 있다면 아이디어를 내는 데 도움이 될 것입니다. 또한, 정사각형의 포스트잇을 활용해 아이디어를 낼 수 있는데 이는 아이디어 시트에 비해 좀 더 형식이 간략해져 짧은 시간에 더 많은 아이디어를 낼 수 있습니다. 또한, 아이디어를 선별하는 데 있어 speed rating 방법을 통해 양질의 아이디어를 필터링할 수 있습니다. 해당 단계에서는 일단 아이디어의 질을 깊이 생각하지 않는 것이 중요합니다. 빠르게 자주 실패할수록 더 나은 아이디어를 낼 수 있습니다.


(4) 래피드 프레임워크 스케치

포스트잇과 네임펜을 활용하여 스케치한 결과(좌), 스케치 한 것을 정제하여 문서화한 프레임워크(우)


스케치와 선별 단계에서 압축하기 방법을 활용했습니다. 포스트잇과 네임펜은 스케치를 빠르게 하는 데 있어서 강력한 툴입니다. 래피드 프레임워크 스케치를 할 때는 디바이스 모양의 직사각형 포스트잇을 활용합니다. 포스트잇은 공간이 제한적이라 중요한 내용 중심으로 스케치를 할 수 있고 자유롭게 이동할 수 있어 생각의 확장과 수렴에 용이합니다. 직사각형의 포스트잇은 세로로 했을 때 모바일 화면 사이즈와 유사한 크기로 모바일에서 보일 수 있는 화면을 바로 스케치할 수 있습니다. 네임펜의 경우 네임펜의 두께가 있어서 디테일한 묘사를 하기 어려운데 이는 핵심 정보 위주의 빠른 스케치를 하는 데 도움이 됩니다. 프레임워크 스케치를 잘 하기 위해서는 어느 정도의 학습이 필요합니다. 우선 디바이스의 입력 방식과 디자인 패턴, 컴포넌트를 이해하고 가이드라인을 공부해야 합니다. 이러한 학습이 선행되어야만 비로소 프레임워크 스케치를 잘 할 수 있습니다.


(5) 래피드 화면 설계

컴포넌트 스타일 정리의 경우 라이브러리를 활용하고, 발전시키기의 경우 압축하기 방법을 사용합니다. 컴포넌트 스타일 정리 단계에서 기존 프로젝트의 UI 패턴 라이브러리를 활용하면 좀 더 빠르게 화면 설계를 할 수 있습니다. 워크플로우 작성 시에도 불필요하거나 중복되는 화면을 최소화하고 Flowchart 형태로 작성합니다. 이렇게 문서를 작성하게 되면 불필요한 문서의 양을 많이 줄일 수 있습니다. 화면 설계에 있어서 중요하게 생각하는 포인트는 내가 책임질 수 있는 만큼의 문서를 설계하는 것입니다. 불필요한 화면, 내용은 과감히 생략해야 합니다. 또한, UI 문서에서 GUI 스타일을 어느 정도 고민하는 것은 좋지만, GUI 문서는 아니므로 스타일보다는 사용성에 좀 더 집중할 필요가 있습니다.


(6) 래피드 프로토타입

Low-fi 프로토타입(좌)과 High-fi 포로토타입(우)


프로토타이핑 만들기 단계에서 압축하기 방식을 적용합니다. 또는 상황에 따라 래피드 프로토타이핑 자체를 생략하기도 합니다. 프로토타이핑은 로우 피델리티와 하이 피델리티로 나눌 수 있습니다. 로우 피델리티의 대표 사례는 paper 프로토타이핑입니다. 이때 프레임워크 스케치 등을 재사용 할 수도 있습니다. 하이 피델리티의 대표 사례는 프로토타이핑 툴을 활용한 모션, 인터랙션 프로토타이핑입니다. 보통 래피드 프로토타이핑이라고 하면 종이로 하는 로우 피델리티만 생각하겠지만 손쉽게 제작할 수 있는 프로토타이핑을 통해 래피드하게 프로토타이핑을 할 수 있습니다. pxd 블로그에 프로토타이핑 툴에 대한 장/단점(http://story.pxd.co.kr/1069)이 잘 나와 있으니 참고하시기 바랍니다.


(7) 프로스펙티브와 레트로스펙티브

프로스펙티브와 레트로스펙티브 과정


프로젝트의 시작과 마감 시에 프로젝트에 대한 예측 및 회고를 진행하는 방법입니다. 프로스펙티브는 프로젝트 초반에 이뤄지며, 개인적인 성장, 팀의 목표를 점검하고, 프로젝트를 예측해보는 활동을 합니다. 레트로스펙티브는 프로젝트 마지막에 수행하며, 보통 프로젝트에 있었던 일을 타임라인으로 공유하고 개선점을 논의합니다. 팀원이 성장할 수 있도록 서로 칭찬하고 격려하며 훈훈한 분위기로 마무리 짓게되는데 이 두 개의 방법은 반드시 수행해야 하는 것은 아니지만 수행했을 때 좀 더 프로젝트에 몰입되고, 정리되는 장점이 있습니다. 

(참고:프로스펙티브: http://story.pxd.co.kr/1006 / 레트로스펙티브: http://story.pxd.co.kr/733)


마무리

짧은 시간 내에 좋은 UX를 만드는 일이란 결코 쉬운 일이 아닙니다. 이때 UX 디자이너는 효율적인 프로세스를 위해 끊임없이 고민할 것입니다. 이번 강연은 그 고민 해결의 지름길을 배울 수 있는 뜻깊은 시간이었습니다. 특히 모든 부분에 래피드 UX를 적용하지 않아도 필요에 따라 부분적으로 적용할 수 있다는 점이 매우 흥미로웠습니다. 또한 이번 강연에서는 이러한 과정을 진행하기에 앞서 해당 프로젝트의 목표를 계속 상기시키며 올바른 선택과 집중의 필요성에 대해 강조했습니다. 이 글을 읽고 프로젝트 목표에 맞추어 래피드 UX를 적용해보는 것은 어떨까요?


이상으로 HCI KOREA 2018 참관 후기 2편을 마칩니다. 이어서 3편에서도 2개의 세션을 소개해 드리겠습니다.



HCI학회 피엑스디 발표 이력
2007 : 모바일 인스턴트 메신저의 UI 연구 (이재용,한상택,강석무)
2008 : 혁신적인 UI를 위해 하지 말아야할 7가지 방법론 (이재용)
2009 : 혁신적인 UI를 위하여 하지 말아야할 7가지 원칙 (이재용)
2010 : 퍼소나, 최근 쟁점과 사례 (이재용)
2011 : Rapid User Research (전성진)
2012 :
2013 :
2014 :
2015 : 성공적인 스마트티비 표준 가이드라인 만들기 (김동후,정유리)
2017 :
  • 컨텍스트 시나리오 중심 프레임워크 디자인 워크숍 (김준, 진예송, 이가현, 이윤재)
  • 디자인 씽킹 툴킷을 활용한 실습 워크숍 (오진욱, 이주형, 김수향)
  • MMORPG 사용자 조사 사례에 기반한 게임 UX전략 제안 (이범진)
  • 공공디자인을 위한 User Research (진현정, 정다영)
2018 :
  • 시나리오 기반의 대화형 UX 기획 및 챗봇 제작 실습 (허조강, 우종희, 진현정, 이윤재)
  • Data Driven UX Design Process (전성진)
  • 제한된 상황 속에서 래피드하게 UX 디자인하기 (위승용)
  • 투명플렉시블 디스플레이를 활용한 UI 시나리오 개발 (문한별, 오진욱)



[참고##HCI학회##]



팀블로그 pxd Story 구독 방법  블로그 글은 각 개인의 생각이며 피엑스디와 다를 수 있습니다.


Trackback 0 Comment 0
Ad Test...
2018.02.15 07:50

HCI KOREA 2018 참관 후기 (1/3)

HCI Korea 2018 학술대회가 강원도 하이원 리조트에서 1월 31일부터 2월 2일까지 개최되었습니다. 올해는 “Trans-Humanity, 경계의 확장”이라는 주제로 진행되었으며, 국내외 학계와 업계 전문가들의 발표를 듣고 왔습니다. 저희가 직접 들은 세션 중 인상 깊은 몇 가지를 정리하여 총 3회에 걸쳐 공유하도록 하겠습니다.



Oz와 Amazon Skill을 이용한 인공지능 서비스 기획 - 이중식 외 3명 (서울대)

작성자: 김성경


들어가며

음성인식 서비스가 대두되고 있지만, 현재의 AI 기술은 범용 기계를 만드는 데 한계가 있어 보다 특정한 영역에 초점을 맞출 필요가 있습니다. 서울대 UX lab에서는 이를 위해 특정 영역에 특화된 니즈 발굴을 위한 두 가지 방법론을 소개했습니다.


1. 첫 번째 방법론 : WOZ로 VUI(Voice User Interface) 서비스 Use-case 발굴하기

오즈의 마법사


WOZ는 그 ‘오즈의 마법사’ 맞습니다. 참가자는 실제로 작동하는 시스템을 사용한다고 생각하지만 실제로는 연구자가 시스템 역할을 수행하는 조사 방법입니다. 해당 방법론의 핵심은 프로그래밍 없이 빠르고 유연하게 전반적인 니즈를 파악할 수 있다는 것입니다. 최근에 WOZ가 다시 주목을 받는 이유는 존재하지 않는 기술을 가지고, 미래의 상품 디자인을 하기 위해 효과적이고 높은 수준의 ML 프로토타이핑이 매우 어렵기 때문입니다. 전기밥솥에 VUI가 들어가는 것을 가정하고 WOZ 조사의 네 가지 단계를 소개했습니다.


(1) 상황 사진 제작 (사진 촬영 / 총 맥락 사진 선택 / 저니 맵에 따라 사진 배치)

사진은 1인칭 시선으로, 시간의 흐름이 드러나게, 주변 맥락이 나타나게 찍고 사람들이 열린 마음으로 자유롭게 말할 수 있도록 중간 맥락의 사진을 제공해야 합니다. 실제 밥을 짓는 상황에 익숙한 사람 3명을 대상으로 진행하며 최대한 촬영을 많이 하였더니 실제로 사람들은 ‘밥’만 짓지 않는다는 것을 발견할 수 있었습니다. (핸드폰으로 검색을 한다던가 주변을 정리한다던가) 이처럼 실제 사용에서 일어나는 시선에 이동에 근거하여 다양한 샛길 사진을 추가해야 합니다.


(2) 응답 제작 (전반적 니즈 수집 / 구체적인 응답 작성)

그렇다면 사람들은 어떤 응답이 필요할까요? 우선 사람들에게 사진을 보여주고, 어떤 말을 하는지 알아봅니다. 이때 Agent와 말하기 때문에 생기는 새로운 니즈의 파악이 중요합니다. 이렇게 새롭게 생기는 니즈에 집중하며 자유롭게 수집된 발화를 기반으로 니즈를 도출한 후 열심히 응답을 작성합니다. 응답 작성 시, 구체적으로 알려주는 것은 좋지만 정확할 필요는 없습니다. 지속적인 발화 수집을 위해 높은 기대 수준을 유지하는 것이 중요하고 답변하기 어려운 질문에는 에둘러 말하는 방식(“찾아서 스마트폰으로 보내드릴게요”)을 택합니다. 모두가 걱정하는 잡담 응대는 하지 않아도 됩니다. 실제 사용자들은 AI 전기밥솥에 잡담 응대에 대한 기대수준이 낮기 때문입니다.


(3) 응답 방식 정하기 (응답 녹음 / Flow chart)

생각보다 답변을 줄 수 있는 시간이 짧으므로 답변을 미리 만들어 녹음한 후 바로 제공합니다. 애매한 질문을 대비해 Flow chart를 만들어 누구라도 고민 없이 WOZ를 할 수 있게 제작합니다. 여기까지 했다면 어마무시한 데이터를 모을 수 있습니다.


(4) 조사 및 분석

데이터를 보게 되면 기존 인터페이스와 대비되는 VUI의 새로운 영역을 확인할 수 있습니다. 지능이 있는 대화 상대가 있다고 생각하기 때문에 새로운 기능에 대한 니즈가 나타나게 되며 VUI와의 대화는 문제 상황을 제시하는 방식이기 때문에 상황적 표현이 등장합니다. Agent와 대화하기 때문에 <Agent를 항상 함께 요리하는 대상으로 생각하며 질문 및 요구하는 것>과 <Agent를 지능이 있다고 생각하고, 사람에게 할 법한 방식으로 질문 및 요구>를 하는 새로운 니즈의 유형이 발견되었습니다.

VUI 표현과 기능 유형


이처럼 WOZ의 방법론은 특별한 개발 없이 사진을 이용하여 빠르고, 손쉽게 ML 기반 서비스의 전반적인 니즈를 파악할 수 있습니다.


* 잠깐! WOZ의 소소한 tip!

몰입도를 위한 커다란 스크린

대화는 3턴 이상을 넘기지 않아야 함

응답할 때 잠시 기다려달라는 말은 필수



2. 두 번째 방법론 : Amazon skill 제작을 통한 음성 인터랙션 Use-case 채굴-키친 어플라이언스를 중심으로

Alexa 서비스 플랫폼


현장에서 사람들이 기기와 voice interaction 하면서 나타나는 말을 모을 수 있도록 실제로 생활하는 환경과 기기 주변에 ML 기기를 침투시킵니다. 해당 방법론의 핵심은 Skill이 탑재된 디바이스와 사용자가 인터랙션을 하면서 니즈를 수집하고 구체화할 수 있다는 것입니다. 이번에는 에코닷 10개를 6일 동안 주방에 설치하여 실험했습니다. 이러한 상황이 만들어진 다음 해당 방법론을 사용할 4가지 마법의 레시피를 소개했습니다.


(1) 밥솥을 쓰며 나타나는 인탠트를 모으기 위한 ‘자동응답기’ 스킬 만들기

사람들의 요구 사항에 동일하게 응답하는 자동응답기 스킬을 만듭니다. 이 자동응답기는 밥솥 근처에서 사람들의 요구 사항을 모으는 역할을 합니다. 여기서 스킬을 만든다는 건 iPhone App을 위해 Xcode가 있듯이, skill 제작을 위한 ‘Alexa skills kit’이 있는데 이것을 이용하여 인탠트(intent)와 발화(utterance)를 넣는 것입니다. 인탠트, 발화도 없는 상황에서는 알렉사에 내장된 Unhandled 인탠트(모든 대화를 하나의 인탠트로 인식되게 만드는 것)를 사용합니다. 3일 동안 10명을 대상으로 대략 600개의 발화가 모였고 이것을 인탠트 중심으로 5~6가지로 분류를 했습니다.

#다다익선 #인텐트 중심 분류


(2) 스킬을 똑똑하게 만들기 위한 발화 수 늘리기

인탠트 당 10개 정도의 발화로는 의도를 이해할 만큼 충분히 스킬을 똑똑하게 만들 수 없습니다. 인탠트 당 최소 50~100개는 있어야 합니다. 이를 위해 사람들의 지성을 활용해야 합니다. 사람들에게 상황과 예시 문장을 주고 패러 프레이징을 요청합니다. 서울대 ux lab에서 선택한 크라우드 소싱 툴은 바로 Amazon mTurk이었습니다.

#1 인탠트 100발화 #’희소한 표현’ 덜어내기


(3) 대화를 이해할 수 있도록 ‘니즈 채집기’ 스킬 만들기

Alexa skills kit에 미리 정의한 인텐트와 수집한 발화를 추가합니다. 발화는 인탠트 별로 구분하여 Alexa skills kit에 추가한 후 스킬을 학습시킵니다. 해당 발화가 들어오면 인탠트를 구분하게 됩니다. 실제 서비스와 같은 응답을 주기 위해 DB 혹은 컨트롤러를 연동하거나 더미 응답을 만듭니다. 그렇다면 스킬이 완성됩니다.

#약간의 프로그래밍 능력 필요 #더미응답 : 못해도 할 수 있는 척


(4) 발화의 변화 양상을 보기 위한 ‘니즈 채집기’ 스킬 업그레이드

인탠트를 점점 더 잘 이해할 수 있도록 완성된 스킬을 주기적으로 업그레이드합니다. 사람들의 실제 생활 환경에 완성된 스킬을 투입합니다. 사람들과 인터랙션 하며 수집한 대화를 주기적으로 인탠트로 세분화하고 Alexa skills kit에 추가하며 업그레이드합니다.

#데이터로 끊임없이 학습 #분석의 관점은 인탠트의 변화


이를 통해 사람들의 니즈는 완성된 상태가 아니며 ML 디바이스와 실제로 인터랙션 하면서 구체화되기도 하는 것을 발견할 수 있었습니다.



스마트 시니어 세대의 문화향유를 위한 인지 맞춤형 UI/UX 기술 개발 - 2차연도 발표 - 전진영 외 2명 (이니션)

작성자: 박재현


둘째 날 오후에는 이니션의 전진영 님이 강연하였습니다. 발표 내용은 시니어를 위한 맞춤형 UI/UX 개발 프로젝트 소개입니다. 이 프로젝트는 고려 대학교 산학 협력단, UI/UX 전문 회사 이니션을 비롯한 5개 기관이 협력해 진행 중입니다.

발표 현장 사진


들어가며

2018년은 프로젝트가 3차 연도에 접어드는 해라고 합니다. 2차연도까지는, 시니어의 인지 능력을 분석하여 특성에 따라 구분하였습니다. 이를 반영한 UI/UX 가이드라인을 제시하였습니다. 3차 연도부터는 이를 적용한 데모 플랫폼을 디자인하는 것이 목표라 합니다.

스마트 시니어는 어떤 사람을 지칭할까요? 강연에 따르면, 전후 산업 발전을 경험한 1차 베이비붐 세대(1955-63년까지 출생자)와 2차 베이비붐 세대(1968-74년까지 출생자)입니다. 동시에 디지털 문화에 대한 수용도가 높은 사람입니다. 은퇴 후에도 활발한 소비와 여가 활동을 즐길 것으로 예상하는 계층입니다.

2017년, 한국에서 65세 이상 인구가 전체 인구에서 차지하는 비율이 14%를 넘었습니다. 통계청은 8년 뒤에는 이 비율이 20%가 될 것으로 예측합니다. 이에 대해, 고령 인구의 신체적, 인지적 특성을 고려한 맞춤형 UI/UX 기반을 제공하자는 것입니다.


가이드라인 내용

1. 인지 반응 측정 가이드라인

프로젝트의 첫 번째 단계는 시니어의 인지 반응을 분석하고, 사용자 유형을 추론하는 단계입니다. 우선 자료를 수집하고, 비슷한 집단을 묶어서 알고리즘 화합니다. 이를 맞춤형 콘텐츠 추천 시스템에 적용합니다. 고려대학교 심리학, 컴퓨터 공학, 의과 대학이 인지 반응 지표와 분석 기술을 개발하였다고 합니다.

모델링 데모


연구 방법은 주니어 10명, 스마트 시니어 50명의 감각, 운동, 인지 능력을 측정하여 데이터를 비교 분석합니다. 이 데이터를 바탕으로 Tap 과제로 손가락 운동 능력을 측정하는 기술, 뇌파 측정으로 언어중추를 판단하는 기술을 개발합니다. 다음으로 비슷한 집단을 묶어내는 스마트 시니어 모델링 기술을 개발하였습니다. 주의집중, 지각능력, 시각-운동 협응 능력, 단기기억 능력과 같은 데이터를 클러스터링 방법을 이용하여 비슷한 사용자 군끼리 모델링하는 방법입니다. 3,000 명 이상의 프로 파일 데이터를 확보하여 데이터 기반을 마련했다고 합니다.


2. 시니어 UI/UX 가이드라인

이니션에서는 시니어 맞춤형 UI/UX 가이드라인 개발을 맡았습니다. 가이드라인은 아래의 링크를 통해 보실 수 있습니다. 가이드라인 개발 과정에서 문헌 자료를 참고하였습니다. 주요 기업의 Accessibility 매뉴얼, 49개국의 표준 문헌을 참고하여 공통된 내용을 뽑아낸 것입니다. 중요한 원칙을 잡고, 거기에 따르는 대표 사례를 덧붙여 가이드라인을 개발하였습니다. 강의 때 소개해주셨던 내용 중 흥미롭게 들은 원칙 3가지만 소개해보도록 하겠습니다.


(1) 내비게이션

고령자는 일반 성인보다 운동 능력이 떨어지기 때문에 빠른 조작, 세밀한 조작이 어렵습니다. 많은 웹사이트에서 사용하는 움직이는 드롭-다운 메뉴는 고령자가 원하는 타깃에 정확하게 클릭하기 어렵게 만듭니다. 특히 클릭해야 하는 대상의 크기가 작을수록 오류가 많아집니다. 고령자를 대상으로 한 내비게이션 메뉴는 마우스의 정교한 움직임이 필요한 롤-오버 형식의 메뉴와 스크롤이 많은 페이지는 피하고 마우스 조작 없이 서브 페이지에서 세부 카테고리를 볼 수 있게 해야 합니다. 스마트폰과 같은 모바일 인터페이스에서는 탭이 가능한 모든 영역에 대해 쉬운 터치가 가능하도록 충분한 영역을 제공해야 합니다.

내비게이션의 잘못된 사례


(2) 스크롤

젊은 사용자는 스크롤을 하면서 동시에 읽는 경향이 있지만, 고령의 사용자는 화면을 스크롤 하지 않고 정지한 상태로 정보를 찾는 경향이 있습니다. 따라서, 한 화면을 간략하게 구성하여 페이지 방식을 사용하는 것이 좋고, 이전, 다음 페이지로 이동하는 아이콘을 일관성 있게 제공해주어야 합니다. 스크롤을 꼭 해야 하는 상황이라면 최상단으로 바로 이동하는 아이콘을 제공해 주어야 합니다.

페이지 방식을 이용한 뉴스 레이아웃


(3) 색상

조사 결과에 따르면, 스마트 시니어는 전통적 시니어보다 시각 기능의 저하가 미미하기 때문에 식별도 보다는 심미도 위주의 색상을 선택하는 경향을 보입니다. 시력이 저하하기 때문에 인지성 높은 색상을 선택하는 것을 추천하며 다음 표에 연구 결과에 따른 인지성 높은 색상이 정리되어 있습니다.

인지성 높은 색상 표


또한, 황록색과 적갈색의 식별 능력이 떨어지는 고령자가 33%, 황색과 청색의 식별 능력이 떨어지는 고령자가 59%로 나타났다고 합니다. 이를 고려하여 고령자를 위한 제품 및 서비스에서 두 가지 색을 동시에 사용하는 것을 지양해야 할 것입니다.


마치면서

1. 과도한 배려는 불편

주의해야 할 점은 고령 사용자는 과도한 배려를 오히려 불편하게 느낀다는 것입니다. 예를 들어 폰트의 크기를 필요 이상으로 키우거나, 모바일 홈의 앱 아이콘을 3 x 3으로 키우는 것을 세련되지 않다고 느낍니다.

3 x 4 방식과 4 x 5 방식의 홈 아이콘 레이아웃


현재 사용되고 있는 '시니어 모드', '이지모드'라는 단어 역시, 노인용이라는 인식 때문에 부정적으로 받아들여진다고 합니다. 젊은 층이나 노인층을 구분하는 것이 아니라 취향에 따라 선택하는 느낌을 주는 방식을 선호한다고 합니다.

알바천국의 중장년 알바


2. 프로젝트 의의, 그리고 앞으로의 방향

해외에서도 고령자를 위한 UX 가이드라인은 개발되었지만, 인지 능력 지표를 바탕으로 각 프로 파일에 맞는 맞춤형 경험을 제공하는 프로젝트는 기존에 없었다고 합니다. 전진영 님은 가이드라인이 국내 주요 기업들과 공공기업들에서 고령자를 위한 제품 및 서비스 설계에 활발하게 사용하기를 바란다고 하였습니다. 다음 목표로 가이드라인 자체의 유용성을 검증하여 맞춤형 플랫폼을 개발하는 3차 연도까지 진행할 계획이라 합니다.


[참고 자료]

(1) 임희석 (2016), 『스마트 시니어세대의 문화향유를 위한 인지반응 맞춤형 UI/UX 기술 개발』, 고려대학교
(2) 류동석, 전진영, 이명열 외 (2017),『콘텐츠 서비스 시니어 모드 UI/UX 가이드라인』, 이니션



이상으로 HCI KOREA 2018 참관 후기 1편을 마칩니다. 이어서 2편에서도 2개의 세션을 소개해 드리겠습니다.



HCI학회 피엑스디 발표 이력
2007 : 모바일 인스턴트 메신저의 UI 연구 (이재용,한상택,강석무)
2008 : 혁신적인 UI를 위해 하지 말아야할 7가지 방법론 (이재용)
2009 : 혁신적인 UI를 위하여 하지 말아야할 7가지 원칙 (이재용)
2010 : 퍼소나, 최근 쟁점과 사례 (이재용)
2011 : Rapid User Research (전성진)
2012 :
2013 :
2014 :
2015 : 성공적인 스마트티비 표준 가이드라인 만들기 (김동후,정유리)
2017 :
  • 컨텍스트 시나리오 중심 프레임워크 디자인 워크숍 (김준, 진예송, 이가현, 이윤재)
  • 디자인 씽킹 툴킷을 활용한 실습 워크숍 (오진욱, 이주형, 김수향)
  • MMORPG 사용자 조사 사례에 기반한 게임 UX전략 제안 (이범진)
  • 공공디자인을 위한 User Research (진현정, 정다영)
2018 :
  • 시나리오 기반의 대화형 UX 기획 및 챗봇 제작 실습 (허조강, 우종희, 진현정, 이윤재)
  • Data Driven UX Design Process (전성진)
  • 제한된 상황 속에서 래피드하게 UX 디자인하기 (위승용)
  • 투명플렉시블 디스플레이를 활용한 UI 시나리오 개발 (문한별, 오진욱)



[참고##HCI학회##]



팀블로그 pxd Story 구독 방법  블로그 글은 각 개인의 생각이며 피엑스디와 다를 수 있습니다.


Trackback 0 Comment 0
Ad Test...
2018.01.29 07:50

2018 HCI학회 피엑스디 세션 소개

HCI Korea 2018 학회가 강원도 하이원 리조트에서 1월 31일부터 2월 2일까지 개최됩니다. 올해 주제는 “Trans-Humanity, 경계의 확장”입니다. 인공지능과 생명과학이 발달하면서 인간의 인지적, 신체적 기능이 확장되고 있습니다. 올해에도 HCI/UX/UI/SD 분야를 주도하는 국내외 학계와 업계 전문가들이 발표할 예정입니다.

피엑스디에서는 총 4팀이 발표를 준비하고 있고 내용을 미리 간략하게 소개하고자 합니다.


1. 워크숍 - 시나리오 기반의 대화형 UX 기획 및 챗봇 제작 실습
발표 : 허조강, 우종희, 진현정, 이윤재
시간 : 1월 31일(수) 오후 12시 - 2시 50분
장소 : 6층, 10청옥

AI 기술 발전과 함께 대화형 사용자 인터페이스도 함께 주목받고 있습니다. 대화형 UI 기반의 서비스는 아직 자연어 생성 기술(Natural Language Generation)보다 주로 자연어 처리 기술(Natural Language Process)을 활용하여 제작됩니다. 자연어 처리 기술이 적용된 대화형 서비스는 대화 시나리오 기반으로 설계가 되며, 사용자의 사용 맥락을 잘 반영하여 시나리오를 기획하는 것이 서비스의 품질에 큰 영향을 미치게 됩니다.

본 워크숍에서는 시나리오 기반의 대화형 서비스 UX 기획 및 제작 과정을 공유하고, 챗봇 빌더를 활용하여 대화형 서비스를 제작하는 실습을 진행하고자 합니다. 이를 통해 대화형 서비스의 UX 설계 및 제작 과정을 경험할 수 있습니다.

워크숍 구성

  • 시나리오 기반 대화형 UX란
  • 대화형 서비스제작 경험 공유
  • 챗봇 빌더를 이용한 챗봇 제작하기


2. 사례발표 - Data Driven UX Design Process
발표 : 전성진
시간 : 2월 1일(목) 오후 1시 40분 - 3시
장소 : 6층, 06육백A

최근의 기술 및 비즈니스 환경의 변화에 따라 새롭게 시도되고 있는 pxd의 UX 디자인 접근 방법에 관한 경험을 나누고자 합니다. 본 발표에서는 사용자 및 사용맥락을 이해하기 위한 방법으로서 데이터를 활용하여 모델링을 진행하는 과정에 대하여 소개하고자 합니다.


3. 사례발표 - 제한된 상황 속에서 래피드하게 UX 디자인하기
발표 : 위승용
시간 : 2월 1일(목) 오후 2시 50분 - 3시 50분
장소 : 5층, 04백운A

에이전시 환경에서 일하다 보면 제한된 상황 속에서 기획 및 디자인을 해야 하는 경우가 빈번합니다. 이에 pxd에서는 보통은 UX 프로세스에 맞게 정석적으로 프로젝트를 진행하지만, 그렇지 못한 상황에서는 약식으로 기획 및 디자인을 하는 경우도 있습니다. 해당 발표에서는 정석적인 UX 프로세스를 거치기 어려운 상황 속에서, 래피드하게 UX 디자인을 잘 해낼 수 있는 몇 가지 소소한 팁을 소개합니다.

이 외에도 pxd에서는 구성원 개개인이 전문가로서의 역량을 다하고 있습니다. 또한, 직원의 성장을 위해서 그리고 업무의 효율화를 위해서 다양한 시도를 하고 있습니다. 해당 팁이 주어진 업무를 성공적으로 수행하는 데 조금이나마 도움이 되길 바랍니다.


4. 사례발표 - 투명플렉시블 디스플레이를 활용한 UI 시나리오 개발
발표 : 문한별, 오진욱
시간 : 2월 1일(목) 오후 4시 - 5시
장소 : 4층, 03포레스트

투명하고 유연한 디스플레이로 무엇을 할 수 있을까요? 전례 없는 새로운 디스플레이를 개발할 때 UX 디자이너는 어떤 역할을 할 수 있을까요? 현실과 혁신의 경계에서 가장 중요한 것은 기존의 문제와 욕망을 바라보는 시각입니다.

본 발표에서는 정부와 민간이 컨소시엄을 이뤄 59개월 동안 진행한 투명플렉시블 디스플레이 국책사업과 이를 활용한 UI, 시나리오 개발 사례를 소개합니다. 과제에서 실제로 제작한 콘셉트와 워킹 프로토타입 및 개발 방법론을 통해 새로운 영감을 얻어 가시길 바랍니다.

워크숍 구성

  • 기존의 UX 컨설팅 프로젝트와 다른 점
  • 투명플렉시블 디스플레이는 무엇인가?
  • 시나리오 개발과 워킹 프로토타입
  • 제품 개발과 UX 디자이너의 역할


이상 피엑스디의 세션 소개였습니다. HCI학회에서 뵙겠습니다.



HCI학회 피엑스디 발표 이력

2007 : 모바일 인스턴트 메신저의 UI 연구 (이재용,한상택,강석무)

2008 : 혁신적인 UI를 위해 하지 말아야할 7가지 방법론 (이재용)

2009 : 혁신적인 UI를 위하여 하지 말아야할 7가지 원칙 (이재용)

2010 : 퍼소나, 최근 쟁점과 사례 (이재용)

2011 : Rapid User Research (전성진)

2012 :

2013 :

2014 :

2015 : 성공적인 스마트티비 표준 가이드라인 만들기 (김동후,정유리)

2017 : 2017 HCI학회의 피엑스디 세션 소개

  • 컨텍스트 시나리오 중심 프레임워크 디자인 워크숍 (김준, 진예송, 이가현, 이윤재)
  • 디자인 씽킹 툴킷을 활용한 실습 워크숍 (오진욱, 이주형, 김수향)
  • MMORPG 사용자 조사 사례에 기반한 게임 UX전략 제안 (이범진)
  • 공공디자인을 위한 User Research (진현정, 정다영)


[참고##HCI학회##]

팀블로그 pxd Story 구독 방법  블로그 글은 각 개인의 생각이며 피엑스디와 다를 수 있습니다.


Trackback 0 Comment 0
Ad Test...
2018.01.02 07:50

2018년, 새해 복 많이 받으세요 :)

pxd에서 바라본 서울의 풍경을 담았습니다.
2018년에도 새해 복 많이 받으세요 :)

- pxd 임직원 일동 -



디자인: 임호 수석연구원, 안진언 주임연구원


[참고##새해인사##]

팀블로그 pxd Story 구독 방법  블로그 글은 각 개인의 생각이며 피엑스디와 다를 수 있습니다.


Trackback 0 Comment 0
Ad Test...
2017.12.26 07:50

2017 pxd story 인기글 모음


2017년 IT 기술의 발전은 또 한 번 우리 삶에 깊은 영향을 주었습니다. 애플의 음성 비서 시리와 이세돌과 대국을 겨루었던 알파고 정도로만 여겼던 인공지능 기술. 어느덧 AI는 자동차, 스피커, 청소기 등등 다양한 디바이스에 탑재되었고, 이미지 인식과 같은 향상된 기술은 앱과 서비스에 결합 되면서 새로운 즐거움을 주고 있습니다. (IBM의 왓슨을 이용하여 만든 빼빼로도 출시 되었죠. 근데 이거 맛있나요?) 올 한해를 뜨겁게 달군 키워드는 AI뿐만이 아닙니다. 가상현실(VR)과 증강현실(AR), 데이터 분석, 딥러닝, 플렉시블 디스플레이, 블록체인, 챗봇, M자 탈모 등등이 우리 생활 깊숙이 영향을 미치며 다가오는 2018년 IT 트렌드를 기대하게 만들고 있습니다. 또한, 금융권에서도 흥미로운 소식들이 많았습니다. 인터넷전문은행인 케이뱅크와 카카오뱅크가 출범하였고, 비대면 서비스의 약진, 비트코인과 같은 암호화폐 시장의 광풍이 있었습니다.

피엑스디 블로그도 올 한해 이러한 트렌드를 최대한 반영하여 독자 여러분께 재미와 유익함을 전달하고 싶었습니다. 그러면서도 저희 블로그 운영의 신조인 "회사 홍보보다는 지식 공유를, 빨리 퍼 나르기 보다는 스스로 생각해낸 것"에 집중함과 동시에 인턴뱁새 님의 pxd 웹툰과 같은 새로운 콘텐츠를 선보이기도 하였습니다. 2017년을 마무리하면서, 올해의 글 베스트 10을 추려보았습니다. 글의 가치에 순서를 매길 수는 없겠지만, 티스토리 통계와 페이스북을 통해 많은 분이 호응해 주신 글을 소개해 드리니 아직 읽지 않은 글이 있다면 꼭 확인해 보시길 바랍니다.


Top 10 stories of 2017

1. 뛰어난 UX 디자이너가 되는 6가지 방법-1만 시간의 재발견 - 이 재용

이재용 대표가 생각하는 '디자이너가 전문성을 키울 수 있는 방법'을 잠시 살펴볼까요. 그런데 꼭 디자이너에게만 해당되는 내용은 아닌 것 같습니다.



2. UX 포트폴리오, 이력서, 자기소개서를 준비하기 전 알아야 할 관련 링크 모음 - 위승용 (uxdragon)

입사, 이직을 생각중이신가요? 이것만 딱 기억하세요.



3. pxd, iF 디자인 어워드 2017 수상 - 문한별

pxd가 UX 디자인을 한 ‘미래에셋 대우의 Smart Neo’를 iF 디자인 어워드 2017에 출품하여 수상하였습니다.



4. 마법의 디자인 - 이 재용

디자인 의도가 잘 전달되는 규칙은 무엇일까요? 디자인 비전공자가 UX 디자인을 할 때 꼭 필요한 능력과 학습법을 소개합니다.



5. [도서] UX / UI 신간 소식 (2016~2017) - 위승용 (uxdragon)

올해 몇 권의 책과 함께하셨나요? 2016년 이후 출간된 UX / UI / 비즈니스 분야 추천 도서를 소개합니다. 아직 늦지 않았어요. 놓쳤거나 관심 있는 책이 있는지 확인해보세요.



6. 버스 정류장 도착 정보 안내판의 번호 정렬 규칙 - 無異

안내판을 보면서도 내가 탈 버스의 번호를 놓친 적 있으신가요? 버스 정보 안내 단말기(BIT)에서 내가 탈 버스의 번호는 도대체 언제, 어디서 나오는 걸까요?



7. 카카오 뱅크는 사용자의 마음을 어떻게 사로 잡았을까? - KAHYUN.

시중 은행 앱과 카카오 뱅크의 사용 경험 비교를 통해 UX 관점에서 카카오 뱅크가 어떻게 잘 풀어냈는지 이야기해보려 합니다.



8. [pxd talks 72] 중국 IT의 현재 : 디자이너 시선으로 보는 알리바바와 텐센트 - fragancia

텐센트 UX 디자이너 이현주 님으로부터 중국 IT 기업의 문화와 디자인 트렌드, '중국적 혁신'에 대해 들어보았습니다.



9. AI 스피커의 VUX 설계 시 고려할 것들 - joeeeee

누구, 웨이브, 기가지니, 에코, 구글 홈 등등 국내외 AI 스피커 시장이 점점 커지고 있습니다. 사람들이 AI 스피커로 얻는 가치는 무엇일까요? 그리고 기획자들은 VUX를 설계할 때 무엇을 고려해야 하는지 정리해 보았습니다.



10. UI 디자이너의 위기지학, Design Hacking을 통해 코딩 배우기 - 無異

실력을 키우려면 노력이 필요합니다. UI 디자이너의 의도적 수련 방법으로, 따라하면서 배우는 Design Hacking을 제안합니다.



[참고##인기글##]



팀블로그 pxd Story 구독 방법  블로그 글은 각 개인의 생각이며 피엑스디와 다를 수 있습니다.


Trackback 0 Comment 2
Ad Test...
2017.11.13 07:50

나, 디자이너, pxd와 커피

나와 커피

아침의 시작, 출근을 하면서 커피 한 잔을 테이크아웃하고 하루 일과를 시작한다. 나에게 있어서 커피는 빠져서는 안 될 일상과도 같은 셈이다. 문득 그런 생각이 들었다. '그렇다면 나는 커피를 언제부터 마시기 시작했을까?'

나는 미대를 나와서 그런지 몰라도 대학교를 다닐 때에 유독 밤늦게까지 작업이 많았다. 그때마다 커피를 습관처럼 마셨던 것 같다. 그 당시에는 좋은 커피가 무엇인지 알지도 못했다. 대학교를 졸업하고 대학원에서 커피를 좋아하는 선배를 알게 되었다. 그 선배를 통해 산지별 원두를 볶고, 갈아서 마실 수 있다는 사실을 알게 되었다. 그리고 에스프레소의 맛도 처음 접하게 되었다.

대학원을 졸업하고 커피 업계에 종사하는 친구와 왕래가 있었다. 그 친구를 통해 핸드드립 추출법이라던지 좋은 커피의 기준에 대해서 이야기해볼 수 있었다. 또한 커피 관련된 장비 같은 것들을 추천받을 수 있었다. 그 당시 핸드드립 장비들을 구입하기 시작했고, 커피를 핸드드립으로 내려먹으면서 커피에 대한 관심이 커지기 시작했다.

이후 지인으로부터 커피숍 추천을 받거나, 직접 인터넷에서 검색해서 나오는 커피 잘하는 집을 찾아다니기 시작했다. 그중 나에게 영감을 준 가게는 종로에 있는 '커피친구'이다. 그곳은 매장 크기가 크지 않고 잘 알려지지 않은 곳이다. 또한 핸드드립 커피를 나이가 지긋한 할아버지께서 직접 내려주신다. 사람이 그렇게 많지 않아서 조용하고, 무엇보다 커피 맛이 훌륭하기 때문에 요즘에도 종종 들린다.


디자이너와 커피

사실 디자이너와 커피는 꽤나 연관성이 많다. 한 예로 커피숍은 생산성과도 연관이 있다. 커피숍에서 일하면 그곳에서의 일정 생활 소음 때문에 생산성이 높아진다는 연구 결과도 존재한다. 이런 점을 이용해 녹음된 커피숍의 소음을 들려주는 서비스도 있다. 커피숍에서 느낄 수 있는 적당한 소음, 커피의 향, 시각적인 자극들이 더해져 생각을 확장하는데 도움이 되는 경우도 있다. 또한 IT업계 디자이너들은 보통 야근이 많고, 집중해서 일을 해야 하는 편이다. 이에 단기간 집중력을 도울 수 있는 커피를 자주 마시게 된다.

상황이 이렇다 보니 디자인 에이전시에서 커피숍을 함께 운영하는 경우도 있다. 코발트 디자인에서 운영하는 '카페 코발트'(신사동 가로수길) 나 더블닷이 운영하는 '모노크롬'(부천)이 그 사례이다. pxd도 회사의 이사를 앞두고 한창 1층에 커피숍이 있는 모습을 상상했었던 적이 있다. 그만큼 디자이너와 커피는 떼려야 뗄 수 없는 관계이다. 또한 디자인 업계에 종사하다가 일을 그만두고 이후 커피숍을 직접 차리는 경우도 꽤 있는 것 같다. 물론 퇴사자들을 대상으로 수요 조사를 한 것은 아니지만 '개발자가 일을 그만두고 치킨집을 차렸다'는 이야기만큼이나 주변에서 왕왕 들을 수 있는 이야기라고 생각한다.

이미지출처 : 카페코발트, 모노크롬 카페


pxd와 커피

pxd에서도 이와 유사한 커피 문화가 있고, 회사의 지원 및 구성원들의 관심이 더해져 특유의 문화를 형성하고 있다. 회사에는 네스프레소 커피 머신이 있다. 사실 입사 초기에도 네스프레소 캡슐 커피가 있었다. 캡슐 커피의 제일 편한 점은 간편하고 빠르게 일정 수준 이상의 커피를 마실 수 있다는 점이다. 캡슐 커피 가격이 원래 1000원 정도 하는데 직원은 500원을 내면 커피를 이용할 수 있다. 회사, 직원이 가격을 반반 부담하는 것이다. 모은 금액은 해외 아동을 돕는 후원금으로 쓰인다.

이 외에도 핸드드립 장비를 이용해 커피를 마시기도 한다 핸드드립은 처음에 집에서 사용하던 핸드드립 장비를 회사에 가져다가 사용한 것이 그 시작이 되었다. 처음에는 회사에서 핸드드립을 하는 모습이 회사 사람들이 보기엔 다소 낯설었던 것 같다. 그 이후 시간이 지나고 자연스럽게 회사 사람들도 핸드드립 방식에 익숙해졌다. 이때 많은 구성원들의 수요가 있는 만큼 회사에 건의하여 핸드드립 장비, 필터, 원두 구매를 시작하게 되었다. 현재 pxd에서는 점심시간 이후 누가 먼저랄 것도 없이 핸드드립을 하는 모습을 발견할 수 있다.

pxd에서는 pxd talks와 같은 교육을 정기적으로 진행하는데, 한 번은 '응답하라 my coffee'라는 주제로 커피 관련 교육을 진행한 적이 있다. 박솔탐이나 선생님을 초청하여 커피와 관련된 기본적인 지식과 커피의 향을 테이스팅 해 볼 수 있는 커핑 교육을 받았다.


마무리하며

인터넷을 하다 보면 커피와 관련된 많은 긍정적인 이야기와 부정적인 이야기들을 접할 수 있다. 커피를 마시다 보면 좋은 점도 분명 있지만 과하게 섭취할 경우 생기는 문제들도 있다. 이에 너무 과하지 않은 선에서 커피를 마시면 더 좋을 것 같다. 또한 단순히 습관적으로 커피를 마시는 것이 아니라 다양한 맛을 느끼면서 커피를 마신다면, 그리고 내가 어떤 맛을 좋아하는지 탐험해본다면 좀 더 커피 생활이 즐거울 것 같다. 아무쪼록 즐겁게 커피를 마셨으면 좋겠다.


부록 | 가로수길의 추천할만한 커피숍 목록

pxd는 신사동 가로수길에 위치해있다. 가로수길에는 다양한 커피숍이 있는데 그중에서도 추천할만한 커피숍을 추려보았다. 커피숍을 선택하는 데 있어 위치, 가격, 커피의 맛, 분위기 등 다양한 기준이 있을 수 있다. 여기 기술한 커피숍들은 해당 기준에서 일정 이상 검증된 장소임을 밝힌다. 물론 여기 말고도 괜찮은 커피숍들이 꽤 있으니 여기 적혀있지 않더라도 새롭게 발견하는 재미를 느꼈으면 좋겠다. 또한 '스타벅스' 같은 대기업에서 운영하는 프랜차이즈 커피숍은 제외하였다.

1. 커피 휘엘 : 자뎅이 운영하는 커피숍이다. 직접 로스팅도 한다. 원두 판매함. 드립커피, 오레오 프라푸치노가 맛있다.

2. 오버 더 카운터 : pxd 근처에 있다는 이점이 있다. 매장 분위기가 좋다.

3. 레이브릭스 : 커피 맛이 괜찮아서 그런진 몰라도 pxd 사람들을 종종 볼 수 있다. 매장은 캐주얼한 분위기이다. 사람이 항상 많아 다소 소음이 있다.

4. 마일스톤 커피 : 수제 티라미스가 일품이다. 커피 맛은 전반적으로 괜찮다.

5. 겟썸커피 : 체인점이다. 스콘이 맛있기로 유명하다. 라떼 메뉴가 전반적으로 괜찮다. 많이 알려진 탓인지 언제나 사람이 많다.

6. 스티머스 커피 : 가로수길에 1호점, 2호점이 있으며 두 매장의 분위기가 매우 다르다. 드립커피, 크림라떼가 일품이다. 원두 판매함.

7. 도산대로 1길 12 : 매장 크기는 작지만 저렴한 가격에 꽤나 구수한 커피를 마실 수 있다. 일찍 문을 닫으니 영업시간 확인 필수이다. (현재 영업 종료했습니다. 2018~)

8. 식물학 : 식물, 자연을 테마로 한 커피숍이다. 일정 수준 이상의 커피를 맛볼 수 있다.

9. 이코복스 커피 : 매장이 가로수길 말고도 여러 군데가 있다. 가로수길에 하나, 압구정역 근처에 하나 있으며, 이 외에도 이태원/코엑스에도 매장이 있다. 꽤 맛있는 아메리카노를 먹을 수 있다. 원두 판매함.

10. 커피 아르코 : 아인슈패너(비엔나커피), 오렌지라떼가 추천 메뉴이다. 매장 분위기가 좋다.

11. 인디펜던트 커피 : 드립커피를 추천한다.



팀블로그 pxd Story 구독 방법  블로그 글은 각 개인의 생각이며 피엑스디와 다를 수 있습니다.


Trackback 0 Comment 0
Ad Test...
2017.10.30 07:50

의료분야 서비스디자인을 위한 디자인씽킹 워크숍: 2번째

pxd는 지난 9월 6일 성남시의료원 구성원을 대상으로 의료분야 서비스디자인을 위한 디자인씽킹/아이데이션 워크숍을 진행했습니다.


본 워크숍은 2018년에 개원하는 성남시의료원 공공의료서비스디자인 연구 프로젝트의 일환으로, 본 프로젝트는 한국디자인진흥원이 추진, pxd가 서비스디자인 부문을 담당하여 진행하고 있습니다.

성남시의료원의 공식 블로그 http://blog.naver.com/seongnam-mc
성남시의료원 소개 보도자료 http://www.docdocdoc.co.kr/news/articleView.html?idxno=202051


이번에 두 번째로 진행한 워크숍에서는 공공의료에서 보다 나은 환자 경험을 위한 아이디어를 발산/수렴하는 자리를 가졌습니다. 지난 워크숍의 목표가 의료원의 디자인씽킹 마인드 장착이었다면, 이제는 의료분야에서 환자, 더 나아가서 시민을 위한, 시민과 함께하는 의료 서비스를 만들기 위한 아이데이션을 목표로 하였습니다.


워크숍에 앞서…

프로젝트에서는 지난 2개월간 의료 서비스를 접하는 환자, 보호자, 의료진 및 관련 기관의 직원들을 만나보고 사용자들이 의료 서비스를 이용하면서 느꼈던 불편함, 요구 사항 등을 알아보았습니다. 이를 분석하는 과정에서 흥미로운 점은 환자가 불편을 느끼는 지점을 의료진도 똑같이 불편하다고 느낀 점이었는데요, 예를 들면 이렇습니다.

환자_ 수술을 하고 퇴원을 할 때 환자 교육을 받긴 받는데, 제 일상생활에 대입해 보려면 잘 안되는 경우가 많아요.

의료진_ 환자 교육도 해 주고, 퇴원 시 알려주는 정보가 정말 많은데도 환자들은 자꾸 병동으로 전화해서 다시 물어보는데 이해가 안가네요.

환자와 의료진의 의견이 서로 상충하는 여러 지점의 예


의사도 불편하고 환자도 불편한 지점, 이 부분을 발견했는데 개선하지 않을 이유가 없겠죠.

저희는 이렇게 환자와 의료진의 의견이 서로 상충하는 부분에 집중하기로 했습니다. 의료 서비스를 경험하는 환자의 여정을 두고 위와 같은 문제가 집중적으로 드러나는 부분에 대한 아이디어를 성남시의료원 임직원과 함께 생각해 보기로 했습니다.

본 워크숍은 아이데이션 - 시나리오 플래닝 과정으로 구성되었는데, 각 과정을 좀 더 자세히 공유하도록 하겠습니다.


#1 아이데이션 세션

혁신적인 아이디어는 사용자, 특히 환자의 경험을 공감하고 이해하는 것에서 출발합니다. 워크숍 참가자들이 사용자의 입장에서 아이디어를 도출하게 하기 위해

  • 사용자가 문제를 느끼는 상황을 제공하고
  • 그 안에서 페인 포인트를 파악하게 하고,
  • 개선된 아이디어를 생각해 보는 시간을 가졌습니다.


사용자의 경험을 생각해 보는 것에 익숙하지 않은 참가자들을 위해 4컷 만화를 사용하여 알기 쉽게 시나리오를 제작했습니다. 예를 들면,

호스피스 병동의 환자와 가족은 어떤 느낌일까?


아이디어에 대하여 열띤 토론을 진행 중인 참가자들


참가자들은 이 스토리를 통해 등장인물이 느낄법한 문제점을 떠올려보고 아이디어를 제시합니다.


#2 시나리오 플래닝

많은 아이디어가 나왔습니다. 반짝이고 새로운 아이디어입니다. 그런데, 그 아이디어를 사용자들은 어떻게 생각할까? 그 지점을 예상해 보아야 합니다. 또, 이 아이디어를 실행하기 위해서 얼마나 많은 사람이 참여해야 하는지도 생각해 보아야 합니다. 이런 고민을 시나리오 플래닝 과정에서 진행했습니다.

참가자들은 이전 세션에서 도출한 아이디어를, 환자가 직접 사용한다고 가정을 하고 시나리오를 그려보며 생각했던 아이디어가 환자에게 어떤 느낌일지를 떠올려 보았습니다. 사용 시나리오를 통해 간접적인 환자공감을 함으로써, 본래의 아이디어를 수정하거나 더 발전시켜 나갈 수 있었습니다.

참가자가 직접 그려보는 사용 시나리오


최종적으로는 시나리오에서 사용자가 가장 만족스러워할 지점을 프로토타이핑했습니다. 블록이나 색지 등을 활용하여 입체적으로 아이디어를 발전시켜 나가 보았는데요, 머릿속의 아이디어를 글로, 그림으로, 실제 환경을 조성해 보며 구체화시키다 보면 훨씬 손에 잡히는 그림을 그려볼 수 있습니다.

블록으로 표현한 서비스 시나리오


마무리하며…

이번 워크숍의 목표는 참가자들이 실제 사용자의 문제를 파악하고, 아이디어를 내는 과정을 거쳐, 이 아이디어가 실제로 적용되었을 때 얼마나 유용할 것인가까지 파악하는 과정을 체험하는 것입니다. 이러한 과정을 통해 참가자들의 실제 업무에 환자 중심의 디자인씽킹을 접목시켜 본다면 아주 성공적인 마무리가 되겠지요.

처음 워크숍을 시작할 때, 참가자들 모습이 생각납니다. 종이에 선 긋기도 어색하고 힘들어 걱정스러운 모습을 보여주셨었는데요, 불과 몇 분이 지난 후에는 엄청난 에너지로 선으로, 색으로, 종이로, 블록으로 아이디어를 표출해 내는데 주저하지 않는 모습에 인상 깊었습니다.

적극적인 참여와 뜨거운 열정으로 임해 주신 참가자 여러분들께 감사드립니다.



* 워크숍 진행은 pxd의 이승윤, 박지원, 홍성진 님이 수고해 주었으며, 도움을 주신 성남시의료원과 한국디자인진흥원 관계자분들께 감사드립니다.


[참고##의료 서비스 디자인##]


[참고##레고##]

팀블로그 pxd Story 구독 방법  블로그 글은 각 개인의 생각이며 피엑스디와 다를 수 있습니다.


Trackback 0 Comment 0
Ad Test...
2017.10.25 01:00

[채용] pxd 2017년 GUI 디자이너 채용 안내


pxd에서 GUI 디자이너를 모집합니다.

* 채용 및 pxd에 궁금해하실만한 내용을 사내 직원의 인터뷰를 통해 정리했으니 참고해주세요.


모집분야

GUI 디자이너 : 신입 / 경력 3~5년차

주요업무

다양한 영역의 GUI Design
Research & Analysis / Concept & Prototyping / Design Guidelines

지원기간

10월 24일(화) ~ 11월 12일(일) 자정까지

이런 분들이면 더욱 좋아요

- 독창적인 아이디어를 감각적으로 시각화하는 분
- 디자인에 대한 크리틱을 즐기고 적극적으로 의견을 나눌 수 있는 분
- 새로운 것을 학습하고 공유하는데 거리낌이 없는 분
- 스스로의 역할을 잘 찾고 기획자, 개발자와 원활하게 협업하는 분
- Sketch, ProtoPie, Proto.io 등 그래픽 및 프로토타이핑 툴 활용 가능하신 분

서류 지원 방법

- 이력서, 자기소개서 (첨부된 양식에 맞게 작성)
- 포트폴리오 (가장 자신 있는 프로젝트를 우선적으로 구성, 기여도와 작업 내용 서술)
- 보내실 곳 : (이메일 접수만 가능)
* 이력서, 자기소개서 및 포트폴리오는 반드시 pdf로 변환하여 보내주세요.
* URL 형식의 포트폴리오를 제출하시고자 한다면 pdf에 해당 URL 주소와 함께 주요 프로젝트, 기여도와 작업 내용을 서술해주세요.

이력서, 자기소개서 양식

- 나눔고딕 폰트를 사용해주세요.
- 아래의 워드 파일에 내용을 작성한 뒤, PDF 형식으로 파일명 'pxd_recruit_B_[신입/경력]_[이름].pdf'로 저장하여 이메일에 첨부해주세요. (예시 : pxd_recruit_B_신입_홍길동.pdf)

신입 : pxd_recruit_B_신입.docx

경력 : pxd_recruit_B_경력.docx



팀블로그 pxd Story 구독 방법  블로그 글은 각 개인의 생각이며 피엑스디와 다를 수 있습니다.


Trackback 0 Comment 0
Ad Test...
2017.08.28 07:50

덴버대학교 산업디자인 전공 학생들의 pxd 방문기

지난 7월 10일, 미국 덴버대학교 산업디자인 전공 신진섭 교수님과 학생들이 pxd를 방문했습니다.

Metropolitan State University of DENVER_ Department of Industrial Design
https://msudenver.edu/ind/facultyandstaff/


pxd의 조직 구성과 디자인 프로세스, 협업 방식, 문화를 안내하고 주요 포트폴리오에 대해 질의응답하는 시간을 가졌습니다. 분야는 조금 다르지만 사용자를 관찰하고 이해하는 과정을 바탕으로 진행했던 프로젝트 결과물에 많은 관심과 질문이 이어졌습니다.

선물로 받은 보라색 곰 피규어는 pxd 사내 진열 선반에 잘 전시해 두었습니다. 덴버대학교의 상징으로, 실제 학교 건물에 아래 이미지와 같이 설치되어 있다고 하네요.

왼쪽 사진 출처 : https://www.democraticunderground.com/discuss/duboard.php?az=view_all&address=132x6689019


열정적으로 질문해 주신 학생들과, 도와주셨던 신진섭 교수님께 다시 한 번 감사드립니다.



[참고##손님##]

팀블로그 pxd Story 구독 방법  블로그 글은 각 개인의 생각이며 피엑스디와 다를 수 있습니다.


Trackback 0 Comment 0
Ad Test...