N-SCREEN | USER EXPERIENCE 2012 2nd semester class by jylee

NUX.jylee6977.com/tc

20121121 Class11 N-Screen Concept Model

8. 주차별 강의계획

주 날짜 주제 내용

1 09/05 수업 소개 Class Introduction & Ice Braking

2 09/12 환경 조사(1) N-Screen환경에 대한 심화 연구_사용자를 중심으로 | N-Screen에 대한 담론 (1)

3 09/19 환경 조사(2) N-Screen환경에 대한 심화 연구_기술과 마켓을 중심으로| N-Screen에 대한 담론 (2)

4 09/26 방법론 연구(1) 사용자 경험디자인방법론 실슴 | Co-creative Workshop

5 10/10 방법론 연구(2) 사용자 경험디자인 방법론 기초 | 워크샵 결과에 대한 Desk Research

6 10/17 사용자 리서치(1) 사용자 경험에 대한 사용자 리서치 방법론 기초

7 10/24 사용자 리서치(2) 개인별/그룹별 사용자 리서치 진행에 대한 내용 토론 및 키워드 추출

8 10/31 중간고사 문제점 발견 및 그에 따른 요소정의/환경요소에 대한 서론 제출

9 11/07 방법론 실행(1) 중간고사 내용을 중심으로 문제를 해결하기 위한 다양한 방법 연구 기초

10 11/14 방법론 실행(2) Persona, Mindmapping등을 통한 주요한 키 Finding 추출

11 11/21 방법론 실행(3) 사용자 스토리보드/시나리오 제작

12 11/28 프로토타이핑(1) 프로토타이핑 기초

13 12/05 프로토타이핑(2) 프로토타이핑 제작

14 12/12 프로토타이핑(3) 프로토타이핑 및 Documentation

15 12/27 기말고사 Public Presentation

Class Schedule

Part1 환경조사

Part2 사용자조사

Part3 사용자경험

Part4 프로토타이핑

| Today we are going to cover, N-Screen Concept Model Persona Samples Experience Mapping And TV

화두

Five UX Lessons from Tom Hanks Movie

Lesson #1: Re-Skinning Can Allow Financially-Advantageous Reuse 스킨만 바꾸는 디자인 변화는 재정적으로- 바람직한 재사용

1980’s sitcom Bosom Buddies

Lesson #2: Fictional Personas Can Bring Sanity to the Project

픽셔널한 페르소나는 프로젝트에 온전한 정신을 불러 일으킨다.

Movie Cast Away

Lesson #2: Fictional Personas Can Bring Sanity to the Project

픽셔널한 페르소나는 프로젝트에 온전한 정신을 불러 일으킨다.

Movie Cast Away

summarized perfectly by Dr. Charles B. Kreitzberg, 1. Enable designers to make inferences about the needs and desires of audience segments. 2. Serve to communicate user characteristics in a compact and easily understood way. 3. Help keep stakeholders from changing the definition of audience segments to advance narrow interests. 4. Put a face on the person for whom you are designing the UI.

Lesson #3: Task Completion Doesn’t Automatically Equate to Success

과업의 수행은 과업에 대한 성공으로 동시적으로 일어나진 않는다.

Movie The Green Mile

[HAL] “Okay, boys, what in the hell happened? [PAUL]: “An execution. A successful one. [HAL]: “How in the name of Christ can you call that a success? [PAUL]: “Eduard Delacroix is dead.”

Lesson #3: Task Completion Doesn’t Automatically Equate to Success

과업의 수행은 과업에 대한 성공으로 동시적으로 일어나진 않는다.

Movie The Green Mile

When these studies make claims concerning overall usability, they rely on risky assumptions about correlations between usability aspects. Unless domain specific studies suggest otherwise, effectiveness, efficiency, and satisfaction should be considered independent aspects of usability and all be included in usability testing - Frøkjær et al (CHI 2000)

Lesson #4: Complicated Interfaces Have Their Purposes, Too

복잡한 인터페이스는 나름대로 그 이유와 목적이 있다.

Movie Da Vinci Code

Lesson #5: Exceeding User Goals Makes You Memorable

사용자의 목표를 넘어서는 것은 사용자에게 기억을 남긴다.

Movie Forest Gump

