SlideShare a Scribd company logo
1 of 30
앱개발자를 위한 UX디자인 실무 KT / 삼성멀티캠퍼스 / 동준상 강사
오늘의 강사소개 동 준 상 (@jonathanis | www.nextapp.co.kr)직위 – 현 넥스트앱 대표, 위너스랩UX 아키텍트강의 - 삼성멀티캠퍼스, KT연수원, 한국온라인미디어협회경력 –교직원공제회 / 서울대학교 치과병원 스마트회의 / 중소기업청 / 블랙박스 / 조선호텔 /신세계푸드/ 세븐럭카지노/ 보디가드 / 00700 / 클라우드 학원 플랫폼
오늘 강의 개요 고급개발자 - 최소의 변환작업을 통해 크로스 플랫폼으로 적용 가능한 UX디자인 패턴 확보 중급개발자 - 최신 앱 컨텐츠와 디자인의 모범사례를 통해 보유한 기술의 적용방향을 확인 개발입문자 - 전형적인 모바일UX디자인을 이해함으로써 Model과 View를 효과적으로 결합
오늘 강의 목차 H1. 아이폰 UX디자인  모바일 UX의 기본요소 H2. 아이패드 UX디자인  아이폰과의 차별성 H3. 안드로이드/윈도우폰7 UX디자인  플랫폼별 전형성 H4. 모바일UX 개발프로세스  페르소나부터 목업까지 H5. 모바일UI/UX 사례 (중소기업청) 실제 개발프로세스 H6. UX 실무  앱주제선정/UX문서활용/UX컨셉 H7. UX 실무  스토리보드/와이어스케치/세부요소
H1. iPhone UX Design 아이폰 UX 디자인 PackMan
H1. iPhone UX Design UX Design vs. UI Development 전형적인 iPhone UX Design 재해석된 iPhone UX Design 같은 Model, 다른 UX (나이키 플러스 vs 운동트레이너) 오늘날 전형적인 iPhone UX Design의 필수요소
UI Development vs. UX Design  ,[object Object],UI LiveTrack24
UI Development vs. UX Design  ,[object Object],UI A Place Interaction Development Feelings Easiness Practicality Efficiency Design LiveTrack24
UI Development vs. UX Design  UI 사람, 기기, 소통, 장소 LiveTrack24
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
UI Development vs. UX Design  Usability UI, 효과, 효율, 만족 LiveTrack24
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
UI Development vs. UX Design  Usability UI, 요구, 반영 LiveTrack24
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
UI Development vs. UX Design  UX by Donald Norman
UI Development vs. UX Design  UX by Donald Norman MIT / User-centered Design ‘일상적인 물건의 디자인’이라는 책을 통해, Norman 교수는 폭 넓은 실증적 조사를 통해, 좋은 디자인과 나쁜 디자인의 이면에 있는 인간의 심리를 설명하고, 그것을 통해 디자인 원칙을 제안한다. 그는 우리의 일상적인 삶에 있어 디자인의 중요성과 함께, 나쁜 디자인에 의해 야기되는 오류의 결과를 역설하고 있다.
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.
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.
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
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
전형적인 iPhone UX Design Knot
전형적인 iPhone UX Design HIG개요
재해석된 iPhone UX Design WhereTo PackMan LiveTrack24
재해석된 iPhone UX Design 중심이슈
같은 Model, 다른 UX NB Total Fit Cardio Track Nike +
같은 Model, 다른 UX, 다른 Price NB Total Fit Free Cardio Track $49.99 Nike + $1.99
같은 Model, 다른 UX 나이키 플러스
같은 Model, 다른 UX NB 토탈핏
같은 Model, 다른 UX Cardio Track
감사합니다.  Contact us Follow me : @jonathanis Be Facebook Friend : Jonathan Dong  Brand-site : http://www.nextapp.co.kr Useful blog-Post : http:// naebon.blog.me Email : naebon1@gmail.com

More Related Content

What's hot

UX/UI 개념과 방향성
UX/UI 개념과 방향성UX/UI 개념과 방향성
UX/UI 개념과 방향성Billy Choi
 
UX, UX Design, UX Process (@Daum/2014)
UX, UX Design, UX Process (@Daum/2014)UX, UX Design, UX Process (@Daum/2014)
UX, UX Design, UX Process (@Daum/2014)keesung kim
 
UX디자인 bookstudy
UX디자인 bookstudyUX디자인 bookstudy
UX디자인 bookstudy정인 주
 
