성공적인 ux디자인을 위한 프로토타입 방법론
TRANSCRIPT
인터랙션 디자이너, 강운봉 최고의 UX를 위해 인터랙션을 구현하고 있습니다. 카카오 UX팀 인터랙션디자인파트 카카오톡, Daum, 푸딩얼굴인식, 아임인 외 다수 모바일앱 프로토타입 제작 / 카카오톡 인터랙션 가이드 제작 / Smart Watch, Gesture, Voice, Chatbot 연구
프로토타이핑은 개발접근법의 하나로서 개발초기에 시스템의 모형을 간단히 만들어 사용자가 직접 사용해 보게 함으로써 기능의 추가, 변경 및 삭제 등을 즉각 반영하여 재구축하는 과정을 반복해 나가면서 시스템을 개선시켜 나가는 방식. https://ko.wikipedia.org/wiki/프로토타입
U X W O R L D 2 0 1 7
3D TouchAccessibilityAudioAuthenticationData EntryFeedbackFile HandlingFirst Launch Experience
GesturesLoadingModalityNavigationRequesting PermissionSettingsTerminologyUndo and Redo N
EXT사용자가 경험할 수 있는 인터랙션 요소
. . .
iOS Human Interface Guidelines https://developer.apple.com/ios/human-interface-guidelines/interaction/3d-touch/
사용자가 경험할 수 있는 인터랙션 요소 3D Touch Accessibility Audio Authentication Data Entry Feedback File Handling First Launch Experience Gestures Loading Modality Navigation Requesting Permission Settings Terminology Undo and Redo … NEXT iOS Human Interface Guidelines https://developer.apple.com/ios/human-interface-guidelines/interaction/3d-touch/
Waterfall 기획→디자인→개발→검증→출시 Agile UX 디자이너와 개발자가 따로 작업하지만 주기적인 반복과 긴밀한 협업 Lean UX 디자이너와 개발자가 초기 디자인부터 프로토타입이 나오기까지 지속해서 협업
Measuring User Centered Design market fit validate collaboration MVP Delivery Less document XP Practices Problem statement lean canvas Daily Scrum Creating a Hypothesis
프로토타입의 역할 ∙ 컨셉 및 사용성에 대한 문제점 및 리스크 조기 도출 ∙ UX 관점의 스토리 라인, 페이지 레이아웃 가시화 ∙ 유관부서 간 커뮤니케이션 증진 및 요구사항 합의 가능 ∙ 제품 개발에 참여하는 사람들이 같은 것을 바라보기
U X W O R L D 2 0 1 7
442017년 3월 21일 기준
http://www.prototypingtools.co/
44 http://www.prototypingtools.co/ 2017년 3월 21일 기준
page Marvel, proto.io, invision, Flinto, Principle, oven / object Framer, origami, Xcode, Form, Protopie, Kite
프로토타이핑의 원칙 ∙ 누구에게 어떻게 공유할지 미리 정한다. ∙ 서비스 플랫폼을 이해하고 만든다. ∙ 높은 퀄리티보다는 다양한 케이스로 제작한다. ∙ 필요한 부분만 제작한다. ∙ 피드백은 충분히 논의 후 반영한다.
인터랙션 디자인 6가지 원칙 / Visibility 가시성 Feedback 피드백 Constraints 제한요소 Mapping 맵핑 Consistency 일관성 Affordance 행동유도성 Interaction Design: Beyond Human-Computer Interaction
U X W O R L D 2 0 1 7U X W O R L D 2 0 1 7
http://ixd.kr
ixd keep calm & just show http://ixd.kr
ピッコマ OVERVIEW “ピッコマ(Piccoma)“는 카카오 재팬에서 2016년 4월 오픈한 서비스이자, 온라인 만화 콘텐츠 서비스입니다. 카카오 본사 / 카카오 재팬 / 포도트리 3사가 함께 협업하여 진행한 의미있는 프로젝트였습니다. 최종 개발 전 프로토타입을 제작하여 UX 개선은 물론 일본 현지인을 상대로한 디테일한 UT를 진행하였습니다.
프로토타입의 성과 1. 원활한 커뮤니케이션 기획 / UX / 디자인 / 개발 언어 혹은 직군이 달라도 한곳을 바라볼 수 있는 유일한 수단 2. 수 많은 의사결정을 검증 화면 플로우 / UI 디자인 / 레이아웃 마이크로 인터랙션 3. 서비스 개발 시간 단축 코딩기반 툴 사용으로 일부 코딩 소스의 재활용. 프로토타입을 현지인 UT / 비지니스로 활용.
ZERO+ Interaction Library OVERVIEW 모바일 인터랙션 작업의 편의를 위해 시작된 인터랙션 라이브러리 프로젝트. 인터랙션디자인 랩에서 제작한 산출물을 아카이빙하고, 사내 GitHub를 통해 구현된 소스를 개발자들과 공유.
U X W O R L D 2 0 1 7
1. Simple Install, Easy Viewing 프로토타입들을 간편하게 설치하고, 확인. 2. Mobile Interaction Develop Transition, Gesture, Animation, Motion 등 모바일에서 사용할 수 있는 인터랙션을 연구 개발. 3. Proposal for User Experience 카카오의 서비스를 다양한 생각과 시각으로 설계하고, 뛰어난 UX를 제안. 4. Communication with Developers 사내 Github를 통해 개발자들과 소스를 공유하고, 긴밀한 커뮤니케이션을 유도.
U X W O R L D 2 0 1 7
IX Watch
IX Watch는 IxD LAB의 스마트워치 UX Redesign을 바탕으로 제작된 컨셉 워치 디바이스입니다.
새로운 하드웨어에 대한 제안을 더욱 실체화 하였고, UI와의 연계 부분도 더 발전시켜 보았습니다.
하드웨어 및 OS 구분 없이 기존 스마트워치들의 아쉬운 사용성을 개선하는 것에 중점을 두었습니다.
OVERVIEW
ixd.kr/?p=612
IX Watch OVERVIEW IX Watch는 IxD LAB의 스마트워치 UX Redesign을 바탕으로 제작된 컨셉 워치 디바이스입니다. 새로운 하드웨어에 대한 제안을 더욱 실체화 하였고, UI와의 연계 부분도 더 발전시켜 보았습니다. 하드웨어 및 OS 구분 없이 기존 스마트워치들의 아쉬운 사용성을 개선하는 것에 중점을 두었습니다. ixd.kr/?p=612
thank you ! 이메일 : [email protected] / 홈페이지 : http://lain.kr / 페이스북 : @unbong_kang