64
UX 101- A doers guide to UX Mentored By | Shaheena Attarwala - Head of Design @ Wigzo Technologies

UX 101 by Ruthless UX

Embed Size (px)

Citation preview

Page 1: UX 101 by Ruthless UX

UX 101- A doers guide to UXMentored By | Shaheena Attarwala - Head of Design @ Wigzo Technologies

Page 2: UX 101 by Ruthless UX

About Speaker

• UX Consultant

• Currently Head of Design at Wigzo Technologies

• Founder PurpleCube Design Studio (2009 - Present)

• Ex - Designer BookMyShow(2009) and Shaadi.com(2012)

• Ex - Co-founder & Design Head at Truss Networking(2014)

• UX Blogger at www.RuthlessUX.com@RuthlessUx

[email protected]

Page 3: UX 101 by Ruthless UX

UI - Interface Elements UX- How a user gets. from point A to point B.

Page 4: UX 101 by Ruthless UX
Page 5: UX 101 by Ruthless UX

There are a very few known techniques that can precisely and consistently shape

a good uxKeep it simple / Relate to things people used to/ Learnt it anecdotally / via Experiment

Page 6: UX 101 by Ruthless UX

Beauty is secondary

Page 7: UX 101 by Ruthless UX

Utility Comes first | Beauty is secondary

masochistic teapot

Page 8: UX 101 by Ruthless UX

Users resist change

E.g. Digg did a major UIchange and had a massive

user exodus. One Week>

Digg3.0>DiggApocalypse

Timeline changes / Homepage changes

Stage changes | Beneficial for your company

Page 9: UX 101 by Ruthless UX

Users resist change

Fool them slowly rather than quickly

Page 10: UX 101 by Ruthless UX

Make users feel smart (Salt&Pepper Rule)

Don't hide things in complexity in design.

Page 11: UX 101 by Ruthless UX

Don’t take the liberty to go so wrong

Do basics right!

Page 12: UX 101 by Ruthless UX

Don’t reinvent the wheel - Familiarity = Quick LearningFamiliarity in design makes for faster learning.

Page 13: UX 101 by Ruthless UX

4 step to build a Good UX

Be Specific - Narrow it down

Build Accurate

Test

Simplify

Page 14: UX 101 by Ruthless UX

Be Specific

Speeds up design and development time {Agile} Just get it out there

2. Building. Just start building. 3.4. Guides testing (Collecting data. Get all the data about how your user is using the app

andanalyze it. )5. Gives marketing individuals early insight into user acquisition

strategies6.

Narrow down number of variables for testing. Simplify. Simplify based off the data you'recollecting.

7. Saves Money8.

Keep Vision of Dream separate from NOW. Pick one Go with it! Focus on Now!

Pick one go with it

1. Narrow down to your exact target users and focus on doing well there. Make your scope very specific (specifically your first adopters) e.g. Amazon started as an online marketplace for new books. Google was only search.

Page 15: UX 101 by Ruthless UX
Page 16: UX 101 by Ruthless UX

Why Focus?

Pick one go with it! Killing with one thing and then grow!

Page 17: UX 101 by Ruthless UX

Who are you?

Make it easy for people to identify with your brand

Page 18: UX 101 by Ruthless UX

User PersonasSketch out what your users are like

Page 19: UX 101 by Ruthless UX

Build - Define User JourneyIterate. Speed is the king

1. User Personas

2. Identify Journey

3. Solve Journey problems and errors

4. Identify loopholes

5. Identify use cases

6. Identify dead ends and escape hatch

Page 20: UX 101 by Ruthless UX

Stop Thinking!Keep Building!

Keep Iterating!Speed is the king!

Iteration is the King!

Page 21: UX 101 by Ruthless UX

Tools

The Right Way To Do Innovation: Fail Early, Fail Fast, Learn Cheaply

Page 22: UX 101 by Ruthless UX

With smartphones becoming ubiquitous, especially among the educated urban upper-middle class Indians, Myntra was betting that its customers would accept the loss of the web option in return for greater user experience

Page 23: UX 101 by Ruthless UX

Understand Users! Do research!May 2015

● Mobile accounts for 70-80% of

e-commerce traffic today.● Forcing users to

download theapp and shutting out rivals.

● Within 9 months reopened its mobile site

Page 24: UX 101 by Ruthless UX

Majority of our daily media interactions are screen based

Flipkart is not going completely app-only. It has reintroduced a mobile web option - something it had discontinued in March. 2015

● Amazon quickly took advantage. Thanked consumers for making it the most visited ecommerce site in India.

● Billion Day sale

1.Browsing on the desktop is much more easier than on mobile app

2.Sorting and applying filters may be difficult on app

3.No more choices, you are just trapped

4.Mobile device and mobile internet

limitations

5.Competitors are on Multiple platforms, user may switch easily

Page 25: UX 101 by Ruthless UX

@RuthlessUx

Page 26: UX 101 by Ruthless UX

Source :Google - The New Multi-screen World: Understanding Cross-platform Consumer Behavior - August 2012

Page 27: UX 101 by Ruthless UX

Majority of our daily media interactions are screen based

Source :Google - The New Multi-screen World: Understanding Cross-platform Consumer Behavior - August 2012

Page 28: UX 101 by Ruthless UX

Source :Google - The New Multi-screen World: Understanding Cross-platform Consumer Behavior - August 2012

