Redesign for Mobile by Liad Goldsmith (Was presented at Conversion conference Berlin )

Redesign for Mobile How to successfully redesign in the mobile era

By Liad Goldsmith, UI/UX Expert © All rights reserved to Liad Goldsmith

Liad Goldsmith, UI/UX Expert

54.5M

45.8M

21.3M

Which of these mobile appsis downloaded the most?

13.5M

Downloads that occurred between January and June 2016, in the U.S

Source: surveymonkey.com

https://www.surveymonkey.com/business/intelligence/most-popular-apps-2016/


61.5M

136.3M

35.6M

Which of these mobile appsis used the most?

29.6M

Monthly average usage, measured between January-June 2016, in the U.S




What’s in common?


1. What is redesign?

2. When should you redesign?3. How to redesign effectively: Five important principals

Agenda

0

75,000

150,000

225,000

300,000

2010 2011 2012 2013 2014 2015 2016 2017

268,692224,801

179,628138,809

102,06263,985

21,6464,507

Mobile Downloads EvolutionNumber of mobile app downloads from 2010 to 2017, in the US, in billions.

Source: statista.com

https://www.statista.com/statistics/266488/forecast-of-mobile-app-downloads/

Usa

ge

0

35

70

105

140

Downloads

0 25 50 75 100

Successful apps and their redesignsMonthly average usage, measured between January-June 2016, in the U.S, source: survey monkey

Facebook

Instagram

SnapchatPandora

NetflixAmazon

Uber

Top 30

Usa

ge

0

35

70

105

140

Downloads

0 25 50 75 100

Successful apps and their redesignsMonthly average usage, measured between January-June 2016, in the U.S, source: survey monkey

Facebook

Instagram

SnapchatPandora

NetflixNetflixAmazon

Uber

Top 30



About Me • UI/UX Designer (8 years of experience)

• Designed for more than 2 million users

• Founded GUX™ Studio 3 years ago

• Specialize in redesigning web, mobile and

desktop apps

I help companies design digital productsthat are fun to use, reliable, safeand become essential to people.

© All rights reserved to Liad Goldsmith


What is Redesign?


Redesign is not only… Massive, whole product change

Extreme makeover Requires months and years of work

Requires an unknown amount of resources


Redesign is…

Any change within an existing product or service - including: a form, a screen or

a flow. Sometimes it refers to a whole product


When should you consider to redesign?

Consider redesign…

To increase retention rates

When there arehigh abandon rates

To improve conversion stats

Facebook Like’sRedesign - Outcomes1. More engagement on posts

2. More engagement on sponsored posts 3. Increased revenue

Source: Mashable.com

http://mashable.com/2015/10/08/facebook-reactions-how-to/#bx.z2OzNakqg

http://mashable.com/2015/10/08/facebook-reactions-how-to/#bx.z2OzNakqg


5 principalsfor a successful redesign

Liad Goldsmith, UI/UX ExpertLiad Goldsmith, UI/UX Expert

—1st Principal

Prioritize Tasks for Redesign


Challenge

“Everything is important”

—1st Principal: Prioritize Tasks for Redesign

Mego’s Redesign

Case Study

Source: ynet.co.il

http://www.ynet.co.il/articles/0,7340,L-4810529,00.html


—1st Principal: Prioritize Tasks for Redesign

Mego’s whole flow seemed like it could use a revamp


Mego’s whole flow seemed like it could use a revamp

For Illustration purposes


—2nd Principal

Re-think the On-boarding Experience


Challenge

“Users don’t getwhat’s in it for them”

—2nd Principal: Re-think the On-boarding Experience

Mego’s new on-boarding experienceshows to users “what’s in it for them”


shows to users “what’s in it for them”shows to users “what’s in it for them”

• Getting the package is the center

• Positive, directive tone• Red dominant button replaced VS

© All rights reserved to Mego

LinkedIn’s new on-boarding experience showsa promising career path for the new user


Source: ivanannikov.com

http://www.ivanannikov.com/linkedin-mobile-app-ios-onboarding-ux-critique.html


—3rd Principal

Minimize Friction


Challenge

“Users don’t have much patience”

—3rd Principal: Minimize friction

?"

Mego’s long order process turns into…


A “thin” flow - with 50% more conversion!


?"


?





How would you like us to pick-upthe package from the post office for you?

I’ve added the name “Mego LLC”as a recipient on my package

