Mobile Book of Trends 2014

158
1

description

Que tendências são populares no espaço móvel, UXPin e Movade em 158 páginas PDF se reuniram. Desenvolvimentos mostrados nas áreas de tipografia, design, infográficos, imagens grandes, clientes motorizados móveis e muito mais. Há detalhadas screenshots de várias páginas para ilustrar as tendências de cada área temática. Fonte: http://mobiledesigntrends.com/2014.html

Transcript of Mobile Book of Trends 2014

Page 3: Mobile Book of Trends 2014

3

Index

1. TYPOGRAPHY 4

2. FLAT DESIGN & SIMPLICITY 14

3. GESTURAL INTERFACES 26

4. CIRCLES 35

5. ENTERPRISE MOBILE 45

6. WEARABLE COMPUTERS 56

7. PURE GUIDELINES 67

8. CONTEXTUAL AWARENESS 78

9. LARGE IMAGES 89

10. BLUR 100

11. INFOGRAPHIC 112

12. MICROINTERACTIONS 125

13. MOBILE-POWERED CUSTOMER 136

14. BONUS: 10 MUST-HAVE METRO APPS FOR WINDOWS PHONE 147

ABOUT UXPIN & MOVADE 156

Page 4: Mobile Book of Trends 2014

4

1. TYPOGRAPHY

I have a small theory that I’d like to share with you - great typography

equals design maturity. Web designers, until a couple of years ago, wer-

en’t paying nearly enough attention to typography. When the whole field

matured - typography blossomed and became a huge design trend.

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. On the other hand, a

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?

The first years of the growth of native applications on iOS and Android were

just terrible. It seemed like the majority of designers and developers wer-

en’t thinking about typography at all. It was under-appreciated and looked

accidental. Boring fonts were usually applied with no good taste. A design

nightmare.

Mobile design is long past its early days now and we can clearly see signs

of the maturity of the field. Typography is one of the most vivid exam-

ples. Most of the typography on popular applications can be described as

“decent”. Whether that’s Facebook, Mailbox, or Twitter – the text is clear

and the fonts look at least OK. What’s even more interesting - in 2013 we

saw lots and lots of mobile apps with an absolutely stunning usage of fonts.

Ultravisual, WillCall, Hotel Tonight to mention a few great examples.

Page 5: Mobile Book of Trends 2014

5

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.

Page 6: Mobile Book of Trends 2014

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

Page 7: Mobile Book of Trends 2014

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

Page 8: Mobile Book of Trends 2014

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

Page 9: Mobile Book of Trends 2014

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

Page 10: Mobile Book of Trends 2014

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

Page 11: Mobile Book of Trends 2014

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

Page 12: Mobile Book of Trends 2014

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

Page 13: Mobile Book of Trends 2014

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

Page 14: Mobile Book of Trends 2014

14

2. FLAT DESIGN & SIMPLICITY

2013 was the year of flat design. After Apple’s announcement of iOS7, mo-

bile designers all over the world started to work on redesigns of their apps

seeking a simpler form and much desired flatness.

No wonder! Flat design, if done correctly, looks stunning. The freshness of

the flat form gave us all a much-needed break from the heaviness of ske-

uomorphism (often just badly applied). In a way, this trend is a scream for

simplicity. A form that follows function. Design that does not stand in the

way.

Hence, flat became more than just a fashion for gradient-free buttons and a

lack of textures. Flat design became a trend that’s all about seeking clarity.

Light colours, clear fonts, lots of whitespace and general UI modesty be-

came signs of a good flat design.

The list of apps that follow these principles would be really, really long. Twit-

ter, Facebook, Foursquare… they all got flattened in 2013, making everything

that’s not flat look old-fashioned. Even though among all these great flat

apps there are products that are just on another level - apps that define

simplicity in an unprecedented way. Pure diamonds of mobile design. I’m

talking about Vine, VSCO, Jukly, Highlight… and a few others that will make

