are you experienced (cont.)

Are you experienced?

The user’s guide to user experience

By Royi Benyossef (+royiby)

Are you experienced? by Royi Benyossef of Samsung’s innovation center in Tel-Aviv ([email protected])

Android developer since 2009

Royi Benyossef



Tech community activist, speaker and founder

Royi Benyossef




Android Mentor at * accelerator

Royi Benyossef





Android GDE since 2013

Royi Benyossef





Android GDE since 2013

Developer relations manager Samsung GIC

Royi Benyossef


Free-for-all community programs (no strings attached)

Samsung innovation center in Tel-Aviv



(= Android/AR/VR/IOT/Wearable device library)





(= Free expert assistance as part of office hours)






(= Micro-studio for online content creation)






(= Micro-studio for online content creation)

(= Community support program)




Investing in early stage software and SaaS startups




Investing in early stage software and SaaS startups

Contact me: [email protected]


Are you experienced? by Royi Benyossef of Samsung global innovation center in Tel-Aviv ([email protected])

Motivation

(What do we want?!)


Motivation

Great UX


Motivation

Great UX Beautiful graphics


Motivation

Great UX Beautiful graphicsIdentifiable branding


Motivation

Great UX Beautiful graphicsIdentifiable brandingIntuitive UI


Motivation

Great UX Beautiful graphicsIdentifiable brandingIntuitive UILow “friction”


Motivation

Great UX Beautiful graphicsIdentifiable brandingIntuitive UILow “friction”High turnover rate


HO

W

?


Red

uce a

ll t

he

fric

tio

ns!

???

?

? ??

?


Glossary

(It’s ancient Snobbish for definitions)


Glossary

The funnel


Funnel

Glossary

Representation of user base


Funnel

Glossary

Representation of user baseWide at the top


Funnel

Glossary

Representation of user baseWide at the top Thin at the bottom

(= less users)


Glossary

Funnel Perforations


Funnel

Glossary

Representation of user baseWide at the top Thin at the bottom Each step applies friction


Funnel

Glossary

Representation of user baseWide at the top Thin at the bottom Each step applies friction

(=drop-outs)


Glossary

- The funnel

Friction?

?!?


Glossary

- The funnel

Friction?


Glossary

- The funnel

Friction? OK, but i’m watching you!


- The funnel

Friction

Glossary

Redundant effort


- The funnel

Friction

Glossary

Redundant effortCognitive overhead


Glossary

- The funnel- Friction

Importance?


Glossary


ImportanceAgenda

Trust

The dropout triangle


Glossary


Importance# of users

Trust

The dropout triangle


Glossary


Importance


Glossary


ImportanceAgenda

Trust

The dropout triangle*Completely made-up graph

Not sure if stupid...

Or didn’t m

ake his point yet...

Quoting a

slide which is

quoting me

Qu

ote

-ce

ptio

n


Practice

(What we’re actually supposed to do)


TL;DR

Practice

Core app quality checklist


TL;DR

Practice

Core app quality checklist* app quality checklist


TL;DR

Practice

Core app quality checklist* app quality checklist

(= tablet/wearables/TV/auto)


TL;DR

Practice

Core app quality checklist* app quality checklistMaterial design guidelines


- TL;DR

Visual

Practice

Be systemically consistent


- TL;DR

Visual

Practice

Be systemically consistent - Do not change system Functional


- TL;DR

Visual

Practice

Be systemically consistent - Do not change system Functional:

> HOME = return to launcher


- TL;DR

Visual

Practice


HOME = return to launcher> BACK = return to last screen


- TL;DR

Visual

Practice


HOME = return to launcherBACK = return to last screen> UP (<) = return to last level


- TL;DR

Visual

Practice


HOME = return to launcherBACK = return to last screenUP = return to last level> “Hamburger” = open nav. drawer


- TL;DR

Visual

Practice


HOME = return to launcherBACK = return to last screenUP = return to last level“Hamburger” = open nav. drawer> Menu = overflow menu


- TL;DR

Visual

Practice

Be systemically consistent Do not change system Functional- Do not create duplicate buttons


- TL;DR

Visual

Practice

Be systemically consistent Do not change system Functional- Do not create duplicate buttons

(= Why have a 2nd BACK?)


- TL;DR

Visual

Practice

Be systemically consistent Do not change system FunctionalDo not create duplicate buttons> Do not use icons for different func.


- TL;DR

Visual

Practice

Be systemically consistent Do not change system FunctionalDo not create duplicate buttons> Do not use icons for different func.

(= No house icon for root app)


- TL;DR

Visual

Practice

Be systemically consistentSupport all the screens you claim to support


- TL;DR

Visual

Practice


- Images are not stretched


- TL;DR

Visual

Practice


Images are not stretched- Nothing is cut