Scenario-Based Interactive UI Design
Scenario-Based Interactive UI DesignScenario-Based Interactive UI Design
Scenario-Based Interactive UI DesignHyunjin Ahn
 
당신이 UX Design Project에 참여할 때 알아야 할 것들
당신이 UX Design Project에 참여할 때 알아야 할 것들당신이 UX Design Project에 참여할 때 알아야 할 것들
당신이 UX Design Project에 참여할 때 알아야 할 것들Dongsik Yang
 
Best Practice for Mobile UX Design
Best Practice for Mobile UX DesignBest Practice for Mobile UX Design
Best Practice for Mobile UX DesignJunsang Dong
 
모바일UX디자인 Essential
모바일UX디자인 Essential모바일UX디자인 Essential
모바일UX디자인 EssentialJunsang Dong
 
2015 ux관점으로 바라본 보험 서비스 디자인
2015 ux관점으로 바라본 보험 서비스 디자인2015 ux관점으로 바라본 보험 서비스 디자인
2015 ux관점으로 바라본 보험 서비스 디자인Donghoo Kim
 
UX Planning Training Course_SYS4U I&C
UX Planning Training Course_SYS4U I&CUX Planning Training Course_SYS4U I&C
UX Planning Training Course_SYS4U I&Csys4u
 
UX_trigger v2.(Limepaper) 2015
UX_trigger v2.(Limepaper) 2015UX_trigger v2.(Limepaper) 2015
UX_trigger v2.(Limepaper) 2015Limepaper, Inc.
 
2015 HCI - Smart TV General Guidelines
2015 HCI - Smart TV General Guidelines2015 HCI - Smart TV General Guidelines
2015 HCI - Smart TV General GuidelinesDonghoo Kim
 
Mobile UX Design Essential
Mobile UX Design EssentialMobile UX Design Essential
Mobile UX Design EssentialJunsang Dong
 
비즈니스모델링_2012_콘텐츠진흥원_SCC
비즈니스모델링_2012_콘텐츠진흥원_SCC비즈니스모델링_2012_콘텐츠진흥원_SCC
비즈니스모델링_2012_콘텐츠진흥원_SCCJunsang Dong
 
재미있는Ux디자인이야기 이희진
재미있는Ux디자인이야기 이희진재미있는Ux디자인이야기 이희진
재미있는Ux디자인이야기 이희진EnableKorea,MoneyQ
 
HCI KOREA 2017 데이터 기반 UX 평가를 통한 반응형웹 디자인 개선 방안
HCI KOREA 2017 데이터 기반 UX 평가를 통한 반응형웹 디자인 개선 방안HCI KOREA 2017 데이터 기반 UX 평가를 통한 반응형웹 디자인 개선 방안
HCI KOREA 2017 데이터 기반 UX 평가를 통한 반응형웹 디자인 개선 방안(주)SNC Lab.
 
UX Trend Research
UX Trend ResearchUX Trend Research
UX Trend ResearchBilly Choi
 
UX 디자인사례와 커뮤니케이션
UX 디자인사례와 커뮤니케이션UX 디자인사례와 커뮤니케이션
UX 디자인사례와 커뮤니케이션Bryan Woo
 

What's hot (20)

Ux design process
Ux design processUx design process
Ux design process
 
Ui vs ux
Ui vs uxUi vs ux
Ui vs ux
 
UX/UI 개념과 방향성
UX/UI 개념과 방향성UX/UI 개념과 방향성
UX/UI 개념과 방향성
 
UX, UX Design, UX Process (@Daum/2014)
UX, UX Design, UX Process (@Daum/2014)UX, UX Design, UX Process (@Daum/2014)
UX, UX Design, UX Process (@Daum/2014)
 
UX디자인 bookstudy
UX디자인 bookstudyUX디자인 bookstudy
UX디자인 bookstudy
 
Scenario-Based Interactive UI Design
Scenario-Based Interactive UI DesignScenario-Based Interactive UI Design
Scenario-Based Interactive UI Design
 
당신이 UX Design Project에 참여할 때 알아야 할 것들
당신이 UX Design Project에 참여할 때 알아야 할 것들당신이 UX Design Project에 참여할 때 알아야 할 것들
당신이 UX Design Project에 참여할 때 알아야 할 것들
 
Bsw ui ux정의
Bsw ui ux정의Bsw ui ux정의
Bsw ui ux정의
 