flat design a permanent part of mobile design, not just a seasonal trend.

Get ready for 2014. Take a look at our selection of the best examples of flat

mobile design.

Page 15: Mobile Book of Trends 2014

15Vine, iOS, Android, Windows, https://vine.co

Page 16: Mobile Book of Trends 2014

16Jukely, iOS, https://jukely.com

Page 17: Mobile Book of Trends 2014

17Highlight, iOS, Android, http://highlig.ht

Page 18: Mobile Book of Trends 2014

18Luvocracy, iOS, http://www.luvocracy.com

Page 19: Mobile Book of Trends 2014

19Circa, iOS, Android, http://cir.ca

Page 20: Mobile Book of Trends 2014

20Clique, iOS https://itunes.apple.com/us/app/id673371827

Page 21: Mobile Book of Trends 2014

21NextDoor, iOS, Android, https://nextdoor.com/mobile/

Page 22: Mobile Book of Trends 2014

22Piclab, iOS, Android, http://piclabapp.com

Page 23: Mobile Book of Trends 2014

23Pulse, iOS, Android, https://www.pulse.me

Page 24: Mobile Book of Trends 2014

24Uniqlo RECIPE, iOS, http://www.uniqlo.com/us/lifetools/recipe/

Page 25: Mobile Book of Trends 2014

25VSCO, iOS, Android, http://vsco.co/vscocam

Page 26: Mobile Book of Trends 2014

26

3. GESTURAL INTERFACES

At the beginning of the mobile design era, designers were trying to copy

interaction patterns from the web/software world. Simply, a tap was meant

to represent a click, which led designers to plan simple and straight-forward

interactions.

Touch-screens, however, had more to offer. Swipe, pinch, stretch,

press&hold… all these gestures were waiting to be properly used.

Introducing new interaction and navigation patterns is always controversial

and challenging. I remember when Twitter used a swipe gesture to provide

a shortcut to a couple of popular actions. Many designers tossed it as an

unnecessary complication. After all… all these actions were available just a

couple of taps away.

Many designers, however, believed that using a tap-centered interaction

pattern makes even a simple task too complicated on a small screen of a

smartphone. Gestures, if properly applied, could make the interaction much

quicker and more natural.

Today, it’s hard to imagine many applications without a gesture control sys-

tem. Think Mailbox, or Clear - apps that build their popularity mainly on the

great appliance of gesture-based interactions.

Apps such as - Blue, Tinder, or recently Jelly - followed. All the signs show

that 2014 will be all about gestures. Get ready.

Page 27: Mobile Book of Trends 2014

27Yahoo Weather, iOS, Android, http://mobile.yahoo.com/weather/

Page 28: Mobile Book of Trends 2014

28Yahoo News Digest, iOS, https://itunes.apple.com/us/app/yahoo-news-digest/id784982356?mt=8

Page 29: Mobile Book of Trends 2014

29Blue, iOS, http://partlyblue.com

Page 30: Mobile Book of Trends 2014

30Jelly, iOS, Android, http://jelly.co

Page 31: Mobile Book of Trends 2014

31Potluck, iOS, https://www.potluck.it

Page 32: Mobile Book of Trends 2014

32SVOY, iOS, Android, https://itunes.apple.com/ru/app/svoy/id523446911?mt=8

Page 33: Mobile Book of Trends 2014

33Swell, iOS, http://www.swell.am

Page 34: Mobile Book of Trends 2014

34Tinder, iOS, Android, http://www.gotinder.com

Page 35: Mobile Book of Trends 2014

35

4. CIRCLES

Not all of the design trends are rational. Not all of the design trends are a

sign of progress. Some trends simply appear suddenly and become a fash-

ion. One of them is the circle trend.

Based on my mere observation - it all started in web design in 2012. Out of

sudden circles, it became the thing. In 2013 mobile design simply followed

the trend.

Foursquare, Facebook Messenger, Uber… and even contacts on iOS7 are