- TL;DR

Visual

Practice


Images are not stretched- Nothing is cut

(Especially for wear - round/rectangle)


- TL;DR

Visual

Practice


Images are not stretchedNothing is cut- Text is legible


- TL;DR

Visual

Practice


Images are not stretchedNothing is cut- Text is legible

(= Min. 16sp for wear, 24sp for rest)


- TL;DR

Visual

Practice


Images are not stretchedNothing is cutText is legible> Layout is not cluttered


- TL;DR

Visual

Practice


Images are not stretchedNothing is cutText is legible> Layout is not cluttered

(= Min. 48dp size, 16dp padding)


- TL;DR

Visual

Practice


Images are not stretchedNothing is cutText is legibleLayout is not cluttered> Use screen real estate correctly


- TL;DR

Visual

Practice


Images are not stretchedNothing is cutText is legibleLayout is not cluttered> Use screen real estate correctly

(.xmls files for layout, string, dimens)


- TL;DR

Visual

Practice

Be systemically consistentSupport all the screens you claim to supportDeclare what you support


- TL;DR

Visual

Practice

Be systemically consistentSupport all the screens you claim to supportDeclare what you support:

> Target API levels


- TL;DR

Visual

Practice


Target API levels> Specify hardware requirements


- TL;DR

Visual

Practice


Target API levelsSpecify hardware requirements> Declare supported screens and devices


- TL;DR

Visual

Practice

Be systemically consistentSupport all the screens you claim to supportDeclare what you supportKeep the user notified


- TL;DR

Visual

Practice

Be systemically consistentSupport all the screens you claim to supportDeclare what you supportKeep the user notified:

> Confirmation anim. - wear notifications


- TL;DR

Visual

Practice


Confirmation anim. - wear notifications> Button state list animations


- TL;DR

Visual

Practice


Confirmation anim. - wear notifications> Button state list animations

(=click, select, press, disabled)


- TL;DR

Visual

Practice


Confirmation anim. - wear notificationsButton state list animations> EditText state list


- TL;DR

Visual

Practice


Confirmation anim. - wear notificationsButton state list animations> EditText state list (focused, select, error)


- TL;DR

Visual

Practice


Confirmation anim. - wear notificationsButton state list animationsEditText state list (focused, select, error)> General


- TL;DR

Visual

Practice


Confirmation anim. - wear notificationsButton state list animationsEditText state list (focused, select, error)> General (loading, no connectivity)


- TL;DR

Visual

Practice

Be systemically consistentSupport all the screens you claim to supportDeclare what you supportKeep the user notifiedAnimate authentically


- TL;DR

Visual

Practice

...Animate authentically:

> Natural acceleration


- TL;DR

Visual

Practice


> Natural acceleration(= not linear)


- TL;DR

Visual

Practice


Natural acceleration> Responsive & tangible


- TL;DR

Visual

Practice


Natural acceleration> Responsive & tangible

(= instant, on point)


- TL;DR

Visual

Practice


Natural accelerationResponsive & tangible> Direct user’s attention


- TL;DR- Visual

Functional

Practice

Ask for what you need


- TL;DR- Visual

Functional

Practice

Ask for what you need (nothing else)


- TL;DR- Visual

Functional

Practice

Ask for what you need (nothing else):> Permissions


- TL;DR- Visual

Functional

Practice

Ask for what you need (nothing else):Permissions> Hardware perquisites


- TL;DR- Visual

Functional

Practice

Ask for what you need (nothing else)Use what you have to delight the users


- TL;DR- Visual

Functional

Practice

Ask for what you need (nothing else)Use what you have to delight the users:

> Canned responses to reply to messages


- TL;DR- Visual

Functional

Practice


Canned responses to reply to messages> Use voice


- TL;DR- Visual

Functional

Practice


Canned responses to reply to messages> Use voice (especially on wearables)


- TL;DR- Visual

Functional

Practice

Ask for what you need (nothing else)Use what you have to delight the usersNever underdeliver


- TL;DR- Visual

Functional

Practice


= Wearable application:>Visible Functional


- TL;DR- Visual

Functional

Practice


= Wearable application:Visible Functional> Runs on a wearable device


- TL;DR- Visual

Functional

Practice


= Wearable application:Visible FunctionalRuns on a wearable device> Makes sense as a wearable feature


- TL;DR- Visual

Functional

Practice


(= As promised on Google Play!)


- TL;DR- Visual

Functional

Practice

Ask for what you need (nothing else)Use what you have to delight the usersNever underdeliverNotify with care


- TL;DR- Visual

Functional

Practice

Ask for what you need (nothing else)Use what you have to delight the usersNever underdeliverNotify with care (about notifications):

> Stack multiple notifications


- TL;DR- Visual

Functional

Practice


