5 Common Design Traits of the Most Successful Mobile Apps

Presented by JC Jubilo

www.ithakai.com

• Introduction

• Success Criteria

• 5 Common Design Traits

• Summary

• Resources

• Q&A

Agenda

Who I Am

UX Designer, Founder at ITHAKAI

J.C. Jubilo

Clients | CompaniesMophie, Toyota, Hoag Hospital

BioJC has been helping clients in various industries to create solid user experience and strong visual design for their websites and mobiles apps.

• Spoke at SoCal UX Camp 2016, 2015 and 2014 • 2013 UCLA Developer's Contest Winning Team’s

Lead Designer• OC Tech & Design meetup organizer

5 Design Traits

Success Criteria

Criteria• Most unique users• Most revenue generated• Most downloads• Awarded

Sources: • Nielsen, Apple, Google, Highcharts

Design Trait #1 “Simple & Specific”Clear – Tasks, Reminders & To-Do Lists

Design Trait #2 “Optimized for Core Users”Clash of Clans (77% Male, Age 21-

35 )Bejewled Blitz (78% Famale, Age 25-

44)

Design Trait #3 “Platform Appropriate”Gmail (iOS) Gmail (Android)

Design Trait #4 “Fast & Engaging”

Double-tap to “Like”

Commenting

Design Trait #5 “Ever-improving”Facebook (Previous) Facebook (Latest)

Summary

#1 Simple & specific Don’t make a novice mistake of jamming in everything and clutter the interface. Less is more.

#2 Optimized for core users Know your users and optimize graphics for their ideal experience. Targeting everyone is targing no one.

#3 Platform appropriateBe familiar with the latest design guildelines and native UI elements and conventions.

#4 Fast & EngagingIncrease the perception of performance, alongside actual performance improvement.

#5 Ever-improvingConstantly improve design based on user reviews, platform changes, and current trends.

Helpful resources

UI Patterns

pttrns.comPttrns –iPhone, iPad, Android, and Apple Watch

mobile-patterns.comMobile Patterns - iPhone and Android

zurb.com/patterntapPatternTap - Desktop, Mobile, Tablet, Web

Prototyping ToolsInVisionUpload your design files and add animations, gestures, and transitions to transform your static screens into clickable, interactive prototypes.

MarvelTurn your designs into interactive mobile and web prototypes in just a few clicks.

UI Kits

Facebook Design ResourcesPhotoshop and Sketch templates of iOS 9 GUI elements

Material Design ResourcesAndroid Material Design UI kit for After Effects, Photoshop, Illustrator, and Sketch

Sketch App SourcesHundreds of free Sketch resources from UI kits to wireframe templates

ITHAKAI www.ithakai.com | hello@ithakai.com | (949) 829-3154

Axure RP EssentialsSketch EssentialsPhotoshop for UI DesignUX Design Bootcamp (1 day)

UX Design Intensive (12-week)UI Design Track (8-week)Digital Marketing Track (coming soon)Product Management Track (coming soon)

PART-TIME COURSES WORKSHOPS

Enter “SoCalUXCamp2016” for 10% off

ithakai.eventbrite.com