Hop by my place beforeto pick-up my ID card




The Zebra’s “shortcut” - 50% more conversion


Source: Quoted.thezebra.com | Meetesh Karia, Chief Technology Officer, TheZebrea

https://quoted.thezebra.com/1212/the-zebra-launches-new-mobile-experience/


—4th Principal

Consider Trends


Challenge:

“The market keeps changing”

—4th Principal: Consider Trends


• Help the user focus on the map• Realistic design is old fashioned

and requires much effort• Consistency with Google

Design trend

(“Material Design”)

Tesla’s small redesign is following trends


Source: twitter.com/lukew

https://twitter.com/lukew


• Help the user focus on the map• Realistic design is old fashioned

and requires much effort• Consistency with Google

Design trend

(“Material Design”)

Tesla’s small redesign is following trends


Before

After

Source: twitter.com/lukew

https://twitter.com/lukew



2010 2016

eBay’s evolution shows understanding of trends throughout the years

Source: markiris.design

http://markiris.design/#/product-evolution/



2010 2016

• Added barcode scanner






V.1.0(2010)

V 2.4 (2016)

• Shopping cart indication

• Flat design• Notifications emphasis to engage users

• Search history (part of personalization)





—5th Principal

Question Status-Quo


Challenge

“How to keep the product’s familiarity while innovating?”

—5th Principal: Question Status-Quo


Foursquare: Stick to the familiar or…

Source: techdivine.com | medium.com/@sambrown

—5th Principal: Question Status-Quo

Become relevant again

Source: techdivine.com

Become relevant again

VS

http://www.techdivine.com/tdblog/wp-content/uploads/2013/02/Foursquare-Android-app.png

https://medium.com/@sambrown/designing-the-new-foursquare-8f8788d366f0#.tuf7ioj15


But theory is not enough…


Test yourself:Do you need a redesign?

5 Principals for redesigning in mobile

Instructions 1. For each question, there are 4 possible answers

2. Choose the right answer for you

3. Sum the score

4. See your service/product’s real status


More than 3 years ago

2 Points

Question 1

When was your last redesign?

What is“Redesign”?

1 Point

We have just completed one

4 Points

In the last coupleof years

3Points



Above 25%

4 Points

Question 2

What is the rate of returning customers to your mobile product or service?

1%-11%

2 Points

11%-25%

3 Points

Don’t know

1 Point



1-3

4 Points

Question 3

How many screens do customers go through until registration or purchase?

I don’t know

1 Point

4-6

3 Points

7-10

2 Points



The whole productor service needs

a facelift!

2 Points

Question 4

How many screens do you think are required for your product/service redesign?

I don’t knowhow many screens

we have…

1 Point

No need! We have just completed

a redesign!

4 Points

Just a fewscreens, that’s it

3 Points



2-4 years ago

3 Points

Question 5

When was the last time you considered new market trends and implemented them?

I have no idea

1 Point

5-6 years ago

2 Points

In the last year

4 Points



Wake up! Your mobile interface needs some

serious dusting…


5-10Points

You’re doing alright,but you could use

a redesign.

11-16Points

You are perfect!Keep up the good work!

17-20Points

Your Score

Today redes ign has become the industr y ' s s tandard .

I t i s an ongoing process which has become a cruc ia l

part o f any d ig i ta l product or ser v ice ’ s l i fe cyc le

“Liad Goldsmith

To get a book chapterThe Full To Do List for a Mobile Redesign”

email me: [email protected]

To get a book chapter“The Full To Do List“The Full To Do List“

email me:

Connect with me For updates

mailto:[email protected]

https://il.linkedin.com/in/liad-goldsmith-407aa017

https://www.facebook.com/%D7%9C%D7%99%D7%A2%D7%93-%D7%92%D7%95%D7%9C%D7%93%D7%A9%D7%9E%D7%99%D7%93-%D7%A2%D7%99%D7%A6%D7%95%D7%91-%D7%92%D7%A8%D7%A4%D7%99-%D7%9C%D7%9E%D7%9E%D7%A9%D7%A7%D7%99-%D7%9E%D7%A9%D7%AA%D7%9E%D7%A9-UXUI-1686914904853270/

Redesign for Mobile by Liad Goldsmith (Was presented at Conversion conference Berlin )

Design

Transcript of Redesign for Mobile by Liad Goldsmith (Was presented at Conversion conference Berlin )