Stack multiple notifications> Only show what’s fresh


- TL;DR- Visual

Functional

Practice


Stack multiple notifications> Only show what’s fresh (remove stale)


- TL;DR- Visual

Functional

Practice


Stack multiple notificationsOnly show what’s fresh (remove stale)Content = legal, legitimate & contextual


- TL;DR- Visual

Functiona

Practice


Stack multiple notificationsOnly show what’s fresh (remove stale)> Content = legal, legitimate & contextual

(= No unsolicited adverts!!!)


- TL;DR- Visual

Functional

Practice


Stack multiple notificationsOnly show what’s fresh (remove stale)Content = legal, legitimate & contextual> Persistence is for alerting BG op. only


- TL;DR- Visual- Functional

Performant

Practice

Stability:> No crashes (“force closing”)



Performant

Practice

Stability:No crashes (“force closing”)> No lack of responsiveness (“freezing”)



Performant

Practice

Stability:No crashes (“force closing”)No lack of responsiveness (“freezing”)> No abnormal behaviour



Performant

Practice

Stability:No crashes (“force closing”)No lack of responsiveness (“freezing”)No abnormal behaviour

On Any target device!



Performant

Practice

StabilityResponsiveness



Performant

Practice


(= Perform under 2 seconds or notify user)



Performant

Practice


(= Perform under 2 seconds or notify user)(= Splash screen/animation, progress bar)



Performant

Practice

StabilityResponsivenessCode and rendering efficiency



Performant

Practice


= Check by:> Strict mode (no red marks)



Performant

Practice


= Check by:Strict mode (no red marks)> Lint



Performant

Practice


= Check by:Strict mode (no red marks)> Lint (no warnings)



Performant

Practice


= Check by:Strict mode (no red marks)Lint (no warnings)> Hierarchy viewer



Performant

Practice


= Check by:Strict mode (no red marks)Lint (no warnings)> Hierarchy viewer (<7)



Performant

Practice


= Check by:Strict mode (no red marks)Lint (no warnings)Hierarchy viewer (<7)> Debug GPU overdraw



Performant

Practice


= Check by:Strict mode (no red marks)Lint (no warnings)Hierarchy viewer (<7)> Debug GPU overdraw (more clear)



Performant

Practice

StabilityResponsivenessCode and rendering efficiencyBattery efficiency



Performant

Practice


= obtain by:> Doze and standby compliance



Performant

Practice


= obtain by:Doze and standby compliance> Batch network calls



Performant

Practice


= obtain by:Doze and standby compliance> Batch network calls

(JobScheduler, SyncAdapter, GCM)



Performant

Practice


= obtain by:Doze and standby complianceBatch network callsReduce redundant calls



Performant

Practice


= obtain by:Doze and standby complianceBatch network callsReduce redundant calls (GCM, diff)



Performant

Practice

StabilityResponsivenessCode and rendering efficiencyBattery efficiencyStorage efficiency



Performant

Practice

StabilityResponsivenessCode and rendering efficiencyBattery efficiencyStorage efficiency:

> External storage



Performant

Practice


> External storage (> 10MB)



Performant

Practice


External storage (> 10MB)> Reuse resources



Performant

Practice


External storage (> 10MB)> Reuse resources (Palette, tinting)


- TL;DR- Visual- Functional- Performant

Marketed

Practice

Content legality



Marketed

Practice

Content legality:> Appropriateness



Marketed

Practice

Content legality:Appropriateness> Ownership (IP)



Marketed

Practice

Content legality:AppropriatenessOwnership (IP)> Maturity



Marketed

Practice

Content legalityGraphics



Marketed

Practice

Content legalityGraphics:

> Shows examples of all devices



Marketed

Practice


> Shows examples of all devices(= Wear, tablet, phones)



Marketed

Practice


Shows examples of all devices> High quality



Marketed

Practice


Shows examples of all devices> High quality:

- No device images



Marketed

Practice



No device images- No screenshots



Marketed

Practice



No device imagesNo screenshots- Not too small



Marketed

Practice



No device imagesNo screenshotsNot too small- No adverts



Marketed

Practice

Content legalityGraphicsScreenshots and video



Marketed

Practice

Content legalityGraphicsScreenshots and video:

> No non-Android devices



Marketed

Practice

Content legalityGraphicsScreenshots and video:

No non-Android devices> Non misleading

With a little help from my libs by Royi Benyossef (+royiby)

Summary

(What did we have here?)


Android * checklists

Summery


- Android * checklists

Google * design guidelines

Summery

“We should be building great things. Things that Don’t yet exist”

I hope you liked it

Thank you for listening

By Royi Benyossef (+royiby)

Bye bye!

Powered by

Tel-aviv

are you experienced (cont.)

Presentations & Public Speaking