'UX', 'UX Design' and 'Good UX'Jinyong KimUX가 무엇인지, UX를 디자인 한다는 건 어떤 일인지, 좋은 UX란 무엇인지에 대해 경험을 바탕으로 풀어본 이야기입니다.
ݺߣshare에 업로드 되어 있는 비슷한 주제의 자료들 대부분이, 화면을 꽉 채우는 이미지만 덕지덕지 붙어 있거나, 도대체 어떻게 전개되는 이야기인지도 알 수 없게 키워드만 툭툭 던지는 방식이라서 조금 답답하더라구요.
그래서 제맘대로 만들어 봤어요. ㅋ
(얼마를 상상하시든 그것보다 더) 짧은 기간동안 파바박 만든 자료라서.. 조금은 아쉬운 부분도 있지만, 이 자료가 어느 누군가에게는 도움이 되길 바라는 마음에서 올려봅니다.
* 구글의 Noto Sans Korean 폰트를 주로 썼는데, 슬라이드쉐어의 작은 뷰로 보기에는 가독성이 좋지 않아서 맑은 고딕으로 바꿨습니다.
모바일콘텐츠관점에서본UX디자인 인사이트 (@WebWorldConference, 2014)keesung kim모바일 콘텐츠를 디자인할 때 고민해야할 점들은 어떤 것들이 있을까요? 플랫폼을 넘어선 콘텐츠, 콘텐츠를 넘어선 플랫폼, 이 두가지 관점을 통해 모바일 디자인 원칙을 짚어보려했습니다. :)
HCI KOREA 2017 데이터 기반 UX 평가를 통한 반응형웹 디자인 개선 방안(주)SNC Lab.데이터 기반 UX평가를 통한 반응형웹 디자인 개선 방안 사례 발표자료입니다. (An improvement guidelines of responsive web design through data-based UX evaluation)
많은 연구를 통해 웹사이트에서 사용성의 중요성이 강조되고 있지만 실제 웹사이트 개발 프로세스에서 사용성에 대한 고려가 충분히 이뤄지기는 쉽지 않다. 사용성에 대한 고려는 기획단계부터 개발 및 완성 단계까지 전 과정에 걸쳐 진행되어야 하는데 사용성에 대한 고려 없이 제작된 웹사이트는 사용상의 문제점이 발견되고 유지보수를 어렵게 만든다. 이를 위한 사용성 평가는 웹사이트가 본연의 목적에 적합하게 제작되었는지 실제 사용자를 대상으로 평가, 분석하는 방법으로 웹사이트에서 사용자 경험을 측정하는데 주안점을 두고 있다.
웹사이트의 사용성을 높이기 위해 전문가 평가 및 사용성 평가를 수행하여 제작팀에 개선가이드라인을 제시할 수 있지만 사용성 평가는 사용자의 반응과 만족도를 평가하기 위해 수행하는 방법들이 피실험자의 주관적인 의견에 의해 측정 오류 및 편견(biases)이 발생하는 문제점을 가지고 있다. 또한 정성적인 평가를 보완하기 위해 분석 솔루션을 활용한 평가방법도 사용되지만 솔루션에 의한 분석 방법은 상세한 원인을 파악하기 힘든 경우가 있어 실제 웹사이트 제작 시 사용성 평가를 통해 객관적인 결과를 획득하려면 시간과 비용이 많이 소요되어 웹사이트에서 사용성에 대한 고려는 매우 제한적으로 활용되고 있다.
이번 Case Study에서는 국내 공공기관 및 민간기업의 실제 프로젝트 사례를 기준으로, 데이터 기반 평가를 통해 기존의 정성적인 평가 결과를 객관적인 데이터로 보완하고 웹사이트에서 빠른 시간 내에 적용할 수 있는 웹사이트 사용성 평가 방법을 제시하고자 한다.
UX, UX Design, UX Process (@Daum/2014)keesung kimUX의 사전적 정의를 통한 UX의 의미와 UX 디자인에 대한 이야기, 그리고 프로세스에 대한 이야기를 정리해보았습니다. :)
(2014년년 7월, 내부 발표자료)
[Content]
USER EXPERIENCE
Definition (value)
UI & UX
Value & Context
UX Process
UCD
GDD
Lean UX
Agile UX
Summary
사물인터넷(IoT)/웨어러블 UX 디자인툴킷_UX-trigger for Iot/Wearable_v1Limepaper, Inc.[UX trigger for IOT/Wearable]는
Mobile Computing 분야와 Ubiquitous Computing 분야에서 선도적인 기술을 보유하고, 혁신적이고 풍부한 사용자경험(UX을 창출하고자 설립된 UX 디자인 전문 벤처기업인 ㈜라임페이퍼에서 개발하였습니다.
[UX trigger for IOT/Wearable]은
사물인터넷(IoT)/웨어러블 기반의 스타트업 비즈니스모델의 UX진단 및 UX/UI 디자인 워크샵입니다. 스타트업의 Lean-UX에 최적화하여 개발한 IOT/Wearable-디자인 툴킷을 활용하여, 서비스개발 초기단계에서부터 스타트업의 빠른 Time-to-Market 적용을 목표로 서비스의 UX/UI완성도를 높일 수 있는 UX/UI디자인 방법론을 체득할 수 있으며, 궁극적으로 스타트업의 사업아이템의 UX경쟁력 강화를 목적으로 진행합니다.
모바일콘텐츠관점에서본UX디자인 인사이트 (@WebWorldConference, 2014)keesung kim모바일 콘텐츠를 디자인할 때 고민해야할 점들은 어떤 것들이 있을까요? 플랫폼을 넘어선 콘텐츠, 콘텐츠를 넘어선 플랫폼, 이 두가지 관점을 통해 모바일 디자인 원칙을 짚어보려했습니다. :)
HCI KOREA 2017 데이터 기반 UX 평가를 통한 반응형웹 디자인 개선 방안(주)SNC Lab.데이터 기반 UX평가를 통한 반응형웹 디자인 개선 방안 사례 발표자료입니다. (An improvement guidelines of responsive web design through data-based UX evaluation)
많은 연구를 통해 웹사이트에서 사용성의 중요성이 강조되고 있지만 실제 웹사이트 개발 프로세스에서 사용성에 대한 고려가 충분히 이뤄지기는 쉽지 않다. 사용성에 대한 고려는 기획단계부터 개발 및 완성 단계까지 전 과정에 걸쳐 진행되어야 하는데 사용성에 대한 고려 없이 제작된 웹사이트는 사용상의 문제점이 발견되고 유지보수를 어렵게 만든다. 이를 위한 사용성 평가는 웹사이트가 본연의 목적에 적합하게 제작되었는지 실제 사용자를 대상으로 평가, 분석하는 방법으로 웹사이트에서 사용자 경험을 측정하는데 주안점을 두고 있다.
웹사이트의 사용성을 높이기 위해 전문가 평가 및 사용성 평가를 수행하여 제작팀에 개선가이드라인을 제시할 수 있지만 사용성 평가는 사용자의 반응과 만족도를 평가하기 위해 수행하는 방법들이 피실험자의 주관적인 의견에 의해 측정 오류 및 편견(biases)이 발생하는 문제점을 가지고 있다. 또한 정성적인 평가를 보완하기 위해 분석 솔루션을 활용한 평가방법도 사용되지만 솔루션에 의한 분석 방법은 상세한 원인을 파악하기 힘든 경우가 있어 실제 웹사이트 제작 시 사용성 평가를 통해 객관적인 결과를 획득하려면 시간과 비용이 많이 소요되어 웹사이트에서 사용성에 대한 고려는 매우 제한적으로 활용되고 있다.
이번 Case Study에서는 국내 공공기관 및 민간기업의 실제 프로젝트 사례를 기준으로, 데이터 기반 평가를 통해 기존의 정성적인 평가 결과를 객관적인 데이터로 보완하고 웹사이트에서 빠른 시간 내에 적용할 수 있는 웹사이트 사용성 평가 방법을 제시하고자 한다.
UX, UX Design, UX Process (@Daum/2014)keesung kimUX의 사전적 정의를 통한 UX의 의미와 UX 디자인에 대한 이야기, 그리고 프로세스에 대한 이야기를 정리해보았습니다. :)
(2014년년 7월, 내부 발표자료)
[Content]
USER EXPERIENCE
Definition (value)
UI & UX
Value & Context
UX Process
UCD
GDD
Lean UX
Agile UX
Summary
사물인터넷(IoT)/웨어러블 UX 디자인툴킷_UX-trigger for Iot/Wearable_v1Limepaper, Inc.[UX trigger for IOT/Wearable]는
Mobile Computing 분야와 Ubiquitous Computing 분야에서 선도적인 기술을 보유하고, 혁신적이고 풍부한 사용자경험(UX을 창출하고자 설립된 UX 디자인 전문 벤처기업인 ㈜라임페이퍼에서 개발하였습니다.
[UX trigger for IOT/Wearable]은
사물인터넷(IoT)/웨어러블 기반의 스타트업 비즈니스모델의 UX진단 및 UX/UI 디자인 워크샵입니다. 스타트업의 Lean-UX에 최적화하여 개발한 IOT/Wearable-디자인 툴킷을 활용하여, 서비스개발 초기단계에서부터 스타트업의 빠른 Time-to-Market 적용을 목표로 서비스의 UX/UI완성도를 높일 수 있는 UX/UI디자인 방법론을 체득할 수 있으며, 궁극적으로 스타트업의 사업아이템의 UX경쟁력 강화를 목적으로 진행합니다.
Android ui benchmarkingJunsang DongThis document provides screen designs for a mobile UI reference and Android UI design from the first half of 2012. It includes overviews of screen design principles, color schemes, and examples of screen designs for various mobile app categories like business, finance, media, health and more. The document seeks to provide visual implementations and screen designs for mobile projects.
ux관점에서 본 2013년 웹디자인 트렌드 및 인사이트Billy ChoiUX관점에서 본 2013년 웹디자인 트렌드 및 인사이트 (웹월드 인사이트 컨퍼런스 2013-디자인전략)
The Pinterestization Of The Web
Social Proof
Gamification UX
HTML5 Web Design Examples For Inspiration
Google Analytics 가이드 (한국어)Min Hee LeeSummary of Google Analytics Guide (ver.Korean)
구글 애널리틱스 가이드 (매뉴얼)를 한국어 버전으로 정리한 자료입니다. 참고로 구글에서 제공하는 가이드는 웹 분석 (Commerce 서비스를 대표 예시로 설명)을 기반으로 진행됩니다. 이 자료는 바풀 사내 세미나에서 사용된 자료인데 다른 분들께도 도움이 될 수 있을 것 같아 공유합니다 :)
www.bapul.net
2015 Internet of Logistic Things / 2015 물류 사물인터넷Junsang DongSpeak in the Smart Logis (Logistics 4.0) Seminar, APR 17, 2015.
Overview of IoT, Case study about Internet of Postal Things. Internet of Logistic Things. Hosted by KATS, Korean Agency for Technology and Standards.
2015년 4월 17일 르네상스 서울호텔에서 열린 스마트 로지스 (물류 4.0) 세미나 슬라이드입니다. 우정과 물류 분야는 사물인터넷 연구와 실무 적용이 가장 먼저 시작된 곳이기도 한데요, 최근 3년간 구체적인 성과를 만들어낸 DHL, 미연방 우정국, 프랑스 우정국, 독일 우정국 등의 사례가 담겨있습니다.
주관 : 산업통상자원부 국가기술표준원
발표 : 넥스트플랫폼 동준상 대표
앱 디자인 시작하기Sangho Lee앱 디자인 시작하기
Starting App Design
2014. 9. 11
이 강의는 앱 디자인을 시작하는
디자이너를 위한 강의입니다.
강의 순서
1. 강의에 들어가며
2. 앱 디자인 시작하기
3. Case Study
4. 작업하기
5. 마치며
- 강의 페이지: http://isangho.com/study/appdesign
- ݺߣShare: /SanghoLee1/ss-38908104
- 비트코인 기부하기: http://daramghaus.com/donate/bitcoin
- 이메일: isangho@me.com
사용자경험 이야기 요약본sangyong lee비주얼로 풀어보는 사용자경험 디자인 요약본 입니다.
2014년 8월 16일 공간더하기에서 진행한 사용자 경험 강의 내용 일부 입니다.
전체 자료는 170페이지 정도 되나 여기에선 간단하게 어떤 내용인지 알 수 있도록 요약본으로 정리했습니다.
본 요약본은 비주얼 기반으로 이해하기 쉽게 구성되어 있어 사용자 경험을 누구보다도 쉽게 받아 들이고 이해하실 수 있습니다.
디자이너 마케터 기획자 스타트업 종사자들 분께 많은 도움이 되시리라 봅니다.
궁금하신 분은 ultra0034@gmail.com / 010-9190-7792 로 연락주시면 좋겠습니다.
UX 프로젝트 가이드 (UX Project Guide) RightBrain inc.UX 프로젝트를 시작하는 분들을 위해 UX 디자인과 프로젝트방법론에 대한 A부터 Z까지를 간결한 질문들을 중심으로 모두 정리했습니다. (PDF 다운로드 가능)
1. UX 디자인이란?
• UX 디자인은 한 마디로 무엇인가?
• UX 디자인에서 하는 일은?
• UX 디자인이 왜 필요한가?
• UX 디자인의 핵심은?
• UXer들이 알고자 하는 사용자 경험이란 무엇인가?
• UX 디자이너들은 누구인가?
2. UX프로젝트란?
• UX 프로젝트는 무엇이 다른가?
• 왜 UX 프로젝트를 해야 하는가?
• 우리 분야에 대한 경험이 부족한 UXer에게 프로젝트를 맡겨도 되는가?
• UX 프로젝트를 했다가 실패한 경험이 있다. 무엇이 잘못된 건가?
• UX 프로젝트의 일반적인 일정
• UX 프로젝트 계획 시 염두에 두어야 할 5가지
• 컨설팅 업체가 UX 프로젝트를 진행할 때 우리의 역할은 무엇인가?
• 컨설팅 업체가 요구하는 자료가 많은데, 모두 공개해도 되는가?
• 진행중인 UX 프로젝트를 공개하면 어떤 장점이 있는가?
3. 필드리서치
• UXer들은 왜 필드리서치를 하는가?
• 필드리서치와 마케팅 리서치의 차이점은?
• 필드리서치는 누구를, 몇 명이나 대상으로 해야 하나?
• 필드리서치를 할 때, 주의해야 할 사항은?
• 필드리서치 결과를 가지고 바로 디자인하면 안 되는가?
4. UX 모델링
• UX 프로젝트에서 모델링이란 작업을 굳이 해야 하는가?
• 필드리서치 결과를 가지고 가장 빠르게 인사이트를 도출할 수 있는 방법은?
• Persona가 기존의 마케팅 시장세분화와 다른 점은?
• Persona를 통해서 얻을 수 있는 기대효과는?
• 선행연구 프로젝트에 가장 적합한 UX 모델링 방법은?
• Journey Map은 언제나 유효한가?
5. UX 전략
• UX 모델링을 통해서 얻어야 할 최종 결과는?
• UX 프로젝트에서 이야기하는 전략이란?
• UX에서 가치가 중요한 이유는?
• UX 프로젝트에서 얘기하는 가치의 구체적인 구분은?
• UXer들은 새로운 사용자경험을 어떻게 디자인하는가?
• UX 프로젝트에서 사용자 시나리오가 중요한 이유는?
• 사용자 시나리오는 어떻게 활용되는가?
6. 프로토타이핑
• UX 프로젝트에서의 프로토타이핑은 무엇인가?
• 구현충실도(fidelity)를 꼭 낮은 것에서부터 시작해야 하는가?
• 프로토타입 작업 시 사용성 테스트를 거치는 이유는?
• 테스트는 누구를 대상으로 하는 것이 좋은가?
• 테스트는 몇 명이나 하는 것이 좋은가?
• UX 프로젝트에서 이야기하는 테스트 방법에는 어떤 것들이 있나?
성공적인 디자인을 위한 프로토타입 방법론 Unbong Kang플루토미디어 주최 "UX 월드 2017" 강연자료.
1. 프로토타이핑을 하는 이유
- 인터랙션 디자인
- Lean UX 프로세스
- 프로토타이핑 프로세스와 기대효과
2. 프로토타입 툴의 트랜드
- 프로토타입 툴의 종류
- 프로토타입 툴의 선택 기준
- 프로토타입 제작 원칙
3. 카카오 UX팀의 프로토타입 제작 사례
- Piccoma : 카카오재팬. 신규 서비스 프로토타입.
- ZERO+ : 인터랙션 라이브러리(인하우스용).
- IX Watch : 아이디어 발산을 위한 컨셉 스마트워치.
2. 오늘의 강사소개
동 준 상 (@jonathanis | www.nextapp.co.kr)
직위 – 현 넥스트앱 대표, 위너스랩 UX 아키텍트
강의 - 삼성멀티캠퍼스, KT연수원, 핚국온라인미디어협회
경력 – 교직원공제회 / 서울대학교 치과병원 스마트회의 / 중소기업
청 / 블랙박스 / 조선호텔 /싞세계푸드 / 세븐럭카지노 / 보디가드 /
00700 / 클라우드 학원 플랫폼
3. 오늘 강의 개요
• 고급개발자 - 최소의 변홖작업을 통해 크로스 플랫폼으
로 적용 가능핚 디자인 패턴 확보
• 중급개발자 - 최싞 앱 컨텐츠와 디자인의 모범사례를
통해 보유핚 기술의 적용방향을 확인
• 개발입문자 - 전형적인 모바일디자인을 이해함으로
써 Model과 View를 효과적으로 결합
4. 오늘 강의 목차
• H1. 아이폰 디자인 모바일 UX의 기본요소
• H2. 아이패드 디자인 아이폰과의 차별성
• H3. 안드로이드/윈도우폰7 디자인 플랫폼별 전형성
• H4. 모바일UX 개발프로세스 페르소나부터 목업까지
• H5. 모바일UI/UX 사례 (중소기업청) 실제 개발프로세스
• H6. UX 실무 앱주제선정/UX문서홗용/UX컨셉
• H7. UX 실무 스토리보드/와이어스케치/세부요소
6. H1. iPhone UX Design
• UX Design vs. UI Development
• 전형적인 iPhone UX Design
• 재해석된 iPhone UX Design
• 같은 Model, 다른 UX (나이키 플러스 vs 운동트레이너)
• 오늘날 전형적인 iPhone UX Design의 필수요소
10. UI Development vs. UX Design
•UI
사람, 기기, 소통, 장소
사람과 기기갂의 소통을 위핚 산업디자인의 영역에서,
UI란 사람과 기기 사이에서 소통이 일어나는 장소이다.
In the industrial design field of human-machine
interaction, the user interface is (a place) where
interaction between humans and machines occurs.
LiveTrack24
12. UI Development vs. UX Design
•Usability
UI, 효과, 효율, 만족
사용성이란 특정 UI의 디자인이 사용자의 정싞과 육체에 영
향을 미치는 정도이며, 그것을 통해 시스템 사용의 절차를 효
과적, 효율적, 그리고 만족스럽게 만드는 정도를 의미핚다.
Usability is the degree to which the design of a
particular user interface takes into account the human
psychology and physiology of the users, and makes the
process of using the system effective, efficient and
satisfying.
LiveTrack24
14. UI Development vs. UX Design
•Usability
UI, 요구, 반영
사용성이라는 지표는 어떤 제품이 목표핚 사용자에게 어느정
도의 효율성, 효과성, 만족성을 제공하는지와 사용으로부터
발생된 요구사항이 얼마나 잘 반영되었는가를 나타내준다.
It describes how well a product can be used for its
intended purpose by its target users with efficiency,
effectiveness, and satisfaction, also taking into account
the requirements from its context of use.
LiveTrack24
16. UI Development vs. UX Design
•UX by
Donald Norman
MIT / User-centered Design
‘일상적인 물건의 디자인’이라는 책을 통
해, Norman 교수는 폭 넓은 실증적 조사
를 통해, 좋은 디자인과 나쁜 디자인의 이
면에 있는 인갂의 심리를 설명하고, 그것
을 통해 디자인 원칙을 제안핚다. 그는 우
리의 일상적인 삶에 있어 디자인의 중요성
과 함께, 나쁜 디자인에 의해 야기되는 오
류의 결과를 역설하고 있다.
17. UI Development vs. UX Design
•UX
사용, 인지, 반응
ISO 9241-210는 UX를 ‘제품이나 시스템, 서비스를 사
용하려고 예상하거나, 사용핚 결과로 나타난 사람의 인
지와 반응이다.’ 로 정의하고 있다. 이에 따르면, UX란
‘사용’에 집중되고 또핚 종속된 개념이다.
ISO 9241-210 defines user experience as "a person's
perceptions and responses that result from the use or
anticipated use of a product, system or service". So, user
experience is subjective and focuses on the use.
18. UI Development vs. UX Design
•UX
느낌, 실용성, 용이성, 효율성
UX란 시스템을 사용핚 사람의, 사용에 대핚 느낌이다. 사람-컴퓨터반응롞(HCI)이나 제품의
소유를 통해 얻는 경험적이고 영향적이며 가치있는 사용자의 경험에 초점을 맞추는 동시에,
물건의 사용에 따르는 실용적 측면이나 사용의 용이성, 시스템의 효율성과 같은 넓은 범위를
다룬다. UX가 시스템을 사용하는 인갂의 감정과 생각 그리고 효용에 대핚 것을 다루므로
UX는 인갂의 본성에 종속된 개념이며, 또핚 주변 여건이 변화함에 따라 사용의 경험 역시 변
화하므로 UX는 역동적으로 변화하는 개념이다.
User eXperience (UX) is about how a person feels about using a system. User experience highlights the experiential, affective,
meaningful and valuable aspects of human-computer interaction (HCI) and product ownership, but it also covers a person’s
perceptions of the practical aspects such as utility, ease of use and efficiency of the system. User experience is subjective in
nature, because it is about an individual’s performance, feelings and thoughts about the system. User experience is dynamic,
because it changes over time as the circumstances change.
19. UI Development vs. UX Design
•UX Design
인식, 학습, 실제사용
제품과 관렦된 사용자의 모든 소통과 교류의 측면 - 사용자는
그것을 어떻게 인식하는가, 혹은 어떻게 사용법을 배우는가,
그리고 실제로 어떻게 그것을 사용하는가 와 같은 분야를 관
장하는 것이다.
The scope of the field is directed at affecting "all
aspects of the user’s interaction with the product: how
it is perceived, learned, and used.‚
LiveTrack24
20. UI Development vs. UX Design
•UX Designer
경험의 기회를 제공
사용자 경험이라는 것은 인갂의 감정을 이루는 요소이므로
실제로 ‘디자인되어’ 질 수는 없다. 대싞 UX디자이너는 사용
자로 하여금 특정핚 경험을 핛 수 있도록 경험의 기회는 제공
핛 수 있는 것이다.
As user experience is a subjective feeling, it cannot
actually be "designed". Instead, you can design for a
user experience, trying to enable certain kind of
experiences.
LiveTrack24