ux - user experience design and principles

45

Upload: peeyush-sahu-capm

Post on 21-Jan-2017

502 views

Category:

Technology


5 download

TRANSCRIPT

Page 1: UX - User Experience Design and Principles
Page 2: UX - User Experience Design and Principles

Let the Magic Begins...

Page 3: UX - User Experience Design and Principles

Objective:

Intro

UX vs UI

What is UX

The UX design process

Principles in Practice

Page 4: UX - User Experience Design and Principles

[ ]

UX design is a commitment to building products

with the customer in mind- Marieke McCloskey Director of Research at UserTesting

UX design is the art and science of generating

positive emotions through product interactions- Tomer Sharon Senior UX Researcher at Google

Page 5: UX - User Experience Design and Principles
Page 6: UX - User Experience Design and Principles
Page 7: UX - User Experience Design and Principles
Page 8: UX - User Experience Design and Principles
Page 9: UX - User Experience Design and Principles
Page 10: UX - User Experience Design and Principles
Page 11: UX - User Experience Design and Principles
Page 12: UX - User Experience Design and Principles
Page 13: UX - User Experience Design and Principles
Page 14: UX - User Experience Design and Principles
Page 15: UX - User Experience Design and Principles
Page 16: UX - User Experience Design and Principles

Before Starting to Design:

What functions is the page supposed to offer?

What is your target user? What type of user will be using the page?

What is it you want the user to do on the page? Which actions do you

expect

from the user?

The goal is to create the most effective design that will cater to all your

expectations as laid out in the beginning.

Page 17: UX - User Experience Design and Principles

Forces and Gravity:

Page 18: UX - User Experience Design and Principles
Page 19: UX - User Experience Design and Principles

Content Placement Guideline:

Page 20: UX - User Experience Design and Principles

Model in Action

Page 21: UX - User Experience Design and Principles

Primary Optical Area Strong Follow

Weak Follow Terminal Area

Our UI

Page 22: UX - User Experience Design and Principles
Page 23: UX - User Experience Design and Principles

Putting Elements in Order:

Page 24: UX - User Experience Design and Principles
Page 25: UX - User Experience Design and Principles

1

2 3 4

5

6

7

Page 26: UX - User Experience Design and Principles
Page 27: UX - User Experience Design and Principles

Assisting Decision Making:

Hick’s Law : the more options we have – the longer it takes to make a decision.

Paradox of Choice : whenever we have too many options to choose from, we choose

not to choose.

Thank God We Have Miller : the law of 5 plus/minus 2 options (offer between 3 and 7

options )

"Understanding how each step of the cognitive process works is a goldmine for designers"

Page 28: UX - User Experience Design and Principles

The Four Rules of Decision Making:

The more options we have – the longer it takes to make a decision.

Whenever we have too many options to choose from, we choose not

to choose.

Whenever we do choose between too many options to choose from we

feel bad about our choice.

Effective decision making is achieved when we have 3-7 options to

choose from.

Page 29: UX - User Experience Design and Principles

Dealing with Complex Structures:

Page 30: UX - User Experience Design and Principles
Page 31: UX - User Experience Design and Principles
Page 32: UX - User Experience Design and Principles
Page 33: UX - User Experience Design and Principles

Implicit Flow Instructions:

The World of Gestalt

The Power of Proximity: The rule of proximity shows us that the distance between elements will guide the way we

perceive them

What Made You Group?This is exactly where the principle of proximity is working its magic. The fact that a few

elements have an equal distance between one another, and a bigger distance between them

and the other group, made us treat them as separate groups.

Page 34: UX - User Experience Design and Principles

Applying Gestalt in Our Layout Design:

Page 35: UX - User Experience Design and Principles
Page 36: UX - User Experience Design and Principles
Page 37: UX - User Experience Design and Principles

Making things Readable and Scanable:

T.M.I (Too Much Information)

TL;DRToo-long-didn’t-read

Page 38: UX - User Experience Design and Principles

Z - Model

F - Model

Page 39: UX - User Experience Design and Principles
Page 40: UX - User Experience Design and Principles

The Rule of 7 Seconds:

The 7 second rule is a great tool for testing the ‘scannability’ of your

page.

This isn’t only relevant for web interfaces and promotional pages.

This rule can also be applied when dealing with users who are

frequently using

a known interface.

Page 41: UX - User Experience Design and Principles
Page 42: UX - User Experience Design and Principles
Page 43: UX - User Experience Design and Principles
Page 44: UX - User Experience Design and Principles
Page 45: UX - User Experience Design and Principles

It's time to Say Good Bye ..

THANK YOU