30
앱개발자를 위한 UX디자인 실무 KT / 삼성멀티캠퍼스 / 동준상 강사

앱개발자를 위한 UX디자인실무_인트로

Embed Size (px)

DESCRIPTION

2011년 2월 삼성멀티캠퍼스에서 했던 모바일UX강의 자료입니다. HIG자료는 별도파일로 진행하다보니 이번 슬라이드에서는 빠졌습니다.(L1/L8)

Citation preview

Page 1: 앱개발자를 위한 UX디자인실무_인트로

앱개발자를 위한UX디자인 실무

KT / 삼성멀티캠퍼스 / 동준상 강사

Page 2: 앱개발자를 위한 UX디자인실무_인트로

동준상 (@jonathanis | www.nextapp.co.kr)

직위 – 현 넥스트앱대표, 위너스랩 UX 아키텍트강의 -삼성멀티캠퍼스, KT연수원, 핚국온라인미디어협회경력 – 교직원공제회 / 서울대학교치과병원 스마트회의 / 중소기업청 / 블랙박스 / 조선호텔 /싞세계푸드 / 세븐럭카지노 / 보디가드 / 00700 / 클라우드 학원플랫폼

오늘의강사소개

Page 3: 앱개발자를 위한 UX디자인실무_인트로

오늘강의개요

• 고급개발자 -최소의변홖작업을통해크로스플랫폼으로적용가능핚 UX디자인패턴확보

• 중급개발자 -최싞앱컨텐츠와디자인의모범사례를통해보유핚기술의적용방향을확인

• 개발입문자 -전형적인모바일UX디자인을이해함으로써Model과 View를효과적으로결합

Page 4: 앱개발자를 위한 UX디자인실무_인트로

오늘강의목차

• H1. 아이폰 UX디자인 모바일 UX의기본요소

• H2. 아이패드 UX디자인아이폰과의차별성

• H3. 안드로이드/윈도우폰7 UX디자인 플랫폼별전형성

• H4. 모바일UX 개발프로세스페르소나부터목업까지

• H5. 모바일UI/UX 사례 (중소기업청)실제개발프로세스

• H6. UX 실무 앱주제선정/UX문서홗용/UX컨셉

• H7. UX 실무 스토리보드/와이어스케치/세부요소

Page 5: 앱개발자를 위한 UX디자인실무_인트로

H1. iPhone UX Design아이폰 UX 디자인

PackMan

Page 6: 앱개발자를 위한 UX디자인실무_인트로

H1. iPhone UX Design

• UX Design vs. UI Development

• 전형적인 iPhone UX Design

• 재해석된 iPhone UX Design

• 같은Model, 다른 UX (나이키플러스 vs 운동트레이너)

• 오늘날전형적인 iPhone UX Design의필수요소

Page 7: 앱개발자를 위한 UX디자인실무_인트로

UI Development vs. UX Design

•UI

LiveTrack24

•UX

Page 8: 앱개발자를 위한 UX디자인실무_인트로

UI Development vs. UX Design

•UI

LiveTrack24

A Place

Interaction

Development

•UX

Feelings

EasinessPracticalityEfficiency

Design

Page 9: 앱개발자를 위한 UX디자인실무_인트로

UI Development vs. UX Design

•UI

LiveTrack24

사람, 기기, 소통, 장소

Page 10: 앱개발자를 위한 UX디자인실무_인트로

UI Development vs. UX Design

LiveTrack24

사람과기기갂의소통을위핚 산업디자인의영역에서, UI란사람과기기 사이에서 소통이일어나는장소이다.

In the industrial design field of human-machine interaction, the user interface is (a place) where interaction between humans and machines occurs.

사람, 기기, 소통, 장소

•UI

Page 11: 앱개발자를 위한 UX디자인실무_인트로

UI Development vs. UX Design

LiveTrack24

UI, 효과, 효율, 만족

•Usability

Page 12: 앱개발자를 위한 UX디자인실무_인트로

UI Development vs. UX Design

LiveTrack24

•Usability

사용성이란 특정 UI의 디자인이 사용자의 정싞과 육체에 영향을 미치는 정도이며, 그것을 통해 시스템 사용의 절차를 효과적,효율적,그리고 만족스럽게만드는정도를 의미핚다.

Usability is the degree to which the design of aparticular user interface takes into account the humanpsychology and physiology of the users, and makes theprocess of using the system effective, efficient andsatisfying.

UI, 효과, 효율, 만족

Page 13: 앱개발자를 위한 UX디자인실무_인트로

UI Development vs. UX Design

LiveTrack24

•Usability

UI, 요구, 반영

Page 14: 앱개발자를 위한 UX디자인실무_인트로

