UX Design for Mobile Apps

Slide 1

Slide 1 text

UX Design for mobile apps KAMIL ZIĘBA, Co-founder & Head of Product @ UXPin

Slide 2

Slide 2 text

KAMIL ZIĘBA Co-founder & Head of Product @ UXPin PREVIOUSLY: Freelancer & UI/UX Designer Grupa Nokaut S.A.

Slide 3

Slide 3 text

USER EXPERIENCE USER EXPERIENCE Dr. Donald Norman

Slide 4

Slide 4 text

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 ﬁts into the entire context in which they are using it. User Experience

Slide 5

Slide 5 text

“App users have a big app appetite, downloading about 10 apps per month on average, but they rarely use these apps frequently or for long.” Josh Clark “Tapworthy: Designing Great iPhone Apps”

Slide 6

Slide 6 text

47% easier to use than a mobile browser http://appdevelopersalliance.org/ﬁles/pages/The%20Growing%20App%20Market%20Slides%209-17-2012.pdf 46% most entertaining way to use their mobile device 44% fastest way to get information

Slide 7

Slide 7 text

$101.2 BILLION TOTAL GLOBAL APPLICATIONS MARKET (2017) http://www.strategyr.com/Smartphone_Apps_Market_Report.asp

Slide 8

Slide 8 text

THINGS TO REMEMBER

Slide 9

Slide 9 text

IDENTIFY YOUR CUSTOMERS Who is your target audience?

Slide 10

Slide 10 text

THINK ABOUT THE CONTEXT OF USE A mobile device can be used at anytime, anywhere. Context aﬀects the interaction between the people and the interface.

Slide 11

Slide 11 text

ON THE GO ON THE COUCH

Slide 12

Slide 12 text

This request couldn’t be completed. AVOID “ENGINEERSPEAK”

Slide 13

Slide 13 text

This request couldn’t be completed. WTF? AVOID “ENGINEERSPEAK”

Slide 14

Slide 14 text

KEEP IT SIMPLE If your UI requires instructions - it’s badly designed.

Slide 15

Slide 15 text

80/20 Generally, 80% of app users will use just 20% of its functionality.

Slide 16

Slide 16 text

Identify the single, most important task to your app. AND MAKE IT DEAD SIMPLE. LESS IS MORE

Slide 17

Slide 17 text

KEEP IT SAFE Default buttons in alert boxes should favor the safest option* CANCEL DELETE ALL

Slide 18

Slide 18 text

MAKE IT BRIEF AND CLEAR Keep alerts brief and clear, explain them what happened and what they can do next.

Slide 19

Slide 19 text

Role-Playing the Interaction by Stephen Anderson (http://www.youtube.com/watch?v=hkAFdIrTR00)

Slide 20

Slide 20 text

USE DESIGN PATTERNS Follow conventions and patterns to reduce the learning curve and to make the experience more intuitive.

Slide 21

Slide 21 text

UI DESIGN PATTERNS: http://patterntap.com http://www.mobile-patterns.com http://www.mobiledesignpatterngallery.com/ http://www.mobilepatterns.com http://inspired-ui.com

Slide 22

Slide 22 text

“When it comes to mobile forms, be brutally eﬃcient and trim, trim, trim.” — Luke Wroblewski, “Mobile First” (2011)

Slide 23

Slide 23 text

DESIGN FOR TOUCH Areas of interaction shouldn’t be smaller than 44pt. Smaller elements = bigger distance between them.

Slide 24

Slide 24 text

DESIGN FOR TOUCH Place most important actions in “thumb zone”

Slide 25

Slide 25 text

CONSIDER ORIENTATION Consider both portrait and landscape orientations while designing an interface.

Slide 26

Slide 26 text

YOUR ICON IS YOUR BUSINESS CARD “Make your icon colorful, make it memorable, make it fun, but whatever you do, don’t make it mysterious. The app icon is fundamentally an advertisement, and like any good ad, it has to be clear what it’s selling.”

Slide 27

Slide 27 text

WHAT’S WRONG WITH THESE DOORS?

Slide 28

Slide 28 text

AFFORDANCE Design aspect of an object which suggest how the object should be used; a visual clue to its function and use.

Slide 29

Slide 29 text

DESIGN FOR EFFICIENCY Enable people to navigate to the most important content and functionality in as few steps as possible. 1 2 3

Slide 30

Slide 30 text

DESIGN FOR EMOTION “It is not enough that we build products that function, that are understandable and usable, we also need to build products that bring joy and excitement, pleasure and fun, and, yes, beauty to people’s lives.” — Don Norman — —

Slide 31

Slide 31 text

Customers care about their problems - not your solution. — Dave McClure

Slide 32

Slide 32 text

Don’t try to solve a problem if there isn’t one. WHAT’S THE PROBLEM WE’RE TRYING TO SOLVE?

Slide 33

Slide 33 text

Get out of the Building Talk with people, ask questions Build landing page* HOW?