Best Practice for Mobile UX Design
Best Practice for Mobile UX DesignBest Practice for Mobile UX Design
Best Practice for Mobile UX Design
 
모바일UX디자인 Essential
모바일UX디자인 Essential모바일UX디자인 Essential
모바일UX디자인 Essential
 
2015 ux관점으로 바라본 보험 서비스 디자인
2015 ux관점으로 바라본 보험 서비스 디자인2015 ux관점으로 바라본 보험 서비스 디자인
2015 ux관점으로 바라본 보험 서비스 디자인
 
UX Planning Training Course_SYS4U I&C
UX Planning Training Course_SYS4U I&CUX Planning Training Course_SYS4U I&C
UX Planning Training Course_SYS4U I&C
 
UX_trigger v2.(Limepaper) 2015
UX_trigger v2.(Limepaper) 2015UX_trigger v2.(Limepaper) 2015
UX_trigger v2.(Limepaper) 2015
 
2015 HCI - Smart TV General Guidelines
2015 HCI - Smart TV General Guidelines2015 HCI - Smart TV General Guidelines
2015 HCI - Smart TV General Guidelines
 
Mobile UX Design Essential
Mobile UX Design EssentialMobile UX Design Essential
Mobile UX Design Essential
 
비즈니스모델링_2012_콘텐츠진흥원_SCC
비즈니스모델링_2012_콘텐츠진흥원_SCC비즈니스모델링_2012_콘텐츠진흥원_SCC
비즈니스모델링_2012_콘텐츠진흥원_SCC
 
재미있는Ux디자인이야기 이희진
재미있는Ux디자인이야기 이희진재미있는Ux디자인이야기 이희진
재미있는Ux디자인이야기 이희진
 
HCI KOREA 2017 데이터 기반 UX 평가를 통한 반응형웹 디자인 개선 방안
HCI KOREA 2017 데이터 기반 UX 평가를 통한 반응형웹 디자인 개선 방안HCI KOREA 2017 데이터 기반 UX 평가를 통한 반응형웹 디자인 개선 방안
HCI KOREA 2017 데이터 기반 UX 평가를 통한 반응형웹 디자인 개선 방안
 
UX Trend Research
UX Trend ResearchUX Trend Research
UX Trend Research
 
UX 디자인사례와 커뮤니케이션
UX 디자인사례와 커뮤니케이션UX 디자인사례와 커뮤니케이션
UX 디자인사례와 커뮤니케이션
 

Viewers also liked

2016 심천 (Shenzen) ICT 트랜드 리포트
2016 심천 (Shenzen) ICT 트랜드 리포트2016 심천 (Shenzen) ICT 트랜드 리포트
2016 심천 (Shenzen) ICT 트랜드 리포트Junsang Dong
 
EMS Software: Enabling the Workplace of the Future
EMS Software: Enabling the Workplace of the FutureEMS Software: Enabling the Workplace of the Future
EMS Software: Enabling the Workplace of the FutureEMS Software
 
트렌드와 사례연구를 통한 모바일 커머스 차별화 UI/UX 전략 모델 통찰
트렌드와 사례연구를 통한모바일 커머스 차별화 UI/UX 전략 모델 통찰트렌드와 사례연구를 통한모바일 커머스 차별화 UI/UX 전략 모델 통찰
트렌드와 사례연구를 통한 모바일 커머스 차별화 UI/UX 전략 모델 통찰Billy Choi
 
ICT 상용화 시리즈 09 플라스틱 실무 개론
ICT 상용화 시리즈 09 플라스틱 실무 개론ICT 상용화 시리즈 09 플라스틱 실무 개론
ICT 상용화 시리즈 09 플라스틱 실무 개론Junsang Dong
 
[HCI2011]모바일웹 UI패턴 및 UI플랫폼_김창겸,문승현_배포용
[HCI2011]모바일웹 UI패턴 및 UI플랫폼_김창겸,문승현_배포용[HCI2011]모바일웹 UI패턴 및 UI플랫폼_김창겸,문승현_배포용
[HCI2011]모바일웹 UI패턴 및 UI플랫폼_김창겸,문승현_배포용ChangGyum Kim
 
최신 UX/UI 디자인 트렌드
최신 UX/UI 디자인 트렌드최신 UX/UI 디자인 트렌드
최신 UX/UI 디자인 트렌드Billy Choi
 
2015 Internet of Logistic Things / 2015 물류 사물인터넷
2015 Internet of Logistic Things / 2015 물류 사물인터넷2015 Internet of Logistic Things / 2015 물류 사물인터넷
2015 Internet of Logistic Things / 2015 물류 사물인터넷Junsang Dong
 