using circles for many elements of the interface. Great, innovative apps such

as Spark, Lasso, or QuizUp are all about circles.

The beginning of 2014 shows that circles are here to stay…until a new trend

arrives.

Page 36: Mobile Book of Trends 2014

36TriplAgent, iOS, https://itunes.apple.com/us/app/triplagent-discover-new-adventures/id692393671?mt=8

Page 37: Mobile Book of Trends 2014

37Lasso, iOS, http://lasso.me

Page 38: Mobile Book of Trends 2014

38Foursquare, iOS, http://foursquare.com

Page 39: Mobile Book of Trends 2014

39Om Finder, iOS, https://itunes.apple.com/us/app/om-finder/id623568912?mt=8

Page 40: Mobile Book of Trends 2014

40Peek Tour, iOS, https://itunes.apple.com/us/app/peek-tours-activities/id767696645?mt=8

Page 41: Mobile Book of Trends 2014

41QuizUp, iOS, https://www.quizup.com

Page 42: Mobile Book of Trends 2014

42Readibility, iOS, Android, https://www.readability.com

Page 43: Mobile Book of Trends 2014

43Team USA, iOS, Android, http://www.teamusa.org/mobile

Page 44: Mobile Book of Trends 2014

44DingDong, iOS, https://itunes.apple.com/us/app/ding-dong/id529838233?mt=8

Page 45: Mobile Book of Trends 2014

45

5. ENTERPRISE MOBILE

The consumerization of enterprise applications is a strong trend on the Hi-

tech market. After years of pushing hardly usable apps on innocent corpo-

rate employees, the tech world finally realised that the users of enterprise

products are… human beings. And, like every human being, they enjoy well

designed products (well to be honest, I guess enjoyment wasn’t as decisive

a factor here as the opportunity to save some money, but anyway…).

In 2013 the consumerization of enterprises trend reached mobile apps.

Since the industry agreed that corporate workers are people… it just

couldn’t miss the fact that human beings love their smartphones and

tablets. What is even more important, smartphones and tablets can make

people very productive.

This thesis led to the creation of dozens of enterprise mobile apps. We’ve

chosen 10 well designed ones to show you the basis for our prediction for

2014 - enterprise mobile apps will go wild.

Enjoy!

Page 46: Mobile Book of Trends 2014

46Box, iOS, Android, Windows, Blackberry, https://www.box.com/business/features/mobile-access/

Page 47: Mobile Book of Trends 2014

47Yammer, iOS, Android, Windows, https://about.yammer.com/product/mobile/ios/

Page 48: Mobile Book of Trends 2014

48Intercom, iOS, https://www.intercom.io/

Page 49: Mobile Book of Trends 2014

49Desk.com, iOS, Android, http://www.desk.com/features/mobile

Page 50: Mobile Book of Trends 2014

50Weave by Intuit, iOS, http://weave.intuit.com

Page 51: Mobile Book of Trends 2014

51Quickbooks, iOS, Android, http://search.quickbooksonline.com

Page 52: Mobile Book of Trends 2014

52Base, iOS, Android, Windows, https://getbase.com/mobile/

Page 53: Mobile Book of Trends 2014

53Hubspot, iOS, Android, http://www.hubspot.com/products/mobile

Page 54: Mobile Book of Trends 2014

54Podio, iOS, Android, https://company.podio.com/mobile

Page 55: Mobile Book of Trends 2014

55GoToMeeting, iOS, Android, http://www.gotomeeting.com/online/meeting/ipad-iphone-android-apps

Page 56: Mobile Book of Trends 2014

56

6. WEARABLE COMPUTERS

Wearable computers are the next step in the evolution of mobile tech. After

having a computer in our backpack and pocket, with the arrival of Google

Glass, smart watches and wrist bands, we can actually have them on us.

Wearables create a completely new environment for designers to play with.

Highly contextualised, subtle yet powerful, devices need a completely new