Hold on to that memory … that feeling is what we’re trying to craft through emotional design. We’ll create that feeling of excitement and we’ll bond with our audience ...” - Designing For Emotion, Aaron Walter

| N-Screen Concept Model

Few Weeks Ago

N-Screen Concept Model

The following described patterns are recommendations (and not panaceas!) - Based on established design solutions, user interface design patterns, or general conceptual approaches and essays from the fields of interaction and information design. They must be tested in the project on usefulness and benefits. Each approach pattern can be combined.

N-Screen Concept Model

Mobile First Given the growing importance of mobile devices, it makes sense to develop first for the main unit. The smallest screen forces for structuring the information.

"Mobile Web growth has outpaced desktop Web growth 8x.Smartphone sales will pass PC sales in 2012. " From the Mobile First Lecture by Luke Wroblewski

N-Screen Concept Model

Adaptability The adaptability of flexible layout and content of the characteristics of the different devices simplifies system comprehensive information management. Information must always be available on the relevant devices.

Layout Adaptability (Responsive or Adaptive Design)

Content Adaptability (Forget About Mobile, Cho, 2011)

Content Availability device-independent

N-Screen Concept Model

Fluidity Information services have to be seamlessly integrated on all devices in the application context and across all devices consistent and smooth user experience offer.

Fluid Experience Consistent and continuous user experience across all devices and in all contexts

Continuity Influencing Factors:Human(behavior), device(or restriction options by device properties and interface components), service (task, function and action and target), and the context of use (environment and conditions).

Service Equality (Tagged app Equality Workman, 2011)

Problem: Users who access to many different devices on the same information expect that an application or a service always feels the same.

N-Screen Concept Model

Seamless Interaction The interaction with an application or information service across all devices must be seamless logical and understandable.

Analog Metaphor It is advisable familiar (analog) metaphors and controls to be used instead of the user-learn with hard and confront new paradigms (Learnability, Wilson, 2011).

Device-specific input methods Device-specific input methods may be considered as a supplement and used wisely. This generally refers to options that provides a specific class of device

Problem: Users want to get used to not. They prefer seamless device replacement and expect that a trained interaction on a different device works similarly.

N-Screen Concept Model

Context Relevance A range of information should always be the situation, the environment, the user and the device, and thus fit for use context. In short: the right information at the right time.

user, usage context, situation and environment, equipment, service Each device has its own special requirements and opportunities. To achieve the maximum context relevance, it is especially important the right information, at the right time, the right place and thus suitable for use context to offer

Problem: Who is using an application? In which situation is the user? What information is relevant for him at the moment? What device he used when, how, where and why? What is his intention? How much time does he have? These and other questions - about the user and the application context - should be the focus when you designed a range of information.

N-Screen Concept Model

Extensibility A range of information must always be flexible, extensible and can be adapted to changing requirements (forward compatibility).

Platform independence Flexible Concept To achieve the maximum context relevance, it is especially important the right information, at the right time, the right place and thus suitable for use context to offer

Problem: You can never completely predict the direction in which an information service developed. The expansion at a later time can cause unnecessary high costs and additional work.

N-Screen Concept Model

Storyfication If one tells the story of a product or range of information through various media distributed, you can create a single and system comprehensive ux and increase the identification of the user and with the understanding of the product.

Combination and extension of storytelling Stories can be used to provide a consistent and integrated information Experience.

Trans-media Storytelling Integral part of the process of a fiction systematically distributed through various media channels to tell in order to provide a coordinated and comprehensive entertainment experience

(Jenkins, 2007)

Big picture that complement the content and that all points of contact (Device Touch Points) and interactions with a product form a consistent and high quality user experience (Doody, 2011).

Problem: How can the product understanding of users and their loyalty and commitment to improve product while creating a consistent and pleasant user experience and information in order to differentiate themselves from competitors or comparable products?

N-Screen Concept Model

Gamification The integration of game mechanics in an information service simulates a contest. A match factor can motivate people when it's fun, challenging, is pretending a relevant target and the user can basically decide voluntarily.

Entertaining, Competitive, Visual, Rewarding

(Dole, 2010)

challenge, relevance and autonomy (Deterding, 2011).

"Whoever must play, can not play." (James P. Carse, philosopher)