식품위생교육용 표준교안
식품위생교육용 표준교안식품위생교육용 표준교안
식품위생교육용 표준교안kim hee sung
 
[E5]googles engineering culture
[E5]googles engineering culture[E5]googles engineering culture
[E5]googles engineering cultureNAVER D2
 
2015년 중국IT트렌드 China ict trend
2015년 중국IT트렌드 China ict trend2015년 중국IT트렌드 China ict trend
2015년 중국IT트렌드 China ict trendSangrae Jo
 
Android ui benchmarking
Android ui benchmarkingAndroid ui benchmarking
Android ui benchmarkingJunsang Dong
 
Corporate Culture Revolution
Corporate Culture RevolutionCorporate Culture Revolution
Corporate Culture RevolutionSungHyuk Park
 
UX/UI 전략 컨설턴트 양성 과정 강의 계획서
UX/UI 전략 컨설턴트 양성 과정 강의 계획서UX/UI 전략 컨설턴트 양성 과정 강의 계획서
UX/UI 전략 컨설턴트 양성 과정 강의 계획서Billy Choi
 
2014년, UX 연구 주제와 방향은 무엇입니까?(UXCAMP SEOUL 5TH)
2014년, UX 연구 주제와 방향은 무엇입니까?(UXCAMP SEOUL 5TH)2014년, UX 연구 주제와 방향은 무엇입니까?(UXCAMP SEOUL 5TH)
2014년, UX 연구 주제와 방향은 무엇입니까?(UXCAMP SEOUL 5TH)Billy Choi
 
안드로이드 어플 개발 전략 10가지 1부
안드로이드 어플 개발 전략 10가지 1부안드로이드 어플 개발 전략 10가지 1부
안드로이드 어플 개발 전략 10가지 1부mosaicnet
 
모바일 웹 UI/UX의 현재와 미래 - Agenda
모바일 웹 UI/UX의 현재와 미래 - Agenda모바일 웹 UI/UX의 현재와 미래 - Agenda
모바일 웹 UI/UX의 현재와 미래 - AgendaJonathan Jeon
 
영화와 함께하는 ICT 기술-창원대학교 과학영재교육원
영화와 함께하는 ICT 기술-창원대학교 과학영재교육원영화와 함께하는 ICT 기술-창원대학교 과학영재교육원
영화와 함께하는 ICT 기술-창원대학교 과학영재교육원Changwon National University
 

Viewers also liked (20)

2016 심천 (Shenzen) ICT 트랜드 리포트
2016 심천 (Shenzen) ICT 트랜드 리포트2016 심천 (Shenzen) ICT 트랜드 리포트
2016 심천 (Shenzen) ICT 트랜드 리포트
 
EMS Software: Enabling the Workplace of the Future
EMS Software: Enabling the Workplace of the FutureEMS Software: Enabling the Workplace of the Future
EMS Software: Enabling the Workplace of the Future
 
트렌드와 사례연구를 통한 모바일 커머스 차별화 UI/UX 전략 모델 통찰
트렌드와 사례연구를 통한모바일 커머스 차별화 UI/UX 전략 모델 통찰트렌드와 사례연구를 통한모바일 커머스 차별화 UI/UX 전략 모델 통찰
트렌드와 사례연구를 통한 모바일 커머스 차별화 UI/UX 전략 모델 통찰
 
ICT 상용화 시리즈 09 플라스틱 실무 개론
ICT 상용화 시리즈 09 플라스틱 실무 개론ICT 상용화 시리즈 09 플라스틱 실무 개론
ICT 상용화 시리즈 09 플라스틱 실무 개론
 
[HCI2011]모바일웹 UI패턴 및 UI플랫폼_김창겸,문승현_배포용
[HCI2011]모바일웹 UI패턴 및 UI플랫폼_김창겸,문승현_배포용[HCI2011]모바일웹 UI패턴 및 UI플랫폼_김창겸,문승현_배포용
[HCI2011]모바일웹 UI패턴 및 UI플랫폼_김창겸,문승현_배포용
 
최신 UX/UI 디자인 트렌드
최신 UX/UI 디자인 트렌드최신 UX/UI 디자인 트렌드
최신 UX/UI 디자인 트렌드
 