approach to the design of applications. And though these are still the early

days of the whole wearable technology, few disagree that this is the future.

Beautiful Pebble, convenient Fitbit, Google Glass and dozens of its apps,

these are all early examples of what’s coming. 2014 will be the year of the

wearable.

Get ready!

Page 57: Mobile Book of Trends 2014

57Twitter for Google Glass, https://blog.twitter.com/2013/twitter-for-google-glass

Source: https://blog.twitter.com/2013/twitter-for-google-glasshttp://www.engadget.com/2013/05/16/google-glass-apps/

For Google Glass

Page 58: Mobile Book of Trends 2014

58People+, http://getpeopleplus.com

For Google Glass

Page 59: Mobile Book of Trends 2014

59Genie, https://getglassgenie.appspot.com

For Google Glass

Page 60: Mobile Book of Trends 2014

60Fancy, http://fancy.com/help/glass

Source: https://vimeo.com/66838775

For Google Glass

Page 61: Mobile Book of Trends 2014

61KitchMe, http://www.kitchme.com/googleglass

Source: http://www.kitchme.com/googleglass

For Google Glass

Page 62: Mobile Book of Trends 2014

62Pebble, https://getpebble.com

Source: http://www.flickr.com/photos/61209873@N00/10061112236/

Page 63: Mobile Book of Trends 2014

63Fitbit, http://fitbit.com

Source: http://fitbit.com

Page 64: Mobile Book of Trends 2014

64Whistle, http://www.whistle.com

Page 65: Mobile Book of Trends 2014

65Meta, https://www.spaceglasses.com

Source: http://www.spaceglasses.com

Page 66: Mobile Book of Trends 2014

66Jawbone, http://www.jawbone.com

Page 67: Mobile Book of Trends 2014

67

7. PURE GUIDELINES

We have gone a long way since the early days of mobile design and there

was a lot of turbulence along the way. Among this you will find skeuomor-

phism, porting web UI solutions and, let’s be honest, ugliness.

Some platforms figured out these issues quicker, some of them lagged

behind. Nonetheless, we have come to a point where it is all pretty much

sorted out. The outcome? Beautiful and usable apps, a harmonized experi-

ence for end users, and easiness of development.

It has got to be said, though, that these guidelines for iOS 7, Android and

Windows Phone devices may be keeping some designers from the explora-

tion of new interactions, UI solutions, and visual experimentation.

However, to be able to break the rules, you need to get to know the prin-

ciples absolutely to the very bone. Believe me, they exist for very good

reasons and quickly lead to tremendous results.

Let’s hop on and explore examples of apps tailored to suit the user habits

of a specific platform. They look and work great, while strictly following the

guidelines.

PS. I strongly advise bookmarking these pages and visiting them from time

to time:

• iOS Human Interface Guidelines

• Android Design

• Windows Phone Design Principles

Page 68: Mobile Book of Trends 2014

68Facebook Messenger, iOS, Android, https://www.facebook.com/mobile/messenger

Page 69: Mobile Book of Trends 2014

69Skype, iOS, Android, Windows Phone, http://www.skype.com/en/download-skype/skype-for-mobile/

Page 70: Mobile Book of Trends 2014

70myMail, iOS, Android, http://mymail.my.com/

Page 71: Mobile Book of Trends 2014

71Wordeo, iOS, http://wordeo.com/

Page 72: Mobile Book of Trends 2014

72Showyou, iOS, Android, https://showyou.com/

Page 73: Mobile Book of Trends 2014

73Foodspotting, iOS, Android, http://www.foodspotting.com/about

Page 74: Mobile Book of Trends 2014

74Wikipanion Plus, iOS, https://itunes.apple.com/pl/app/wikipanion-plus/id290613987?mt=8

Page 75: Mobile Book of Trends 2014

75Listastic, iOS, https://itunes.apple.com/pl/app/listastic/id710535295?mt=8

