Tweet
Tweet

Slide 1

Slide 1 text

UI RESEARCH UX INTERACTION DESIGN USABILITY USER CENTRIC DESIGN VISUAL DESIGN AESTHETICS AESTHETICS What differentiates the Useful from Usable & Delightful Allianz Technology Day 2012 Thiruvananthapuram

Slide 2

Slide 2 text

UDAYMS NOW Hewlett Packard BEFORE Yahoo!, Nokia etc. MUCH BEFORE M Squared, Trivandrum Heads Front End Architecture & Design Prototyping at HP ~14 years in the UX/UI space Conducts Prototyping workshops at Design Institutes Regular speaker in designer/developer community Holds patents in UI Architecture & Design

Slide 3

Slide 3 text

WHAT IS DESIGN?

Slide 4

Slide 4 text

A SOLUTION …that solves the problem in a clean elegant manner

Slide 5

Slide 5 text

DESIGN IS HOW IT WORKS …not how it looks

Slide 6

Slide 6 text

10 PRINCIPLES OF DESIGN FROM THE 1970s

Slide 7

Slide 7 text

No content

Slide 8

Slide 8 text

source: http://www.tumblr.com/tagged/dieter-rams

Slide 9

Slide 9 text

source: http://www.tumblr.com/tagged/dieter-rams

Slide 10

Slide 10 text

source: http://www.tumblr.com/tagged/dieter-rams

Slide 11

Slide 11 text

source: http://www.tumblr.com/tagged/dieter-rams

Slide 12

Slide 12 text

source: http://www.tumblr.com/tagged/dieter-rams

Slide 13

Slide 13 text

source: http://www.tumblr.com/tagged/dieter-rams

Slide 14

Slide 14 text

source: http://www.tumblr.com/tagged/dieter-rams

Slide 15

Slide 15 text

source: http://www.tumblr.com/tagged/dieter-rams

Slide 16

Slide 16 text

source: http://www.tumblr.com/tagged/dieter-rams

Slide 17

Slide 17 text

source: http://www.tumblr.com/tagged/dieter-rams

Slide 18

Slide 18 text

A COMPANY THAT COMES TO YOUR MIND … when you think of awesome design

Slide 19

Slide 19 text

No content

Slide 20

Slide 20 text

LET’S MEET 2 GREAT DESIGNERS OF OUR TIMES

Slide 21

Slide 21 text

Dieter Rams Designer in Chief, BRAUN

Slide 22

Slide 22 text

source: http://www.youtube.com/watch?v=ZLMbDJ_nNfU

Slide 23

Slide 23 text

Sir Jonathan Ive SVP Industrial Design, Apple Inc.

Slide 24

Slide 24 text

source: http://www.youtube.com/watch?v=nUHROAtyGIg

Slide 25

Slide 25 text

THIS IS INDUSTRIAL DESIGN OR PRODUCT DESIGN

Slide 26

Slide 26 text

ALL OF THESE APPLY TO DIGITAL DESIGN AS WELL

Slide 27

Slide 27 text

WE CALL IT UX DESIGN

Slide 28

Slide 28 text

USEFUL PRODUCT Has a functionality that solves a complex problem.

Slide 29

Slide 29 text

USABLE PRODUCT Has a functionality that solves a complex problem with a simple solution & works naturally as any human would expect it.

Slide 30

Slide 30 text

DELIGHTFUL PRODUCT Goes beyond solving a complex problem in a simplistic manner while making the experience enjoyable for the user.

Slide 31

Slide 31 text

WHAT IS USER EXPERIENCE DESIGN?

Slide 32

Slide 32 text

UX is not about Jargons

Slide 33

Slide 33 text

UX is not meetings

Slide 34

Slide 34 text

“If I’d asked my customers what they wanted, they’d have said a faster horse” UX is not whatever user wants!

Slide 35

Slide 35 text

“…people don’t know what they want until you show it to them.” UX is not what you think user wants!

Slide 36

Slide 36 text

Design is definitely not making it ‘look’ pretty!

Slide 37

Slide 37 text

UX is not a mystery

Slide 38

Slide 38 text

UX is Science

Slide 39

Slide 39 text

COULD GO VERY WRONG IF THE RIGHT PEOPLE DON’T DO IT UX is about fixing the damn problem

Slide 40

Slide 40 text

LET’S SEE HOW TO GET THERE By checking out examples around us

Slide 41

Slide 41 text

Information presentation is challenge usually ignored.

Slide 42

Slide 42 text

Good Information Architecture adds Clarity

Slide 43

Slide 43 text

source: http://talent.adweek.com/gallery/Indian-Railway-Ticket-Redesign/4594293 Indian Rail Ticket Redesigned

Slide 44

Slide 44 text

Everything can be designed

Slide 45

Slide 45 text

Skuemorphic Design is nice

Slide 46

Slide 46 text

Reduce design ‘noise’

Slide 47

Slide 47 text

You can be professional and have a good design as well!

Slide 48

Slide 48 text

Why does it have to be this ugly?

Slide 49

Slide 49 text

They set the bar high for all financial applications

Slide 50

Slide 50 text

Notice the skuemorphic design adapted for a tablet device

Slide 51

Slide 51 text

Design for the context

Slide 52

Slide 52 text

Overdoing skuemorphic design is not good either

Slide 53

Slide 53 text

End of User or End of UX?

Slide 54

Slide 54 text

Do NOT Harass the User in the name of Security

Slide 55

Slide 55 text

Make boring stuff ‘really’ fun and interesting!

Slide 56

Slide 56 text

Leaving the Design to the User is bad idea!

Slide 57

Slide 57 text

What time is it? Bad Time!

Slide 58

Slide 58 text

Designed to let users make mistakes

Slide 59

Slide 59 text

It’s that *extra that makes the difference!

Slide 60

Slide 60 text

The little *extra that makes your consumer come back… source: http://9gag.com/gag/5737495

Slide 61

Slide 61 text

UX Happens… UX Happens…

Slide 62

Slide 62 text

…Whether you design it or not!

Slide 63

Slide 63 text

It’s only a matter of time before someone better comes and kicks your ass!

Slide 64

Slide 64 text

ENTERPRISE PRODUCTS FACING COMPETITION

Slide 65

Slide 65 text

HOW TO CREATE AWESOME UX? 3 Simple Steps

Slide 66

Slide 66 text

HIRE DESIGNERS TO DESIGN YOUR PRODUCT Interaction Designers & Visual Designers

Slide 67

Slide 67 text

HAVE A DEDICATED FRONT END TEAM Position them under design leadership (not Engineering)

Slide 68

Slide 68 text

LISTEN TO THEM

Slide 69

Slide 69 text

THANK YOU Catch me online as udayms on Google+, Facebook, LinkedIn www.about.me/udayms