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