Introduction into User Experience

  • View
    285

  • Download
    1

  • Category

    Design

Preview:

DESCRIPTION

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

Citation preview

Abdullah Al Nady

Microsoft Student Partner | Regional Expert MSP

Windows Store apps UX Designer

Microsoft CSR Dept. Member

IT student | 4th year | Zagazig University

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?

Designing a good user

experience

DeployDesignDefineDiscover

User Research

Elements of user

experience

Content Strategy

Visual Design

Interaction Design

User Market Research

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

general, focuses on users’ interaction with the

product.

Content Strategy

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

your content

WHEN

Interaction Design

Interaction DesignIts how the product behaves with the user in

different situations.

There are 10 heuristics for use Interaction Design:

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.

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:

Visual Design

1. Balance.

2. Proximity.

3. Alignment.

4. Consistency.

5. Contrast.

6. White space.

Good Function

Impressing Design

Good UX

A Question

Is that Right?

Windows 8 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.

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.

Pride in craftsmanship

Typography

Grid View

Be fast and fluid

“Every pixel counts!”

Continuity through motion

Ergonomic and touch

Simplified flow

Authentically Digital

Beyond physical metaphors

Infographic and glyphs

Win as one

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

Consistent UI Model

Thank

you!

Keep in touch!

/ab.nady

@AbNady

/in/abnady

Ab.alnady@studentpartner.com

(+20111) 767 88 99

Recommended