Transcript
Page 1: User-First Design: Basic Principles of UX Design

USER-FIRST DESIGNBasic Principles of UX Design

Shalvah ADEBAYOAndroid Developer International

Women's Day 2016

GDG UNN

Page 2: User-First Design: Basic Principles of UX Design

20 years ago, most people knew nothing about the Internet. Or personal computers. Or smartphones.

1996

Page 3: User-First Design: Basic Principles of UX Design

20 years ago, most people knew nothing about the Internet. Or personal computers. Or smartphones.

Today, nearly 2 billion people own a smartphone.

1996

2016

Page 4: User-First Design: Basic Principles of UX Design

Our job as designers and developers is to ensure they can do

so without difficulties. That's

what UX is all about.

Everyday, millions of people interact

with apps and Internet services.

Page 5: User-First Design: Basic Principles of UX Design

+

So what exactly is User Experience (UX)?

Page 6: User-First Design: Basic Principles of UX Design

+

• UX is all the aspects of how people use an interactive product: the way it feels in their hands, how well they understand how it works, how they feel about it while they’re using it, how well it serves their purposes, and how well it fits into the entire context in which they are using it.

Page 7: User-First Design: Basic Principles of UX Design

+

• UX is all the aspects of how people use an interactive product: the way it feels in their hands, how well they understand how it works, how they feel about it while they’re using it, how well it serves their purposes, and how well it fits into the entire context in which they are using it.

• UX is everything you need to know, think about and do to make sure that you are launching the right product for the right people.

Page 8: User-First Design: Basic Principles of UX Design

+

So what exactly is User Experience (UX)?• UX is all the aspects of how people use an

interactive product: the way it feels in their hands, how well they understand how it works, how they feel about it while they’re using it, how well it serves their purposes, and how well it fits into the entire context in which they are using it.

• UX is everything you need to know, think about and do to make sure that you are launching the right product for the right people.

• UX is a measure of the ease and pleasure users feel when they use your app or visit your site.

Page 9: User-First Design: Basic Principles of UX Design

What about UX Design?• User experience design (UXD) is the process of

enhancing user satisfaction by improving the usability, accessibility, and pleasure provided in the interaction between the user and the product.

Page 10: User-First Design: Basic Principles of UX Design

A UX designer creates a good UX.

A good UX is one which makes users effective.

Page 11: User-First Design: Basic Principles of UX Design

Why does UX matter?• Customer satisfaction: Access to your competition

is many times just a click or download away• Engagement: Keep users interested in your offer• Conversion: Turn users into customers

Page 12: User-First Design: Basic Principles of UX Design
Page 13: User-First Design: Basic Principles of UX Design

Elements of UX Design• Visual design• Information

architecture• Interaction design• Usability• User research• Content strategy

Page 14: User-First Design: Basic Principles of UX Design

UX and UI (user interface) design are NOT the same thing.

Page 15: User-First Design: Basic Principles of UX Design

Six Fundamentals of UX Design

Page 16: User-First Design: Basic Principles of UX Design

UX Fundamentals

1: Focus on the UserPut yourself in their shoes. Seek to understand their needs, motivations and constraints.Before making any decisions, ask yourself, “How will this affect my users?”

Page 17: User-First Design: Basic Principles of UX Design

UX Fundamentals

2: Do your researchKnow what you're dealing with. Understand your product field and your competition. Understand your team and your target audience.

Test your assumptions on friends, relatives and likely users. Adapt your plans based on what you learn

Page 18: User-First Design: Basic Principles of UX Design

3: Strive for simplicity and clarityMake sure your message and intents are clear. Prioritize what is best for your users and do your best to remove obstacles from their path.Don't try to give them all the information at once.

UX Fundamentals

Page 19: User-First Design: Basic Principles of UX Design

4: Prioritize speedDon't waste your users' time. Get the user to task completion as quickly and intuitively as possible.Make the most important actions the easiest to accomplish. Use existing conventions so users don't get confused.

UX Fundamentals

Page 20: User-First Design: Basic Principles of UX Design

UX Fundamentals

5: Never stop learningCollect data and use it to get better. Seize every opportunity to learn from the insights you get about how your product is being used.Use analytics and experiments to understand usage and adapt your product to build on what you find out.

Page 21: User-First Design: Basic Principles of UX Design

UX Fundamentals

6: Solve big problemsAim high and innovate in your choice of product area and approach. Look for opportunities to create value for users. Think of creative ways to meet users' needs proactively.Observe and think about how the application of technology could change things.

Page 22: User-First Design: Basic Principles of UX Design

UX Case Studies

Page 23: User-First Design: Basic Principles of UX Design

Causing user confusion...

Page 24: User-First Design: Basic Principles of UX Design

The “Next” button? Where's that?

Causing user confusion...

Page 25: User-First Design: Basic Principles of UX Design

The “Next” button? Where's that?

Does “Son” mean that I'm his son or that he's my son?

Causing user confusion...

Page 26: User-First Design: Basic Principles of UX Design

Too much work to exit...

Page 27: User-First Design: Basic Principles of UX Design

Short vs long load times

Page 28: User-First Design: Basic Principles of UX Design

Short vs long load times Out of sight is out of mind...

Page 29: User-First Design: Basic Principles of UX Design

Information overload

Page 30: User-First Design: Basic Principles of UX Design

Go for simplicity and fun

Page 31: User-First Design: Basic Principles of UX Design

Other common UX fails

• Putting “Save” and “Back” (or “Clear”) buttons too close to each other (and colouring them similarly)

• Making users fill forms that are too long or ask for too much information

• Requiring users to sign in without showing them the benefits

• Taking users out of your app (eg to a browser) and expecting them to return

• Designing sites with too many multimedia elements (increased load time)

• Using visual elements from one platform on all platforms

• Intrusive advertisements

Page 32: User-First Design: Basic Principles of UX Design

Good UX practices

• Using auto-suggest and autocomplete so users have to type less

• Overriding defaults by user preferences

• Being transparent in pricing (let users know what they are paying for and why)

• Using buttons instead of hyperlinked text in mobile apps

• Providing sort or search options to help users get through a long list of items

• Providing clear “Previous“ and “Next“ +buttons for site navigation

• Offering discounts and incentives to promote user engagement

• Asking only for needed permissions and explaining the reasons

Page 33: User-First Design: Basic Principles of UX Design

Conclusion: The Future of UX Design• UXD has its roots in ergonomics, where engineers

built machines so that they fit in with the user and brought him/her minimal discomfort.

• With the advent of computers, smartphones, and the Web, UX design took its present form: focusing on websites and apps.

• UX design is becoming increasingly important as more and more “smart” devices are built: smartwatches, smart glasses, smart cars, smart thermostats, and eventually smart homes.

Page 34: User-First Design: Basic Principles of UX Design

Want to learn more about User Experience Design?• http://uxdesign.com• https://uxpin.com/knowledge.

html• http://thehipperelement.com/

post/75476711614/ux-crash-course-31-fundamentals

• http://nngroup.com• https://hackdesign.org/

GDG UNN

Page 35: User-First Design: Basic Principles of UX Design

Questions?

[email protected]

/ShalvahAdebayo


Top Related