Page 76: Mobile Book of Trends 2014

76Ted, iOS, Android, http://www.ted.com/

Page 77: Mobile Book of Trends 2014

77Umano, iOS, Android, http://umanoapp.com/

Page 78: Mobile Book of Trends 2014

78

8. CONTEXTUAL AWARENESS

The most obvious things that make mobile devices so different from desk-

top computers is their size and the fact that you literally always have them

with you. The other thing is they have loads of sensors and this is what

makes them different from ‘almost gone’ phones, too. They are smart.

Imagine how many situations you find yourself in every day. You drive a car,

work at the office, go out to grab some lunch, meet up with friends in the

evening, and you finally come back home to sleep. Does it affect the way

you interact with your smartphone? Yes, it does, indeed!

Your smartphone can easily know where it is, especially now thanks to

Bluetooth Low Energy, also known as Bluetooth Smart. It knows loads of

other stuff, too...

Knowing, however, is not enough. Modern apps need to leverage this infor-

mation and provide users with an enhanced experience tailored perfectly to

their current situation. Only then can they really become smart apps.

We have been getting there for years, however, surprisingly slowly. It

changed in 2013, though, and the trend is now on the rise. You see solu-

tions provided by Shopkick, Estimote and Nest getting awesome traction.

The trend will hit it big in the coming years!

Page 79: Mobile Book of Trends 2014

79Shopkick, iOS, Android, https://www.shopkick.com/

Page 80: Mobile Book of Trends 2014

80Nest, iOS, Android, https://itunes.apple.com/us/app/nest-mobile/id464988855?mt=8

Page 81: Mobile Book of Trends 2014

81Estimote, iOS, https://itunes.apple.com/us/app/estimote-virtual-beacon/id686915066?mt=8

Page 82: Mobile Book of Trends 2014

82SmartThings, iOS, Android, http://www.smartthings.com/app/

Page 83: Mobile Book of Trends 2014

83Automatic, iOS, Android, http://www.automatic.com/

Page 84: Mobile Book of Trends 2014

84AroundMe, iOS, Android, http://www.aroundmeapp.com/

Page 85: Mobile Book of Trends 2014

85Google Search, iOS, Android, http://www.google.com/homepage/mobile/

Page 86: Mobile Book of Trends 2014

86Ambilight+hue, iOS, Android, https://itunes.apple.com/nl/app/ambilight+hue/id640081408

Page 87: Mobile Book of Trends 2014

87SoundHound, iOS, Android, Windows Phone, http://www.soundhound.com/

Page 88: Mobile Book of Trends 2014

88Flightradar24 Pro, iOS, Android, Windows Phone, http://www.flightradar24.com/apps

Page 89: Mobile Book of Trends 2014

89

9. LARGE IMAGES

At the beginning of the mobile design era, designers were trying to copy

interaction patterns from the web/software world. Simply, a tap was meant

to represent a click, which led designers to plan simple and straight-forward

interactions.

Have you noticed how fast the screens of mobile devices keep being im-

proved? I am amazed by their extremely high resolution, perfect brightness

and colors.

I bet you love photos. Remember having those colorful pieces of paper in

your hand? They are now being replaced by your smartphones and tablets.

They finally look beautiful on them and this is why attractive imagery and

video make many mobile apps so appealing.

Swiping through images and pinching them is a great experience and adds

great experience to clean and simple interfaces, no matter the platform.

You can easily find great examples and among them incredible apps like

Airbnb, Arsty, Fotopedia or extremely attractive Ultravisual.

Have a look below and be amazed.

Page 90: Mobile Book of Trends 2014

90Fotopedia, iOS, http://www.fotopedia.com/products

Page 91: Mobile Book of Trends 2014

91Flipboard, iOS, Android, Windows Phone, https://flipboard.com/

Page 92: Mobile Book of Trends 2014

92Pose, iOS, Android, http://pose.com/d