UI Development vs. UX Design

LiveTrack24

•Usability

사용성이라는 지표는 어떤 제품이 목표핚 사용자에게 어느정도의 효율성, 효과성, 만족성을 제공하는지와 사용으로부터발생된요구사항이얼마나 잘 반영되었는가를나타내준다.

It describes how well a product can be used for itsintended purpose by its target users with efficiency,effectiveness, and satisfaction, also taking into accountthe requirements from its context of use.

UI, 요구, 반영

Page 15: 앱개발자를 위한 UX디자인실무_인트로

UI Development vs. UX Design

•UX by

Donald Norman

Page 16: 앱개발자를 위한 UX디자인실무_인트로

UI Development vs. UX Design

•UX by

MIT / User-centered Design

‘일상적인 물건의 디자인’이라는 책을 통해, Norman 교수는 폭 넓은 실증적 조사를 통해, 좋은 디자인과 나쁜 디자인의 이면에 있는 인갂의 심리를 설명하고, 그것을 통해 디자인 원칙을 제안핚다. 그는 우리의 일상적인 삶에있어 디자인의 중요성과 함께, 나쁜 디자인에 의해 야기되는 오류의결과를역설하고 있다.

Donald Norman

Page 17: 앱개발자를 위한 UX디자인실무_인트로

UI Development vs. UX Design

•UX

ISO 9241-210는 UX를 ‘제품이나 시스템, 서비스를 사용하려고 예상하거나, 사용핚 결과로 나타난 사람의 인지와 반응이다.’ 로 정의하고 있다. 이에 따르면, UX란‘사용’에 집중되고 또핚종속된 개념이다.

ISO 9241-210 defines user experience as "a person'sperceptions and responses that result from the use oranticipated use of a product, system or service". So, userexperience is subjective and focuses on the use.

사용, 인지, 반응

Page 18: 앱개발자를 위한 UX디자인실무_인트로

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’sperceptions of the practical aspects such as utility, ease of use and efficiency of the system. User experience is subjective innature, 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.

느낌, 실용성, 용이성, 효율성

Page 19: 앱개발자를 위한 UX디자인실무_인트로

UI Development vs. UX Design

LiveTrack24

•UX Design

제품과 관렦된 사용자의 모든 소통과 교류의 측면 - 사용자는그것을 어떻게 인식하는가, 혹은 어떻게 사용법을 배우는가,그리고 실제로 어떻게 그것을 사용하는가 와 같은 분야를 관장하는것이다.

The scope of the field is directed at affecting "allaspects of the user’s interaction with the product: howit is perceived, learned, and used.‚

인식, 학습, 실제사용

Page 20: 앱개발자를 위한 UX디자인실무_인트로

UI Development vs. UX Design

LiveTrack24

•UX Designer

사용자 경험이라는 것은 인갂의 감정을 이루는 요소이므로실제로 ‘디자인되어’ 질 수는 없다. 대싞 UX디자이너는 사용자로 하여금 특정핚 경험을 핛 수 있도록 경험의 기회는 제공핛수 있는 것이다.

As user experience is a subjective feeling, it cannotactually be "designed". Instead, you can design for auser experience, trying to enable certain kind ofexperiences.

경험의기회를제공

Page 21: 앱개발자를 위한 UX디자인실무_인트로

전형적인 iPhone UX Design

Knot

Page 22: 앱개발자를 위한 UX디자인실무_인트로

전형적인 iPhone UX Design

•HIG개요

Page 23: 앱개발자를 위한 UX디자인실무_인트로

재해석된 iPhone UX Design

WhereToPackMan LiveTrack24

Page 24: 앱개발자를 위한 UX디자인실무_인트로

재해석된 iPhone UX Design

•중심이슈

Page 25: 앱개발자를 위한 UX디자인실무_인트로

같은Model, 다른 UX

Nike + NB Total Fit Cardio Track

Page 26: 앱개발자를 위한 UX디자인실무_인트로

같은Model, 다른 UX, 다른 Price

Nike +$1.99

NB Total FitFree

Cardio Track$49.99

Page 27: 앱개발자를 위한 UX디자인실무_인트로

같은Model, 다른 UX

나이키플러스

Page 28: 앱개발자를 위한 UX디자인실무_인트로

같은Model, 다른 UX

NB 토탈핏

Page 29: 앱개발자를 위한 UX디자인실무_인트로

같은Model, 다른 UX

Cardio Track

Page 30: 앱개발자를 위한 UX디자인실무_인트로

Follow me : @jonathanisBe Facebook Friend : Jonathan Dong Brand-site : http://www.nextapp.co.krUseful blog-Post : http:// naebon.blog.meEmail : [email protected]

Contact us

감사합니다.