Problem: How can we encourage people to use a particular service or application with enthusiasm?

N-Screen Concept Model

Gamification

N-Screen Concept Model

Communification A social networking and the creation of a community can have a source of information for its more attractive to users. A service can be a possibility that users create content, rate, share and comment can be improved

Two success factors of the social internet (social media, web 2.0) are the community driven approach and user-generated content. The Community (Community) and its members are responsible for the information (with). The user can create, comment on and correct their own content.

Problem: How can you upgrade an information service without fault of their own content and make alive? How can you encourage users to create content, assessment of information or products, or more generally to participation?

| N-Screen Use of Context

N-Screen Context of Use

Use Mode Depending on context, device and user intent, the user is (consciously or not) in a particular mode of use. If you want to relax, for example, one uses a suitable device and enters a mode that supports this need. There are two modes in which a person is located and in which they can use appropriate terminals. Modes and situations can overlap and are not always clearly determined.

N-Screen Context of Use

Use Mode Lean Back In Lean Back mode, the user is mostly relaxed and passive. The interaction with the device is sporadic, temporary and not permanent. He consumes information and can be sprinkled.

N-Screen Context of Use

Use Mode Lean Forward In Lean Forward mode, the user is mostly concentrated and actively involved. He interacts largely without interruption and with a permanent device. He takes and has constantly and directly influence the display and output of information.

N-Screen Context of Use

Situation Depending on environment, place and intention to use, the user is (consciously or not) in a particular situation. In a mobile situation you can, for example, only use portable devices. Generally can distinguish between mobile and stationary situation. Modes and situations can overlap and are not always clearly determined.

N-Screen Context of Use

Situation Mobile Transit and mobile are mainly handy (mobile) devices. The duration of use of mobile devices is relatively short, and interrupting. Road, between the start and finish of the temporary one is in a mobile situation. A mobile situation tends to be rather hectic and rather relaxed

N-Screen Context of Use

Situation Stationary Devices use, or the situation is bound to a fixed location (stationary). The term is derived from the noun station and the importance of fixed location. Quiet, resting, persisting on the spot situation

N-Screen Context of Use

Surroundings During the day, there are different situations where you can use digital devices. The environment can act in which a digital ecosystem can be divided roughly into four areas. Each one is bound to certain conditions. Use of intention (or use mode), the environment and the concrete situation in which there is a human being, as well as the existing device define the context of device utilization. The context defines the environment. The individual circumstances can affect each other.

N-Screen Context of Use

Surroundings Private Private environment and generally all private room situations are basically for strangers or outsiders not accessible. For a home you have generally the greatest influence on terminals in the vicinity.

N-Screen Context of Use

Surroundings Work The workplace is generally prohibited or restricted (foreign) for other persons or more. By individual design and function of the space situation get a more private atmosphere.

N-Screen Context of Use

Surroundings Public space Public space is always available to everyone. Anyone can participate in the situation. It is not private. It has no influence on the immediate people and equipment in its environment

N-Screen Context of Use

Transit Whenever you are on the way from one place to another, you are traveling (moving from A to B). Transit can only (semi) mobile devices to good use.

N-Screen Context of Use

김복순 (Digital Outsider) "With computers, I would like to address is no longer at my age. I do not understand anyway. I'm lucky if I can use my phone. "

69 years, widow of 4 grown children and 6 grandchildren housewife, pensioner

N-Screen Context of Use

61 years old, married, 2 grown children and 3 grandchildren housewife, pensioner (trained PTA)

한정숙 (Casual User) "Since I have a PC with internet connection, I can do many things from the comfort of your home. I use my cell phone only.

N-Screen Context of Use

| N-Screen Strategy

N-Screen Strategy

N-Screen Strategy

N-Screen Strategy

N-Screen Strategy

N-Screen Strategy

N-Screen Strategy

| N-Screen Egg-Matrix

Architecture is the design of the shell or the structure.

Interior design is the design of everything inside.

Landscape architecture is the design of everything on the outside.

When you consider

each of these…

UX design is how they all fit together.

user

UX design is how they all fit together.

user

| For Next Week - N-Screen Strategy

| This Week - Multiscreen Daily Life Cycle(Storyfication)