App Design Trend 2017: vrijheid, experimenteel en authentiek

App Design, App Inspiratie, Mobiel Nieuws Jerry Lieveld 3 jan 2017

Vrijheid, experimenteel, creatief, verleg je grenzen. Weer authentiek. Wow! Met zo’n app design trend voor het nieuwe jaar, ziet 2017 er veelbelovend uit voor app designers.

De app design trend voor dit jaar brengt het beste in app designers naar boven, want gebruikers verwachten een persoonlijke, unieke, authentieke ervaring en merkbeleving en dat bij voorkeur op het mobiele scherm. Nu de feestdagen voorbij zijn, kunnen app designers direct aan de slag met een frisse dosis creativiteit.

Merkbeleving op het mobiele scherm

Dacht je dat ontwerpen voor een klein scherm de trend was voor dit jaar? Of de aandacht voor gebruiksgemak misschien? Welnee, dat zijn geen trends meer, maar de steunpilaren van merkbeleving op het mobiele scherm. Mobielvriendelijk? Dat is iets uit het verleden, want de meerderheid van merken kiest mobiel als exclusief speerpunt in de marketingcommunicatie. Je ontwerpt dus voor het mobiele scherm, of je zet jezelf dit jaar buitenspel.

App designers gaan een mooi jaar tegemoet, want dat lastige grote scherm boeit jou niet. Native apps zijn alleen voor het mobiele scherm. Daardoor heb jij geen last van de spagaat om je ontwerp er voor alle schermen goed uit te laten zien. Webdesigners gebruiken massaal dezelfde paar WordPress themes om responsive te zijn waardoor het web niet de spannendste plek is voor ontwerpers. Maar jij als app designer? Jij bent de voorhoede van innovatief ontwerp voor het mobiele scherm!

Dit jaar verwachten gebruikers een persoonlijke, authentieke beleving op hun smartphone en dit is hoe je app design daarbij aansluit.

Meer experimentele navigatie

De navigatie van je app, of je gebruikersinterface, zorgt er in de eerste plaats voor dat de inhoud van je app snel te vinden is. Het geduld van de mobiele gebruiker is bijna nul dus de tijd tussen een actie als het tappen van een knop en de reactie (openen van een pagina) moet ook bijna nul zijn. Focus op gebruiksgemak was vorig jaar nog een trend, maar is nu een keiharde voorwaarde om gebruikers bij je app te houden.

Een visuele indruk die perfect past bij de gewenste merkbeleving. Dat is de tweede functie van je app navigatie. En hier zien we dit jaar meer experimentele vormen. Omdat alles dit jaar draait om persoonlijkheid en een uniek karakter heb je meer ontwerpmogelijkheden en minder restricties.

home screen travel app home screen app home screen event app

Doorbreek het raster
Het heilige raster doorbreek je dit jaar. Je plaatst items voortaan vrij op het scherm, buiten de strikte rasterblokken en basislijnen. Menu-items worden ogenschijnlijk willekeurig op het scherm geplaatst, zolang ze de inhoud maar snel ontsluiten.

Volledig scherm
Een authentieke ervaring begint met het hoofdscherm van je app. Durf jij het aan om dat hele scherm voor je ontwerp te gebruiken? Dankzij de overheersing van WordPress op internet zijn mensen al lang gewend aan verborgen menu’s als het hamburgermenu. Dus weten ze een verborgen menu van je app ook feilloos te vinden. Bij AppMachine kun je zulke menu’s maken met de Facebook slider of de tab navigatie. Daarmee bespaar je ruimte op je scherm voor een uniek ontwerp. Of maak helemaal je eigen homescherm met een image menu.

Kaarten
Het gebruik van kaarten is een trend van vorig jaar die dit jaar doorzet. Met kaarten presenteer je inhoud in hapklare brokken en groepeer je inhoud die anders versnipperd lijk te zijn. Kaarten zijn er in allerlei soorten en formaten. Soms is een kaart een subtiel laagje, soms vult een kaart bijna het hele scherm. Het doel van een kaart is in alle gevallen meer interactie met de gebruiker.

Hoe kun je kaarten gebruiken als je apps bouwt met AppMachine? Gebruik het image menu en ontwerp je eigen kaarten voor een intuïtieve navigatie op je homescherm. En verder? Dat is aan jou, want je kiest dit jaar voor een persoonlijk en authentiek app design.

Cards
Etoilate tumblr theme