2015 Internet of Logistic Things / 2015 물류 사물인터넷
2015 Internet of Logistic Things / 2015 물류 사물인터넷2015 Internet of Logistic Things / 2015 물류 사물인터넷
2015 Internet of Logistic Things / 2015 물류 사물인터넷
 
식품위생교육용 표준교안
식품위생교육용 표준교안식품위생교육용 표준교안
식품위생교육용 표준교안
 
[E5]googles engineering culture
[E5]googles engineering culture[E5]googles engineering culture
[E5]googles engineering culture
 
2015년 중국IT트렌드 China ict trend
2015년 중국IT트렌드 China ict trend2015년 중국IT트렌드 China ict trend
2015년 중국IT트렌드 China ict trend
 
10월 1주차 ux trend
10월 1주차 ux trend10월 1주차 ux trend
10월 1주차 ux trend
 
Android ui benchmarking
Android ui benchmarkingAndroid ui benchmarking
Android ui benchmarking
 
Embarazo en adolescentes
Embarazo en adolescentesEmbarazo en adolescentes
Embarazo en adolescentes
 
Corporate Culture Revolution
Corporate Culture RevolutionCorporate Culture Revolution
Corporate Culture Revolution
 
Ux for beginners
Ux for beginnersUx for beginners
Ux for beginners
 
UX/UI 전략 컨설턴트 양성 과정 강의 계획서
UX/UI 전략 컨설턴트 양성 과정 강의 계획서UX/UI 전략 컨설턴트 양성 과정 강의 계획서
UX/UI 전략 컨설턴트 양성 과정 강의 계획서
 
2014년, UX 연구 주제와 방향은 무엇입니까?(UXCAMP SEOUL 5TH)
2014년, UX 연구 주제와 방향은 무엇입니까?(UXCAMP SEOUL 5TH)2014년, UX 연구 주제와 방향은 무엇입니까?(UXCAMP SEOUL 5TH)
2014년, UX 연구 주제와 방향은 무엇입니까?(UXCAMP SEOUL 5TH)
 
안드로이드 어플 개발 전략 10가지 1부
안드로이드 어플 개발 전략 10가지 1부안드로이드 어플 개발 전략 10가지 1부
안드로이드 어플 개발 전략 10가지 1부
 
모바일 웹 UI/UX의 현재와 미래 - Agenda
모바일 웹 UI/UX의 현재와 미래 - Agenda모바일 웹 UI/UX의 현재와 미래 - Agenda
모바일 웹 UI/UX의 현재와 미래 - Agenda
 
영화와 함께하는 ICT 기술-창원대학교 과학영재교육원
영화와 함께하는 ICT 기술-창원대학교 과학영재교육원영화와 함께하는 ICT 기술-창원대학교 과학영재교육원
영화와 함께하는 ICT 기술-창원대학교 과학영재교육원
 

Similar to 모바일 UX디자인의 개요

Uxt설명회(0901)
Uxt설명회(0901)Uxt설명회(0901)
Uxt설명회(0901)JongHo Lee
 
사물인터넷(IoT)/웨어러블 UX 디자인툴킷_UX-trigger for Iot/Wearable_v1
사물인터넷(IoT)/웨어러블 UX 디자인툴킷_UX-trigger for Iot/Wearable_v1사물인터넷(IoT)/웨어러블 UX 디자인툴킷_UX-trigger for Iot/Wearable_v1
사물인터넷(IoT)/웨어러블 UX 디자인툴킷_UX-trigger for Iot/Wearable_v1Limepaper, Inc.
 
Appendix uxtrigger toolkit_v1_iot_2019
Appendix uxtrigger toolkit_v1_iot_2019Appendix uxtrigger toolkit_v1_iot_2019
Appendix uxtrigger toolkit_v1_iot_2019Potentialeyes, Inc.
 
UX 프로젝트 가이드 (UX Project Guide)
UX 프로젝트 가이드 (UX Project Guide) UX 프로젝트 가이드 (UX Project Guide)
UX 프로젝트 가이드 (UX Project Guide) RightBrain inc.
 
Uxtrigger template v5.compressed_2019
Uxtrigger template v5.compressed_2019Uxtrigger template v5.compressed_2019
Uxtrigger template v5.compressed_2019Potentialeyes, Inc.
 
오래가는 Ux 디자인 1414905 이서현
오래가는 Ux 디자인   1414905 이서현오래가는 Ux 디자인   1414905 이서현
오래가는 Ux 디자인 1414905 이서현서현 이
 