Page 93: Mobile Book of Trends 2014

93Artsy, iOS, http://iphone.artsy.net/

Page 94: Mobile Book of Trends 2014

94Airbnb, iOS, Android, https://www.airbnb.com/mobile

Page 95: Mobile Book of Trends 2014

95Paleo Plate, iOS, https://itunes.apple.com/us/app/paleo-plate/id737369088?mt=8

Page 96: Mobile Book of Trends 2014

96Pull&Bear, iOS, https://itunes.apple.com/pl/app/pull-bear/id388614277?mt=8

Page 97: Mobile Book of Trends 2014

97Instagram, iOS, Android, http://instagram.com/

Page 98: Mobile Book of Trends 2014

98The Rolling Stones Official App, iOS, Android, http://www.rollingstones.com/official-app/

Page 99: Mobile Book of Trends 2014

99AllSaints Spitalfields, iOS, https://itunes.apple.com/cz/app/allsaints-spitalfields/id353487066?mt=8

Page 100: Mobile Book of Trends 2014

100

10. BLUR

Together with beautiful large images came the issue of putting text and

other content over them. There were some solutions but one of them

caught on very quickly - blurred images and translucent elements over

them. It received a huge boost as it has become the trademark of iOS 7.

It solves the problem of legibility perfectly and puts the content first, while

still giving the application a great visual appeal. More than that, it is so easy

to apply, you can almost never go wrong with it!

This trend is not exclusive to mobile apps as it appears often on websites,

however, not to such an extent and is not that attractive visually. The reason

behind it is that apps are more responsive to interactions which are also

more direct, and therefore more tempting, as you play with the interface

with your bare fingers.

Have a look at Jukely, where it is applied perfectly, and check out Rdio to

see for yourself how it changes the way you perceive the whole interface. It

now has a stylish and deeper feeling. It simply has “something” in it.

Page 101: Mobile Book of Trends 2014

101Rdio, iOS, Android, Windows Phone, http://www.rdio.com/home/apps/

Page 102: Mobile Book of Trends 2014

102Snapguide, iOS, http://snapguide.com/download/

Page 103: Mobile Book of Trends 2014

103The Huffington Post, iOS, Android, https://itunes.apple.com/ca/app/the-huffington-post/id306621789?mt=8

Page 104: Mobile Book of Trends 2014

104Clique, iOS, https://itunes.apple.com/pl/app/clique/id673371827?mt=8

Page 105: Mobile Book of Trends 2014

105Heyday, iOS, Android, http://www.hey.co/

Page 106: Mobile Book of Trends 2014

106Luvocracy, iOS, Android, http://www.luvocracy.com/

Page 107: Mobile Book of Trends 2014

107Slacker Radio, iOS, Android, Windows Phone, http://www.slacker.com/mobile

Page 108: Mobile Book of Trends 2014

108Inspire Truth, iOS, http://nye-inspire.me/

Page 109: Mobile Book of Trends 2014

109Memoir, iOS, http://www.yourmemoir.com/

Page 110: Mobile Book of Trends 2014

110Yahoo Mail, iOS, Android, Windows Phone, http://mobile.yahoo.com/mail/

Page 111: Mobile Book of Trends 2014

111Beat - Music player, iOS, http://www.beatapp.cc/

Page 112: Mobile Book of Trends 2014

112

11. INFOGRAPHIC

If you use the internet on a daily basis, you probably haven’t missed thou-

sands of infographics appearing every day for the last couple of years on

the web. It turns out this is also a great solution for smaller screens through

which you experience mobile apps.

The reason is simple, they are a great way to represent information even if it

is a complicated set of data. When designers don’t have much space to put

the data in, they need to make it much easier to read and more appealing.

Only then will users want to scroll through it and play around with it. The

results can be truly amazing. You may find your content is actually con-

sumed more, people can actually understand and remember it.

Below you will see excellent examples of beautiful, usable and useful info-