Computers keep us productive and informed

Page 29: UX 101 by Ruthless UX

Source :Google - The New Multi-screen World: Understanding Cross-platform Consumer Behavior - August 2012

Smartphones keep us connected

Page 30: UX 101 by Ruthless UX

Source :Google - The New Multi-screen World: Understanding Cross-platform Consumer Behavior - August 2012

Tablets keep us entertained

Page 31: UX 101 by Ruthless UX

Source :Google - The New Multi-screen World: Understanding Cross-platform Consumer Behavior - August 2012

Sequential - There are two modes of multi-screeningwww.RuthlessUx.com

Page 32: UX 101 by Ruthless UX

Source :Google - The New Multi-screen World: Understanding Cross-platform Consumer Behavior - August 2012

Sequential screening is common &mostly completed within a day

Page 33: UX 101 by Ruthless UX

Source :Google - The New Multi-screen World: Understanding Cross-platform Consumer Behavior - August 2012

Smartphones are the most commonstarting place for online activities

Page 34: UX 101 by Ruthless UX

Source :Google - The New Multi-screen World: Understanding Cross-platform Consumer Behavior - August 2012

PCs are most often a starting point formore complex activities

Page 35: UX 101 by Ruthless UX

Source :Google - The New Multi-screen World: Understanding Cross-platform Consumer Behavior - August 2012

www.RuthlessUx.com

Page 36: UX 101 by Ruthless UX

Source :Google - The New Multi-screen World: Understanding Cross-platform Consumer Behavior - August 2012

Smartphones allow us to shopat home or on-the-go

Page 37: UX 101 by Ruthless UX

Source :Google - The New Multi-screen World: Understanding Cross-platform Consumer Behavior - August 2012

Spontaneity plays a major role in shoppingSpur-of-the-moment vs. Planned shopping

Page 38: UX 101 by Ruthless UX

Source :Google - The New Multi-screen World: Understanding Cross-platform Consumer Behavior - August 2012

We often move from one screento another while shopping

www.RuthlessUx.com

Page 39: UX 101 by Ruthless UX

Source :Google - The New Multi-screen World: Understanding Cross-platform Consumer Behavior - August 2012

Consumers take a multi-device path to purchase

Page 40: UX 101 by Ruthless UX

Learning your users to increase user base

It is also clear that Tinder is trying to position itself as much more than just a hookup app.

Page 41: UX 101 by Ruthless UX

People are never going to learn enough.People are never going to be beginners.

People will always be learning.- Allan Cooper

Make it simple enough. Discoverability is a great tool for learning.Humans are hardwired and naturally intuitive to things that resonate

totheir gut

Page 42: UX 101 by Ruthless UX

“Good idioms are learnt easily”

Page 43: UX 101 by Ruthless UX

https://www.heromotocorp.com/en-in/reach-us/product-enquiry

USER ONBOARDINGwww.RuthlessUx.com

Page 44: UX 101 by Ruthless UX

www.RuthlessUx.com

Page 45: UX 101 by Ruthless UX

https://www.heromotocorp.com/en-in/reach-us/product-enquiry

DESIGN THINKING

Design thinking is a user-centered approach toproblem solving.Empathy is key.

Page 46: UX 101 by Ruthless UX

https://www.heromotocorp.com/en-in/reach-us/product-enquiry

Gmail introduced “Labels”

● Huge data● Irrelavant

folders● Eventually

search becomes inevitable

Page 47: UX 101 by Ruthless UX

Visual Feedback

Page 48: UX 101 by Ruthless UX

Guide users | Help | Intervene

Page 49: UX 101 by Ruthless UX
Page 50: UX 101 by Ruthless UX

Miss Universe 2015

Page 51: UX 101 by Ruthless UX

Photo Courtesy: http://www.rickshawchallenge.com/wp-content/uploads/2016/02/money.png

Good Information Design

Page 52: UX 101 by Ruthless UX
Page 53: UX 101 by Ruthless UX

Public AdaptabilityGovt Sites | Public Utility Machines

Page 54: UX 101 by Ruthless UX

Public AdaptabilityGovt Sites | Public Utility Machines

Page 55: UX 101 by Ruthless UX

Photo Courtesy: http://www.thehindu.com/multimedia/dynamic/01606/TH03_METER_1606190f.jpg

Public Machine Designs

Page 56: UX 101 by Ruthless UX

Public Place Design - Doors

Page 57: UX 101 by Ruthless UX

Public Place Design - Doors

Page 58: UX 101 by Ruthless UX

“Doors do not need an instruction manual they should simply be “KISS” – Keep it Simple and

Stupid”

Page 59: UX 101 by Ruthless UX

“Doors do not need an instruction manual they should simply be “KISS” – Keep it Simple and

Stupid”

Page 60: UX 101 by Ruthless UX

Public Place Design - Washroom

Page 61: UX 101 by Ruthless UX
Page 62: UX 101 by Ruthless UX

Objects of Daily usage

Page 63: UX 101 by Ruthless UX

Keep innovating - The foreplay of AI and User Experience

Page 64: UX 101 by Ruthless UX

THANK YOU!!!

http://www.theuxploration.com

To be in touch +91 22 6132 1000

[email protected]

To Stay Tuned https://www.facebook.com/groups/uxploration/

http://www.meetup.com/User-Experience-Design-Meetup/