사용자경험 이야기 요약본
사용자경험 이야기 요약본사용자경험 이야기 요약본
사용자경험 이야기 요약본sangyong lee
 
성공적인 UX디자인을 위한 프로토타입 방법론
성공적인 UX디자인을 위한 프로토타입 방법론 성공적인 UX디자인을 위한 프로토타입 방법론
성공적인 UX디자인을 위한 프로토타입 방법론 Unbong Kang
 
오래가는 Ux 디자인 파이널 1414905 이서현
오래가는 Ux 디자인 파이널  1414905 이서현오래가는 Ux 디자인 파이널  1414905 이서현
오래가는 Ux 디자인 파이널 1414905 이서현서현 이
 
N screen과 클라우드 컴퓨팅 패러다임 ux 생태계 구축
N screen과 클라우드 컴퓨팅 패러다임 ux 생태계 구축N screen과 클라우드 컴퓨팅 패러다임 ux 생태계 구축
N screen과 클라우드 컴퓨팅 패러다임 ux 생태계 구축Yoojoo Jang
 
[Seminar]2nd.lecture.uxui.consulting.20210713
[Seminar]2nd.lecture.uxui.consulting.20210713[Seminar]2nd.lecture.uxui.consulting.20210713
[Seminar]2nd.lecture.uxui.consulting.20210713Jeongeun Kwon
 
사용자경험디자인 기초 강의 #1
사용자경험디자인 기초 강의 #1사용자경험디자인 기초 강의 #1
사용자경험디자인 기초 강의 #1Jd Kim
 
UX 디자인 기본 개념과 프로세스
UX 디자인 기본 개념과 프로세스UX 디자인 기본 개념과 프로세스
UX 디자인 기본 개념과 프로세스Hyun-june Kwon
 
마크업개발자가 UX를 알아야 하는 이유
마크업개발자가 UX를 알아야 하는 이유마크업개발자가 UX를 알아야 하는 이유
마크업개발자가 UX를 알아야 하는 이유Woo Sanghun
 
ux 2.0 시대의 ceo와 디자이너의 역할
ux 2.0 시대의 ceo와 디자이너의 역할ux 2.0 시대의 ceo와 디자이너의 역할
ux 2.0 시대의 ceo와 디자이너의 역할Billy Choi
 
Ui(user inter face) design
Ui(user inter face) design Ui(user inter face) design
Ui(user inter face) design jake Moon
 
User Interface
User InterfaceUser Interface
User InterfaceIl-woo Lee
 

Similar to 모바일 UX디자인의 개요 (20)

U&I Insgiht
U&I InsgihtU&I Insgiht
U&I Insgiht
 
Uxtrigger brochure v4(2019)-rev
Uxtrigger brochure v4(2019)-revUxtrigger brochure v4(2019)-rev
Uxtrigger brochure v4(2019)-rev
 
Uxt설명회(0901)
Uxt설명회(0901)Uxt설명회(0901)
Uxt설명회(0901)
 
사물인터넷(IoT)/웨어러블 UX 디자인툴킷_UX-trigger for Iot/Wearable_v1
사물인터넷(IoT)/웨어러블 UX 디자인툴킷_UX-trigger for Iot/Wearable_v1사물인터넷(IoT)/웨어러블 UX 디자인툴킷_UX-trigger for Iot/Wearable_v1
사물인터넷(IoT)/웨어러블 UX 디자인툴킷_UX-trigger for Iot/Wearable_v1
 
Appendix uxtrigger toolkit_v1_iot_2019
Appendix uxtrigger toolkit_v1_iot_2019Appendix uxtrigger toolkit_v1_iot_2019
Appendix uxtrigger toolkit_v1_iot_2019
 
UX 프로젝트 가이드 (UX Project Guide)
UX 프로젝트 가이드 (UX Project Guide) UX 프로젝트 가이드 (UX Project Guide)
UX 프로젝트 가이드 (UX Project Guide)
 
Uxtrigger template v5.compressed_2019
Uxtrigger template v5.compressed_2019Uxtrigger template v5.compressed_2019
Uxtrigger template v5.compressed_2019
 
오래가는 Ux 디자인 1414905 이서현
오래가는 Ux 디자인   1414905 이서현오래가는 Ux 디자인   1414905 이서현
오래가는 Ux 디자인 1414905 이서현
 
사용자경험 이야기 요약본
사용자경험 이야기 요약본사용자경험 이야기 요약본
사용자경험 이야기 요약본
 
Ux design approach
Ux design approachUx design approach
Ux design approach
 