graphics from Nike apps as well as Fitbit and Jawbone.

You wonder why so many of them are fitness and physical activity apps? It

is because their designers wanted these important chunks of information

they provide to be digestible on the go.

They succeeded and you may learn from them.

Page 113: Mobile Book of Trends 2014

113Jawbone UP, iOS, Android, https://jawbone.com/up

Page 114: Mobile Book of Trends 2014

114Fitbit, iOS, Android, http://www.fitbit.com/

Page 115: Mobile Book of Trends 2014

115Nike+ Running, iOS, Android, http://nikeplus.nike.com/plus/products/gps_app/

Page 116: Mobile Book of Trends 2014

116Nike+ Fuel, iOS, https://itunes.apple.com/pl/app/nike+-fuelband/id493325070?mt=8

Page 117: Mobile Book of Trends 2014

117Endomondo Sports Tracker, iOS, Android, http://www.endomondo.com/download/

Page 118: Mobile Book of Trends 2014

118RunKeeper, iOS, Android, http://runkeeper.com/running-app

Page 119: Mobile Book of Trends 2014

119Foresee, iOS, https://itunes.apple.com/pl/app/foresee/id597382937?mt=8

Page 120: Mobile Book of Trends 2014

120Reps & Sets, iOS, http://www.repsandsetsapp.com/

Page 121: Mobile Book of Trends 2014

121Sky Live, iOS, https://itunes.apple.com/ca/app/sky-live-stargazing-forecast/id693905898?mt=8

Page 122: Mobile Book of Trends 2014

122Check - Bills & Money, iOS, Android, https://check.me/

Page 123: Mobile Book of Trends 2014

123Ration, iOS, https://itunes.apple.com/us/app/ration/id705229829?mt=8

Page 124: Mobile Book of Trends 2014

124Level Money, iOS, Android, https://levelmoney.com/

Page 125: Mobile Book of Trends 2014

125

12. MICROINTERACTIONS

Although they have “micro” in the name, they should not be ignored. The

magic is in the details and good designers are aware of this, trying to nail

every piece of their product. At the end of the day, this is exactly what

makes a great app different from a good app, not to mention average

ones…

Microinteractions are all about clarity and usability, making a product

easily understandable to users. According to Dan Saffer’s book “Microint-

eractions”, they are composed of triggers, follow some rules and provide

feedback.

I will not dig in deeply on this subject here, however, I strongly advise you

to get your hands on the aforementioned book to attain the ability to build

wow-ing experiences. You can obviously get it on Amazon.

Instead, I will provide you with outstanding real-life examples of how micro-

interactions can be leveraged to provide users with moments that change

the way they perceive and use apps.

Ready? Enjoy!

Page 126: Mobile Book of Trends 2014

126Google Maps, iOS, Android, http://www.google.pl/mobile/maps/

Page 127: Mobile Book of Trends 2014

127Shazam, iOS, Android, Windows Phone, http://www.shazam.com/

Page 128: Mobile Book of Trends 2014

128Fancy, iOS, http://fancy.com/mobile

Page 129: Mobile Book of Trends 2014

129Paper, iOS, https://www.facebook.com/paper

Page 130: Mobile Book of Trends 2014

130Instagram, iOS, Android, http://instagram.com/

Page 131: Mobile Book of Trends 2014

131Facebook, iOS, Android, https://www.facebook.com/mobile/

Page 132: Mobile Book of Trends 2014

132Path, iOS, Android, https://path.com/

Page 133: Mobile Book of Trends 2014

133Siri

Page 134: Mobile Book of Trends 2014

134Touch ID

Page 135: Mobile Book of Trends 2014

135Mail

Page 136: Mobile Book of Trends 2014

136

13. MOBILE-POWERED CUSTOMER

Some of the most popular apps on every platform are those with a goal to

enhance your experiences when doing what all of us do literally every day. I

mean buying stuff, being a customer.

Online sales are huge and growing rapidly, and although mobile commerce

