startup ui trends, dec 2016 vol. 1 - common ui trends seen in startups
TRANSCRIPT
STARTUP UI TRENDSDECEMBER, 2016 • VOL. 1
CREATED BY
UI DESIGN TRENDS • VOL 1
OPERATOR (OPERATOR.COM)
CREATED BY
UI DESIGN TRENDS • VOL 1
▸ Simplified color palette
▸ Use of white space and drop shadows
▸ No big navigation bar in hero
OPERATOR (OPERATOR.COM)
CREATED BY
OPERATOR (OPERATOR.COM)
UI DESIGN TRENDS • VOL 1 CREATED BY
OPERATOR (OPERATOR.COM)
UI DESIGN TRENDS • VOL 1
▸ Use of bright gradient colors
▸ Light fonts
▸ Nav bar appears after scroll
CREATED BY
UI DESIGN TRENDS • VOL 1
ANDO (IOS)
CREATED BY
UI DESIGN TRENDS • VOL 1
ANDO (IOS)
▸ Android-like menu
▸ Down arrow on top of gradient
CREATED BY
UI DESIGN TRENDS • VOL 1
ANDO (IOS)
CREATED BY
UI DESIGN TRENDS • VOL 1
ANDO (IOS)
▸ Clean custom buttons
▸ Unique alerts
CREATED BY
STRIPE (STRIPE.COM)
UI DESIGN TRENDS • VOL 1 CREATED BY
STRIPE (STRIPE.COM)
UI DESIGN TRENDS • VOL 1
▸ Rounded edge buttons
▸ Simple flat icon art
▸ No obvious nav bar in hero
▸ Bright gradients
CREATED BY
CREATED BY
TINYCARDS (TINYCARDS.DUOLINGO.COM)
UI DESIGN TRENDS • VOL 1
CREATED BY
TINYCARDS (TINYCARDS.DUOLINGO.COM)
UI DESIGN TRENDS • VOL 1
▸ Bright gradient hero
▸ Lines to break up site sections
▸ Dropshadows
CREATED BY
TINYCARDS (IOS)
UI DESIGN TRENDS • VOL 1
CREATED BY
TINYCARDS (IOS)
UI DESIGN TRENDS • VOL 1
▸ Clean custom search input
▸ Thick all caps fonts for headings
▸ Simple rounded edge buttons
CREATED BY
TINYCARDS (IOS)
UI DESIGN TRENDS • VOL 1
CREATED BY
TINYCARDS (IOS)
UI DESIGN TRENDS • VOL 1
▸ Easy to use text input page
▸ Unique and clean settings page
▸ Unique and clean settings page
CREATED BY
OPERATOR (IOS)
UI DESIGN TRENDS • VOL 1
CREATED BY
OPERATOR (IOS)
UI DESIGN TRENDS • VOL 1
▸ Unique registration page
▸ Clean white space
CREATED BY
OPERATOR (IOS)
UI DESIGN TRENDS • VOL 1
CREATED BY
OPERATOR (IOS)
UI DESIGN TRENDS • VOL 1
▸ Unique popup confirmations
▸ Line art icons ▸ Rounded edge pop-up
CREATED BY
JETSMARTER (IOS)
UI DESIGN TRENDS • VOL 1
CREATED BY
JETSMARTER (IOS)
UI DESIGN TRENDS • VOL 1
▸ Flat interface and flat colors
▸ Simple rounded button
▸ Flat line icons
CREATED BY
SQUARE CASH (IOS)
UI DESIGN TRENDS • VOL 1
UI DESIGN TRENDS • VOL 1 CREATED BY
SQUARE CASH (IOS)
▸ Simple color palette
▸ Simple rounded buttons
▸ Use of different sizes to guide hierarchy
CONCLUSION
▸ Customizing all functions inside mobile apps outside of the typical native GUI give the app an extra polished feel
▸ Bright colors and typically simple color palettes with just 1 bright color and grays
▸ Use of white space to easily guide eye through web or app design hierarchy
▸ Android-like nav menu seen in iOS
▸ Simple line or flat icons
COMMON UI CHARACTERISTICS THIS MONTH
CREATED BY
THANK YOU FOR VIEWING. FOLLOW US AT @DOCTALKAPP FOR MORE
JOIN OUR MAILING LIST FOR MONTHLY UI TRENDS AT WWW.DOCTA.LK