성공적인 UX디자인을 위한 프로토타입 방법론
성공적인 UX디자인을 위한 프로토타입 방법론 성공적인 UX디자인을 위한 프로토타입 방법론
성공적인 UX디자인을 위한 프로토타입 방법론
 
오래가는 Ux 디자인 파이널 1414905 이서현
오래가는 Ux 디자인 파이널  1414905 이서현오래가는 Ux 디자인 파이널  1414905 이서현
오래가는 Ux 디자인 파이널 1414905 이서현
 
N screen과 클라우드 컴퓨팅 패러다임 ux 생태계 구축
N screen과 클라우드 컴퓨팅 패러다임 ux 생태계 구축N screen과 클라우드 컴퓨팅 패러다임 ux 생태계 구축
N screen과 클라우드 컴퓨팅 패러다임 ux 생태계 구축
 
[Seminar]2nd.lecture.uxui.consulting.20210713
[Seminar]2nd.lecture.uxui.consulting.20210713[Seminar]2nd.lecture.uxui.consulting.20210713
[Seminar]2nd.lecture.uxui.consulting.20210713
 
사용자경험디자인 기초 강의 #1
사용자경험디자인 기초 강의 #1사용자경험디자인 기초 강의 #1
사용자경험디자인 기초 강의 #1
 
UX 디자인 기본 개념과 프로세스
UX 디자인 기본 개념과 프로세스UX 디자인 기본 개념과 프로세스
UX 디자인 기본 개념과 프로세스
 
마크업개발자가 UX를 알아야 하는 이유
마크업개발자가 UX를 알아야 하는 이유마크업개발자가 UX를 알아야 하는 이유
마크업개발자가 UX를 알아야 하는 이유
 
ux 2.0 시대의 ceo와 디자이너의 역할
ux 2.0 시대의 ceo와 디자이너의 역할ux 2.0 시대의 ceo와 디자이너의 역할
ux 2.0 시대의 ceo와 디자이너의 역할
 
Ui(user inter face) design
Ui(user inter face) design Ui(user inter face) design
Ui(user inter face) design
 
User Interface
User InterfaceUser Interface
User Interface
 

Recently uploaded

MOODv2 : Masked Image Modeling for Out-of-Distribution Detection
MOODv2 : Masked Image Modeling for Out-of-Distribution DetectionMOODv2 : Masked Image Modeling for Out-of-Distribution Detection
MOODv2 : Masked Image Modeling for Out-of-Distribution DetectionKim Daeun
 
A future that integrates LLMs and LAMs (Symposium)
A future that integrates LLMs and LAMs (Symposium)A future that integrates LLMs and LAMs (Symposium)
A future that integrates LLMs and LAMs (Symposium)Tae Young Lee
 
캐드앤그래픽스 2024년 5월호 목차
캐드앤그래픽스 2024년 5월호 목차캐드앤그래픽스 2024년 5월호 목차
캐드앤그래픽스 2024년 5월호 목차캐드앤그래픽스
 
Console API (Kitworks Team Study 백혜인 발표자료)
Console API (Kitworks Team Study 백혜인 발표자료)Console API (Kitworks Team Study 백혜인 발표자료)
Console API (Kitworks Team Study 백혜인 발표자료)Wonjun Hwang
 
Continual Active Learning for Efficient Adaptation of Machine LearningModels ...
Continual Active Learning for Efficient Adaptation of Machine LearningModels ...Continual Active Learning for Efficient Adaptation of Machine LearningModels ...
Continual Active Learning for Efficient Adaptation of Machine LearningModels ...Kim Daeun
 
Merge (Kitworks Team Study 이성수 발표자료 240426)
Merge (Kitworks Team Study 이성수 발표자료 240426)Merge (Kitworks Team Study 이성수 발표자료 240426)
Merge (Kitworks Team Study 이성수 발표자료 240426)Wonjun Hwang
 

Recently uploaded (6)

MOODv2 : Masked Image Modeling for Out-of-Distribution Detection
MOODv2 : Masked Image Modeling for Out-of-Distribution DetectionMOODv2 : Masked Image Modeling for Out-of-Distribution Detection
MOODv2 : Masked Image Modeling for Out-of-Distribution Detection
 
A future that integrates LLMs and LAMs (Symposium)
A future that integrates LLMs and LAMs (Symposium)A future that integrates LLMs and LAMs (Symposium)
A future that integrates LLMs and LAMs (Symposium)
 