Blijf scrollen
Het lange scrollen is een blijvertje. De lange scroll is oorspronkelijk bedoeld voor het mobiele scherm en is inmiddels overgenomen in webdesign voor desktopschermen. Scollen op een smartphone door lekker te vegen is natuurlijk een genot vergeleken met gepiel met je muiswiel. Met lang scrollen maak jij je inhoud vloeiend, breng je er een lineare structuur in en zet je overzichtelijk meerdere onderdelen op een scherm: tekst, foto’s, video’s, een formulier een CTA knop. Dus blijf ook dit jaar lekker lang scrollen!

Beeld oogt persoonlijk en authentiek

Nu de gebruiker een persoonlijke en authentieke ervaring eist, kom je niet meer weg met obligate stockfoto’s. Sterker nog: 2017 betekent het definitieve en langverwachte einde van clichématig beeld als de handenschuddende zakenmannen, een kopje koffie of het kantoor met varen in de hoek. Weg met die uitgekauwde foto’s en standaard icoontjes die je overal vindt. De gebruiker eist karakter, wil een origineel verhaal, ook in beeld.

Foto’s s en illustraties
Fotografie en illustraties zijn bij voorkeur op maat gemaakt. Of zien er in ieder geval uit alsof je exclusief voor jou gemaakt zijn. Er is een lichte voorkeur voor getekende illustraties zoals we zien bij Dropbox.

Photos And Illustrations

Overlappen

Gebruik overlapping met elementen als foto’s, typografie en illustraties om diepte te creëren op je scherm.
Overlapping
The Ocean Fort Lauderdale

Sprekende kleuren en de schaduw is terug

Kleuren zijn dit jaar levend en gedurfd. We zien meer uitgesproken kleurenschema’s, gekleurde achtergronden, verlopen en de schaduw is terug na een tijdje afwezigheid. Dan hebben we het niet over een standaard Photoshop schaduwtje onder een knop, maar over grote kleurige schaduwen op een gekleurde achtergrond.

Hoewel Spotify zijn huiskleur groen grotendeels vervangen heeft door meer verschillende kleurenschema’s, is groen dit jaar wel een dominante kleur. Groen is onder de naam ‘Greenery’ zelfs verkozen tot Pantone’s kleur van het jaar. Groen staat volgens Pantone voor de “hernieuwde verbinding die wij zoeken met de natuur”.

green color of 2017 color scheme 2017

Gebruik je nog steeds alleen web safe kleuren? Dan kun je misschien beter ander werk zoeken. Of snel een cursus volgen…

Veel meer video

Ok, het is niet letterlijk een ontwerptrend, maar de toename van video kunnen we hier niet overslaan. We leven meer dan ooit in een visuele wereld en video neemt een centrale plaats in. De grote beeldvullende afbeelding (hero images) die we kennen van veel websites maken deels plaats voor beeldvullende video met live streams als trend die dit jaar doorbreekt.

Video trekt veel meer de aandacht als je het goed gebruikt. Vlogs, instructievideos van goede kwaliteit, live streams, ze kunnen, of beter gezegd moeten dit jaar een plek krijgen in je app.

Bij AppMachine kun je video op meerdere manieren in je app zetten. Dat kan via YouTube, Vimeo, Vine of zelfs Ustream voor live video. Of je gebruikt Facebook live video als je Facebook in je app integreert.

Vrijheid in typografie

Met het toenemende aantal web fonts en web fonts services neemt de vrijheid in lettergebruik een grote vlucht dit jaar. We zien veel meer eigenzinnig en creatief fontgebruik met grote, zelfs beeldvullende typografie. Lettertypes zijn niet meer louter ondersteunend, maar vaker de basis van je ontwerp.

creative font

Micro-interacties: uitdaging in ontwerp

Micro-interacties zijn een uitdaging in je ontwerp. Hoe laat je die mini handelingen in je app er echt uitspringen? Wat gebreurt er als een gebruiker het volume verhoogt, de vind-ik-leuk button indrukt, ergens inlogt of een pagina opent? Hoe verandert een kleur of vorm als je op een menu item drukt?

interaction

Als app designer moet jij je gebruiker entertainen en vasthouden. Dat doe je door van het app gebruik een visueel feestje maken met onder meer animaties en transities. Met AppMachine kun je een ontwerp voor de hele app standaard vastzetten of je ontwerpt iedere pagina of elk submenu op een unieke manier.

 

Je hebt nu vast zin om je app aan de slag te gaan.

Bouw je app nu!