still lags behind, it is apparently not going to forever. Even big retailers who

were not so quick to adapt to changes driven by the ubiquitous internet

connection, have realized that mobile is the way to go.

They now provide exceptional solutions to inspire you, help you make the

right decisions, and transact. Have a look at Target’s app, which is truly well

designed and provides such features as coupon alerts, store finder and

barcode scanner. Have you tried Starbucks app already? Ever used apps

developed by independent companies such as Red-Laser?

They simply help you buy smarter and quicker. Others, like Amazon, Grou-

pon and Wanelo provide you with additional perks like coupons and make

participating in loyalty programs easier.

Literally every company selling any kind of stuff, and any consumer buying

anything can benefit from mobile. Check out my selection of great exam-

ples below and see what I mean.

Page 137: Mobile Book of Trends 2014

137Target, iOS, Android, http://www.target.com/spot/mobile/landing

Page 138: Mobile Book of Trends 2014

138Apple Store, iOS, https://itunes.apple.com/us/app/apple-store/id375380948?mt=8

Page 139: Mobile Book of Trends 2014

139Etsy, iOS, Android, http://www.etsy.com/mobile

Page 140: Mobile Book of Trends 2014

140Wanelo Shopping, iOS, Android, http://wanelo.com/about/downloads

Page 141: Mobile Book of Trends 2014

141Amazon, iOS, Android, Windows Phone, https://www.amazon.com/gp/feature.html?docId=1000625601

Page 142: Mobile Book of Trends 2014

142eBay, iOS, Android, Windows Phone, http://mobile.ebay.com/

Page 143: Mobile Book of Trends 2014

143Kickstarter, iOS, https://www.kickstarter.com/mobile

Page 144: Mobile Book of Trends 2014

144Groupon, iOS, Android, http://www.groupon.com/mobile

Page 145: Mobile Book of Trends 2014

145H&M, iOS, Android, https://itunes.apple.com/pl/app/h-m/id589351740?mt=8

Page 146: Mobile Book of Trends 2014

146Yelp, iOS, Android, http://www.yelp.com/yelpmobile

Page 147: Mobile Book of Trends 2014

147

14. BONUS: 10 MUST-HAVE METRO APPS FOR WINDOWS PHONE

Although I focused only on the two most popular platforms, which are iOS

and Android, I am a huge proponent of competition and therefore I would

like you to have a look at some great Windows Phone apps below.

This is a system that already had a say in and made a difference to the ap-

proach to mobile design. For one, it doesn’t rely on icons, instead of which

tiles are used. This is quite a step from the usual approach, isn’t it? I have a

huge respect for the brave designers who made such a decision.

If you are considering an upgrade to your smartphone or simply have not

had a chance to play around with any Windows Phone device, please scroll

down and see the 10 apps I think of as must-haves.

Page 148: Mobile Book of Trends 2014

1486tag, Windows Phone, http://bit.ly/1d7E3pY

Page 149: Mobile Book of Trends 2014

149Skype, Windows Phone, iOS, Android, http://www.skype.com/en/download-skype/skype-for-mobile/

Page 150: Mobile Book of Trends 2014

150Vine, Windows Phone, iOS, Android, https://vine.co/

Page 151: Mobile Book of Trends 2014

151DualShot, Windows Phone, http://dualshotapp.com/

Page 152: Mobile Book of Trends 2014

152Metrotube, Windows Phone, http://metrotubeapp.com/

Page 153: Mobile Book of Trends 2014

153Netflix, Windows Phone, iOS, Android, http://netflix.com

Page 154: Mobile Book of Trends 2014

154WhatsApp, Windows Phone, iOS, Android, http://www.whatsapp.com/download/

Page 155: Mobile Book of Trends 2014

155Pandora, Windows Phone, iOS, Android, www.pandora.com

Page 156: Mobile Book of Trends 2014

156

ABOUT UXPIN & MOVADE