캐드앤그래픽스 2024년 5월호 목차
캐드앤그래픽스 2024년 5월호 목차캐드앤그래픽스 2024년 5월호 목차
캐드앤그래픽스 2024년 5월호 목차
 
Console API (Kitworks Team Study 백혜인 발표자료)
Console API (Kitworks Team Study 백혜인 발표자료)Console API (Kitworks Team Study 백혜인 발표자료)
Console API (Kitworks Team Study 백혜인 발표자료)
 
Continual Active Learning for Efficient Adaptation of Machine LearningModels ...
Continual Active Learning for Efficient Adaptation of Machine LearningModels ...Continual Active Learning for Efficient Adaptation of Machine LearningModels ...
Continual Active Learning for Efficient Adaptation of Machine LearningModels ...
 
Merge (Kitworks Team Study 이성수 발표자료 240426)
Merge (Kitworks Team Study 이성수 발표자료 240426)Merge (Kitworks Team Study 이성수 발표자료 240426)
Merge (Kitworks Team Study 이성수 발표자료 240426)
 

모바일 UX디자인의 개요

  • 1. 앱개발자를 위한 UX디자인 실무 KT / 삼성멀티캠퍼스 / 동준상 강사
  • 2. 오늘의 강사소개 동 준 상 (@jonathanis | www.nextapp.co.kr)직위 – 현 넥스트앱 대표, 위너스랩UX 아키텍트강의 - 삼성멀티캠퍼스, KT연수원, 한국온라인미디어협회경력 –교직원공제회 / 서울대학교 치과병원 스마트회의 / 중소기업청 / 블랙박스 / 조선호텔 /신세계푸드/ 세븐럭카지노/ 보디가드 / 00700 / 클라우드 학원 플랫폼
  • 3. 오늘 강의 개요 고급개발자 - 최소의 변환작업을 통해 크로스 플랫폼으로 적용 가능한 UX디자인 패턴 확보 중급개발자 - 최신 앱 컨텐츠와 디자인의 모범사례를 통해 보유한 기술의 적용방향을 확인 개발입문자 - 전형적인 모바일UX디자인을 이해함으로써 Model과 View를 효과적으로 결합
  • 4. 오늘 강의 목차 H1. 아이폰 UX디자인  모바일 UX의 기본요소 H2. 아이패드 UX디자인  아이폰과의 차별성 H3. 안드로이드/윈도우폰7 UX디자인  플랫폼별 전형성 H4. 모바일UX 개발프로세스  페르소나부터 목업까지 H5. 모바일UI/UX 사례 (중소기업청) 실제 개발프로세스 H6. UX 실무  앱주제선정/UX문서활용/UX컨셉 H7. UX 실무  스토리보드/와이어스케치/세부요소
  • 5. H1. iPhone UX Design 아이폰 UX 디자인 PackMan
  • 6. H1. iPhone UX Design UX Design vs. UI Development 전형적인 iPhone UX Design 재해석된 iPhone UX Design 같은 Model, 다른 UX (나이키 플러스 vs 운동트레이너) 오늘날 전형적인 iPhone UX Design의 필수요소
  • 7.
  • 8.
  • 9. UI Development vs. UX Design UI 사람, 기기, 소통, 장소 LiveTrack24
  • 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
  • 11. UI Development vs. UX Design Usability UI, 효과, 효율, 만족 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
  • 13. UI Development vs. UX Design Usability UI, 요구, 반영 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
  • 15. UI Development vs. UX Design UX by Donald Norman
  • 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
  • 21. 전형적인 iPhone UX Design Knot
  • 22. 전형적인 iPhone UX Design HIG개요
  • 23. 재해석된 iPhone UX Design WhereTo PackMan LiveTrack24
  • 24. 재해석된 iPhone UX Design 중심이슈
  • 25. 같은 Model, 다른 UX NB Total Fit Cardio Track Nike +
  • 26. 같은 Model, 다른 UX, 다른 Price NB Total Fit Free Cardio Track $49.99 Nike + $1.99
  • 27. 같은 Model, 다른 UX 나이키 플러스
  • 28. 같은 Model, 다른 UX NB 토탈핏
  • 29. 같은 Model, 다른 UX Cardio Track
  • 30. 감사합니다. Contact us Follow me : @jonathanis Be Facebook Friend : Jonathan Dong Brand-site : http://www.nextapp.co.kr Useful blog-Post : http:// naebon.blog.me Email : naebon1@gmail.com