31

Mobile Book of Design Trends 2014

Embed Size (px)

DESCRIPTION

Look no further - every mobile design trend that counts in 2014 is explained and illustrated in this free ebook. Brought to you by designers from UXPin and Movade.

Citation preview

Page 1: Mobile Book of Design Trends 2014

1

1

Page 2: Mobile Book of Design Trends 2014

MOBILEBOOK OF TRENDS

2014

Marcin Treder, Adam Pachucki, Adam Zielonko, Kamil Łukasiewicz

&

MOBILEBOOK OF TRENDS

2014

Marcin Treder, Adam Pachucki, Adam Zielonko, Kamil Łukasiewicz

&

MOBILEBOOK OF TRENDS

2014

Marcin Treder, Adam Pachucki, Adam Zielonko, Kamil Łukasiewicz

&

Full Version DOWNLOAD

Page 3: Mobile Book of Design Trends 2014

1. Typography 2. Flat Design & Simplicity 3. Gestural Interfaces 4. Circles 5. Enterprise Mobile 6. Wearable Computers 7. Pure Guidelines 8. Contextual Awareness 9. Large Images 10. Blur 11. Infographics 12. Microinteractions 13. Mobile-Powered Consumer 14. BONUS: 10 Must-Have Metro Apps For Windows Phone

INDEX

Page 4: Mobile Book of Design Trends 2014

Great typography equals design maturity.

The majority of iOS and Android designers and developers weren’t thinking about typography at all — until a few years ago.

It was under-appreciated and looked accidental. Boring fonts were usually applied with no good taste. A design nightmare.

1. TYPOGRAPHY

Page 5: Mobile Book of Design Trends 2014

Good typography is not only decisive when it comes to the readability of the text, but also builds up a message that the designer intended to share. It’s an important part of the overall user experience.

Lack of good typography shows the unprofessionalism of the whole product. Text is a basic ingredient of the majority of interfaces — if that’s designed badly, why go any further?

1. TYPOGRAPHY

Page 6: Mobile Book of Design Trends 2014

Most of the typography on popular applications today can be described as “decent.” Whether that’s Facebook, Mailbox, or Twitter — the text is clear and the fonts look at least OK.

But in 2013, we saw lots and lots of mobile apps with an absolutely stunning usage of fonts — Ultravisual, WillCall, and Hotel Tonight to mention a few great examples.

In 2014, we’re absolutely sure that this trend will gain even more power. Typography in mobile apps can’t be ignored anymore. Mobile design has reached its maturity.

1. TYPOGRAPHY

Page 7: Mobile Book of Design Trends 2014

6Citroen Lifestyle, iOS, http://www.citroen.com.br/lifestyle/

Page 8: Mobile Book of Design Trends 2014

6Citroen Lifestyle, iOS, http://www.citroen.com.br/lifestyle/

Page 9: Mobile Book of Design Trends 2014

GOOGLE DOCS FOR UX DESIGN

7Fancred, iOS, http://fancred.com

Page 10: Mobile Book of Design Trends 2014

GOOGLE DOCS FOR UX DESIGN7Fancred, iOS, http://fancred.com

Page 11: Mobile Book of Design Trends 2014

GOOGLE DOCS FOR UX DESIGN

8Fifa, iOS, Android, http://www.fifa.com/mobile/

Page 12: Mobile Book of Design Trends 2014

8Fifa, iOS, Android, http://www.fifa.com/mobile/

Page 13: Mobile Book of Design Trends 2014

GOOGLE DOCS FOR UX DESIGN

9Foodie Recipes, iOS, http://www.foodie.com

Page 14: Mobile Book of Design Trends 2014

9Foodie Recipes, iOS, http://www.foodie.com

Page 15: Mobile Book of Design Trends 2014

GOOGLE DOCS FOR UX DESIGN

10Hotel Tonight, iOS, Android, http://www.hoteltonight.com

Page 16: Mobile Book of Design Trends 2014

GOOGLE DOCS FOR UX DESIGN10Hotel Tonight, iOS, Android, http://www.hoteltonight.com

Page 17: Mobile Book of Design Trends 2014

GOOGLE DOCS FOR UX DESIGN

11National Geographic City Guide, iOS, http://bit.ly/1fKnVeg

Page 18: Mobile Book of Design Trends 2014

GOOGLE DOCS FOR UX DESIGN11National Geographic City Guide, iOS, http://bit.ly/1fKnVeg

Page 19: Mobile Book of Design Trends 2014

GOOGLE DOCS FOR UX DESIGN

12Ultravisual, iOS, http://www.ultravisual.com

Page 20: Mobile Book of Design Trends 2014

GOOGLE DOCS FOR UX DESIGN12Ultravisual, iOS, http://www.ultravisual.com

Page 21: Mobile Book of Design Trends 2014

GOOGLE DOCS FOR UX DESIGN

13Willcall, iOS, Android, https://www.getwillcall.com

Page 22: Mobile Book of Design Trends 2014

GOOGLE DOCS FOR UX DESIGN13Willcall, iOS, Android, https://www.getwillcall.com

Page 23: Mobile Book of Design Trends 2014

1. Typography 2. Flat Design & Simplicity 3. Gestural Interfaces 4. Circles 5. Enterprise Mobile 6. Wearable Computers 7. Pure Guidelines 8. Contextual Awareness 9. Large Images 10. Blur 11. Infographics 12. Microinteractions 13. Mobile-Powered Consumer 14. BONUS: 10 Must-Have Metro Apps For Windows Phone

CONTINUE READING

Page 24: Mobile Book of Design Trends 2014

READ OUR FREE E-BOOK

12 mobile trends you can't miss

A feast of 156 pages with dozens of carefully picked illustrations

Bonus: 10 must-have metro apps for Windows Phone

DOWNLOAD

Page 25: Mobile Book of Design Trends 2014

MORE FREE E-BOOKS

http://uxpin.com/knowledge.html !

Thank you

Web Design Book of Trends 2013-2014

The User Experience Guide Book For Product Managers

UX Design for Startups

& More

Page 26: Mobile Book of Design Trends 2014

ABOUT UXPIN & MOVADE

Page 27: Mobile Book of Design Trends 2014

157

The UX Design Platform

Complete Prototyping Framework for Web, Mobile and Wearable

Built for Teams

www.uxpin.com

157

The UX Design Platform

Complete Prototyping Framework for Web, Mobile and Wearable

Built for Teams

www.uxpin.com

157

The UX Design Platform

Complete Prototyping Framework for Web, Mobile and Wearable

Built for Teams

www.uxpin.com

157

The UX Design Platform

Complete Prototyping Framework for Web, Mobile and Wearable

Built for Teams

www.uxpin.com

Page 28: Mobile Book of Design Trends 2014

157

The UX Design Platform

Complete Prototyping Framework for Web, Mobile and Wearable

Built for Teams

www.uxpin.com

900+ Elements From Popular Libraries

Page 29: Mobile Book of Design Trends 2014

http://uxpin.com/knowledge.html !

Thank you

157

The UX Design Platform

Complete Prototyping Framework for Web, Mobile and Wearable

Built for Teams

www.uxpin.com

Responsive Breakpoints

Page 30: Mobile Book of Design Trends 2014

http://uxpin.com/knowledge.html !

Thank you

157

The UX Design Platform

Complete Prototyping Framework for Web, Mobile and Wearable

Built for Teams

www.uxpin.com

Work Together

Page 31: Mobile Book of Design Trends 2014

158

158

Strategy Design Development

158

LET’S START YOURPROJECT TODAY

www.movade.com 158

LET’S START YOURPROJECT TODAY

www.movade.com