about ux - theid2016.files.wordpress.com€¦ · 2016 ux design trend quiz what is ux? • short...
TRANSCRIPT
About UXInteraction Design Presentation
Let’s know UX easily
B593156 장혜연
B599239 정선하
CONTENTS
• QUIZ
• What is UX
• What is UX Design
• UX Design Updated
• 2016 UX Design Trend
http://organizationalphysics.com/2012/01/09/the-5-classic-mistakes-in-organizational-structure-or-how-to-design-your-organization-the-right-way/
QUIZUnsatisfactory 1
QUIZ
What is UX?
• Short History
• UX
What is UX Design?
• Wrong
• Right
UX Design Updated
• Naver Webtoon
2016 UX Design Trend
• Flat Design 2.0
• More Personalized
• Story-Telling
• Anticipate Design
QUIZ
http://www.sunilwrites.com/2015/08/26/are-you-a-victim-of-bad-design/
QUIZUnsatisfactory 1
QUIZ
What is UX?
• Short History
• UX
What is UX Design?
• Wrong
• Right
UX Design Updated
• Naver Webtoon
2016 UX Design Trend
• Flat Design 2.0
• More Personalized
• Story-Telling
• Anticipate Design
QUIZ
https://medium.com/@cwang_94716/%E8%B0%88%E8%B0%88%E4%BD%A0%E8%A7%81%E8%BF%87%E7%9A%84%E6%9C%80%E7%B3%9F%E7%B3%95%E7%9A%84%E4%BA%A7%E5%93%81%E8%AE%BE%E8%AE%A1%E6%98%AF%E4%BB%80%E4%B9%88-%E5%BC%80%E8%AF%BE%E5%90%A7-
%E4%BA%92%E8%81%94%E7%BD%91%E4%BB%8E%E4%B8%9A%E8%80%85%E5%9C%A8%E7%BA%BF%E9%97%AE%E7%AD%94%E7%A4%BE%E5%8C%BA-324615c12ec#.900nq81x7
QUIZUnsatisfactory 1
QUIZ
What is UX?
• Short History
• UX
What is UX Design?
• Wrong
• Right
UX Design Updated
• Naver Webtoon
2016 UX Design Trend
• Flat Design 2.0
• More Personalized
• Story-Telling
• Anticipate Design
QUIZ
http://goodeditor.tistory.com/217http://johnnyholland.org/2011/01/design-research-and-innovation-an-interview-with-don-norman/
최초의 UX 전문가 도널드 노먼 (1995)
What is UX?Short History
QUIZ
What is UX?
• Short History
• UX
What is UX Design?
• Wrong
• Right
UX Design Updated
• Naver Webtoon
2016 UX Design Trend
• Flat Design 2.0
• More Personalized
• Story-Telling
• Anticipate Design
http://johnnyholland.org/2011/01/design-research-and-innovation-an-interview-with-don-norman/
• 컴퓨터 공학도이자 인지 분야의 과학자
• 애플에 합류하면서 본인의 업무를 User Experience Architect으로 명명
• UX라는 용어를 알림
• 미적인 부분을 넘어서 사용성과 기능성에 대한 디자인 개념을 명확히 함.
우리가 친숙하지 않은 물건을 처음부터 노력을 들이지 않고도 아무 어려움 없이 사용할 수 있다면,
이것은 우연의 산물이 아니라 누군가가 세심하게 신경을 써서 잘 디자인한 덕분이다.
Donald Norman
What is UX?Short History
QUIZ
What is UX?
• Short History
• UX
What is UX Design?
• Wrong
• Right
UX Design Updated
• Naver Webtoon
2016 UX Design Trend
• Flat Design 2.0
• More Personalized
• Story-Telling
• Anticipate Design
http://terms.naver.com/entry.nhn?docId=928253&cid=50342&categoryId=50342
사용자가 어떤 시스템, 제품, 서비스를 직, 간접적으로
이용하면서 느끼고 생각하게 되는 총체적 경험
단순히 기능이나 절차상의 만족 뿐 아니라 전반적인
지각 가능한 모든 면에서 사용자가 참여, 사용, 관찰하고
상호 교감을 통해서 알 수 있는 가치 있는 경험
UX
What is UX?UX
QUIZ
What is UX?
• Short History
• UX
What is UX Design?
• Wrong
• Right
UX Design Updated
• Naver Webtoon
2016 UX Design Trend
• Flat Design 2.0
• More Personalized
• Story-Telling
• Anticipate Design
UX?
What is UX?UX
QUIZ
What is UX?
• Short History
• UX
What is UX Design?
• Wrong
• Right
UX Design Updated
• Naver Webtoon
2016 UX Design Trend
• Flat Design 2.0
• More Personalized
• Story-Telling
• Anticipate Design
사용자의 모든 경험
UX
What is UX?UX
QUIZ
What is UX?
• Short History
• UX
What is UX Design?
• Wrong
• Right
UX Design Updated
• Naver Webtoon
2016 UX Design Trend
• Flat Design 2.0
• More Personalized
• Story-Telling
• Anticipate Design
사용자가 서비스를 이용하면서 만족하는 가치 있는 경험
Good UX
What is UX?UX
QUIZ
What is UX?
• Short History
• UX
What is UX Design?
• Wrong
• Right
UX Design Updated
• Naver Webtoon
2016 UX Design Trend
• Flat Design 2.0
• More Personalized
• Story-Telling
• Anticipate Design
http://terms.naver.com/entry.nhn?docId=928253&cid=50342&categoryId=50342
사용자 경험 디자인은 소비자의 요구를 벗어나는 요소를 최소화하고
사용자 관찰을 통해 사업과 마케팅의 목표를 달성할 수 있다는 장점을 지님
What is UX Design?Wrong
QUIZ
What is UX?
• Short History
• UX
What is UX Design?
• Wrong
• Right
UX Design Updated
• Naver Webtoon
2016 UX Design Trend
• Flat Design 2.0
• More Personalized
• Story-Telling
• Anticipate Design
UX Design
http://terms.naver.com/entry.nhn?docId=928253&cid=50342&categoryId=50342
사용자 경험 디자인은 소비자의 요구를 벗어나는 요소를 최소화하고
사용자 관찰을 통해 사업과 마케팅의 목표를 달성할 수 있다는 장점을 지님
What is UX Design?Wrong
QUIZ
What is UX?
• Short History
• UX
What is UX Design?
• Wrong
• Right
UX Design Updated
• Naver Webtoon
2016 UX Design Trend
• Flat Design 2.0
• More Personalized
• Story-Telling
• Anticipate Design
UX Design
http://terms.naver.com/entry.nhn?docId=928253&cid=50342&categoryId=50342
What is UX Design?Wrong
QUIZ
What is UX?
• Short History
• UX
What is UX Design?
• Wrong
• Right
UX Design Updated
• Naver Webtoon
2016 UX Design Trend
• Flat Design 2.0
• More Personalized
• Story-Telling
• Anticipate Design
http://terms.naver.com/entry.nhn?docId=928253&cid=50342&categoryId=50342
What is UX Design?Wrong
QUIZ
What is UX?
• Short History
• UX
What is UX Design?
• Wrong
• Right
UX Design Updated
• Naver Webtoon
2016 UX Design Trend
• Flat Design 2.0
• More Personalized
• Story-Telling
• Anticipate Design
UI DesignUX Design
What is UX Design?Wrong
QUIZ
What is UX?
• Short History
• UX
What is UX Design?
• Wrong
• Right
UX Design Updated
• Naver Webtoon
2016 UX Design Trend
• Flat Design 2.0
• More Personalized
• Story-Telling
• Anticipate Design
UI DesignUX Design
What is UX Design?Wrong
QUIZ
What is UX?
• Short History
• UX
What is UX Design?
• Wrong
• Right
UX Design Updated
• Naver Webtoon
2016 UX Design Trend
• Flat Design 2.0
• More Personalized
• Story-Telling
• Anticipate Design
https://medium.com/northern-dynamics/my-response-to-ketchup-bottle-ux-vs-ui-meme-56c1a14a6f98#.k1nv2wxv9
What is UX Design?Right
QUIZ
What is UX?
• Short History
• UX
What is UX Design?
• Wrong
• Right
UX Design Updated
• Naver Webtoon
2016 UX Design Trend
• Flat Design 2.0
• More Personalized
• Story-Telling
• Anticipate Design
QUIZ
https://medium.com/northern-dynamics/my-response-to-ketchup-bottle-ux-vs-ui-meme-56c1a14a6f98#.k1nv2wxv9
What is UX Design?
QUIZ
What is UX?
• Short History
• UX
What is UX Design?
• Wrong
• Right
UX Design Updated
• Naver Webtoon
2016 UX Design Trend
• Flat Design 2.0
• More Personalized
• Story-Telling
• Anticipate Design
Right Answer
http://terms.naver.com/entry.nhn?docId=928253&cid=50342&categoryId=50342
UX 평가항목
몰입도 만족도 재접근성
What is UX Design?
QUIZ
What is UX?
• Short History
• UX
What is UX Design?
• Wrong
• Right
UX Design Updated
• Naver Webtoon
2016 UX Design Trend
• Flat Design 2.0
• More Personalized
• Story-Telling
• Anticipate Design
Right
http://terms.naver.com/entry.nhn?docId=928253&cid=50342&categoryId=50342
UI 평가항목
사용성 접근성 편의성
What is UX Design?
QUIZ
What is UX?
• Short History
• UX
What is UX Design?
• Wrong
• Right
UX Design Updated
• Naver Webtoon
2016 UX Design Trend
• Flat Design 2.0
• More Personalized
• Story-Telling
• Anticipate Design
Right
UX DesignUI Design
What is UX Design?
QUIZ
What is UX?
• Short History
• UX
What is UX Design?
• Wrong
• Right
UX Design Updated
• Naver Webtoon
2016 UX Design Trend
• Flat Design 2.0
• More Personalized
• Story-Telling
• Anticipate Design
Right
UX DesignUI Design
What is UX Design?
QUIZ
What is UX?
• Short History
• UX
What is UX Design?
• Wrong
• Right
UX Design Updated
• Naver Webtoon
2016 UX Design Trend
• Flat Design 2.0
• More Personalized
• Story-Telling
• Anticipate Design
Right
http://www.amkor.co.kr/archives/619
UX Design Updated
QUIZ
What is UX?
• Short History
• UX
What is UX Design?
• Wrong
• Right
UX Design Updated
• Naver Webtoon
2016 UX Design Trend
• Flat Design 2.0
• More Personalized
• Story-Telling
• Anticipate Design
Naver Webtoon
http://greatappstimeline.xyz/instagram/
UX Design Updated
QUIZ
What is UX?
• Short History
• UX
What is UX Design?
• Wrong
• Right
UX Design Updated
• Naver Webtoon
2016 UX Design Trend
• Flat Design 2.0
• More Personalized
• Story-Telling
• Anticipate Design
Pinterest QUIZ
http://blog.wishket.com/2016-ux-%EB%94%94%EC%9E%90%EC%9D%B8-%ED%8A%B8%EB%A0%8C%EB%93%9C-7%EC%84%A0/
기존 플랫 디자인 (Flat Design) : 복잡한 그래픽 효과를 배제하고 단순한 색상과 구성을 통해
직관적인 인식이 가능하도록 구성하는 2차원 디자인 방식
플랫 디자인 2.0의 가장 큰 특징 : 레이어링 (Layering)
플랫 디자인 원칙에 충실하면서 동시에 링크와 버튼 등에 시각적으로 매력적인 요소를 부여하는 것
그 결과, 플랫 디자인 2.0은 ‘플랫'하면서 동시에 입체적인 디자인이 되어
사용자들에게 쉬운 인터페이스를 제공할 수 있게 됨
플랫 디자인 2.0
2016 UX Design Trend
QUIZ
What is UX?
• Short History
• UX
What is UX Design?
• Wrong
• Right
UX Design Updated
• Naver Webtoon
2016 UX Design Trend
• Flat Design 2.0
• More Personalized
• Story-Telling
• Anticipate Design
Flat Design 2.0
http://www.thundertech.com/blog/January-2016/The-Shape-of-Flat-Design
2016 UX Design Trend
QUIZ
What is UX?
• Short History
• UX
What is UX Design?
• Wrong
• Right
UX Design Updated
• Naver Webtoon
2016 UX Design Trend
• Flat Design 2.0
• More Personalized
• Story-Telling
• Anticipate Design
Flat Design 2.0
http://blog.wishket.com/2016-ux-%EB%94%94%EC%9E%90%EC%9D%B8-%ED%8A%B8%EB%A0%8C%EB%93%9C-7%EC%84%A0/
개인화 : 방문자 각각의 선호도와 과거 행동을 분석하여 그에 맞는 사용자 경험을 제공하는 것
일부 웹 사이트들은 사용자의 SNS계정을 통해 회원가입을 할 수 있는 선택지를 제공한 후
해당 SNS 프로필을 분석하여 개인화된 사용자 경험을 제공
사용자의 위치 혹은 지역 정보를 아는 것만으로도 높은 수준의 개인화된 사용자 경험을 제공할 수 있음
사용자 경험의 개인화
2016 UX Design Trend
QUIZ
What is UX?
• Short History
• UX
What is UX Design?
• Wrong
• Right
UX Design Updated
• Naver Webtoon
2016 UX Design Trend
• Flat Design 2.0
• More Personalized
• Story-Telling
• Anticipate Design
More Personalized User Experience
https://vimeo.com/
2016 UX Design Trend
QUIZ
What is UX?
• Short History
• UX
What is UX Design?
• Wrong
• Right
UX Design Updated
• Naver Webtoon
2016 UX Design Trend
• Flat Design 2.0
• More Personalized
• Story-Telling
• Anticipate Design
More Personalized User Experience
http://blog.wishket.com/2016-ux-%EB%94%94%EC%9E%90%EC%9D%B8-%ED%8A%B8%EB%A0%8C%EB%93%9C-7%EC%84%A0/http://www.greenbookblog.org/2015/09/24/storytelling-new-science-is-enriching-an-ancient-art/
스토리 텔링 : 가장 효과적인 UX 디자인 요소
스토리 텔링을 위한 좋은 이야기는
시각적이면서 동시에 감정적으로 설득력 有
→ 소비자들이 스스로 행동을 취하게 만들기 때문
스토리 텔링
2016 UX Design Trend
QUIZ
What is UX?
• Short History
• UX
What is UX Design?
• Wrong
• Right
UX Design Updated
• Naver Webtoon
2016 UX Design Trend
• Flat Design 2.0
• More Personalized
• Story-Telling
• Anticipate Design
Story-Telling
선행 디자인
사용자가 결정을 내리기 전에 미리 그들이 원하는 것을 알아내고
이에 기반하여 그들의 웹사이트 사용 과정을 단순화 시키는 디자인
→ 소비자들이 더 중요한 행동과 결정에 집중할 수 있게 됨
Ex. 팝업, 추천 항목, 위치 기반 서비스, 앱에 뜨는 공지사항 등
오랫동안 여러 분야에서 쉽게 찾아볼 수 있는 디자인 방법
http://blog.wishket.com/2016-ux-%EB%94%94%EC%9E%90%EC%9D%B8-%ED%8A%B8%EB%A0%8C%EB%93%9C-7%EC%84%A0/
2016 UX Design Trend
QUIZ
What is UX?
• Short History
• UX
What is UX Design?
• Wrong
• Right
UX Design Updated
• Naver Webtoon
2016 UX Design Trend
• Flat Design 2.0
• More Personalized
• Story-Telling
• Anticipate Design
Anticipate Design
http://blog.wishket.com/%ED%8E%B8%EB%A6%AC%ED%95%98%EA%B3%A0-%EB%8B%A8%EC%88%9C%ED%95%9C-%EC%9B%B9%EB%94%94%EC%9E%90%EC%9D%B8%EC%9D%84-%EC%9C%84%ED%95%9C-%EA%B0%80%EC%9D%B4%EB%93%9C%EB%9D%BC%EC%9D%B8-%EC%84%A0%ED%96%89/
구글 나우 - 똑똑한 개인 비서와 같이 사용자의 검색 패턴을 분석하고 유용한 정보 제공
Ex. 구글 캘린더에 저녁 약속을 등록
→ 주변의 사진 찍기 좋은 장소를 소개, 그곳의 날씨와 교통정보 등을 업데이트
2016 UX Design Trend
QUIZ
What is UX?
• Short History
• UX
What is UX Design?
• Wrong
• Right
UX Design Updated
• Naver Webtoon
2016 UX Design Trend
• Flat Design 2.0
• More Personalized
• Story-Telling
• Anticipate Design
Anticipate Design
QUIZ
UX Design UI Design
ANSWER
QUIZ
Flat Design 2.0
ANSWER
Thank You!