20

Introduction into User Experience

Embed Size (px)

DESCRIPTION

Introduction into User Experience Design and an anatomy of Windows 8 User Experience

Citation preview

Page 1: Introduction into User Experience
Page 2: Introduction into User Experience

Abdullah Al Nady

Microsoft Student Partner | Regional Expert MSP

Windows Store apps UX Designer

Microsoft CSR Dept. Member

IT student | 4th year | Zagazig University

Page 3: Introduction into User Experience

User Experience

What is User Experience?User Experience: of a software is what happens on

the end-user’s side (Perceptions/Responses) since

its splash screen shows up till its termination.

Why is User Experience important?

Page 4: Introduction into User Experience

Designing a good user

experience

DeployDesignDefineDiscover

Page 5: Introduction into User Experience

User Research

Elements of user

experience

Content Strategy

Visual Design

Interaction Design

Page 6: Introduction into User Experience

User Market Research

User Market Research:seeks to understand the needs of the market in

general, focuses on users’ interaction with the

product.

Page 7: Introduction into User Experience

Content Strategy

What is Content Strategy?Its HOW/ /WHERE you create/display/ govern

your content

WHEN

Page 8: Introduction into User Experience

Interaction Design

Interaction DesignIts how the product behaves with the user in

different situations.

There are 10 heuristics for use Interaction Design:

Page 9: Introduction into User Experience

Interaction Design

Cont.

1. Visibility of system status.

2. Match between system and the real world.

3. User control and freedom.

4. Consistency and standards.

5. Error prevention.

6. Recognition rather than recall.

7. Flexibility and efficiency of use.

8. Aesthetic and minimalist design.

9. Help users recognize and recover from errors.

10. Help and documentation.

Page 10: Introduction into User Experience

Visual Design

Visual Designthe art and profession of selecting and arranging

visual elements – such as

typography, images, symbols, and colors – to

convey a message to an audience..

There are 6 principles for Visual Design:

Page 11: Introduction into User Experience

Visual Design

1. Balance.

2. Proximity.

3. Alignment.

4. Consistency.

5. Contrast.

6. White space.

Page 12: Introduction into User Experience

Good Function

Impressing Design

Good UX

A Question

Is that Right?

Page 13: Introduction into User Experience

Windows 8 User

Experience

Page 14: Introduction into User Experience

Windows 8 User

Experience

1. Do more with less.

2. Pride in craftsmanship.

3. Be fast and fluid.

4. Authentically digital.

5. Win as one.

Page 15: Introduction into User Experience

Do more with less

Focus on what you are great at.• Keep away from distractions.

Content Before Chrome.• Content is the heart of the experience.

• Leave only the most relevant elements on screen.

• Let people be immersed in what they love and

they will explore the rest.

Page 16: Introduction into User Experience

Pride in craftsmanship

Typography

Grid View

Page 17: Introduction into User Experience

Be fast and fluid

“Every pixel counts!”

Continuity through motion

Ergonomic and touch

Simplified flow

Page 18: Introduction into User Experience

Authentically Digital

Beyond physical metaphors

Infographic and glyphs

Page 19: Introduction into User Experience

Win as one

Contracts: 1 + 1 = 3Search, Share, File picker

Consistent UI Model

Page 20: Introduction into User Experience

Thank

you!

Keep in touch!

/ab.nady

@AbNady

/in/abnady

[email protected]

(+20111) 767 88 99