We bekijken 5 dingen die ik — vroeger — vergat maar nu een van mijn belangrijkste assets zijn. Het zijn van die kleine dingen die je applicatie afmaken maar snel vergeten worden:

• splash scherm
• wachtwoord vergeten flow
• user onboarding
• interactie

Oké, zijn we er allemaal klaar voor? Ga rustig zitten, pak je wireframes erbij en zeg elke keer — VERDOMME — als je dit vergeten bent.

#1 Het splash scherm

Elke mobiele applicatie moet een splash scherm hebben. Dit is het begin van je applicatie.

Al is het een korte actie toch is het een hele belangrijke. Hierdoor laat je je gebruikers weten dat de applicatie geladen wordt en niet “misschien is de applicatie gecrasht”.

#2 Wachtwoord vergeten = pech

We hebben het allemaal wel eens voor, we zijn al lang niet meer op een applicatie geweest en — VERDOMME — wachtwoord vergeten…

Telkens als je inlogt moet er een link zijn “wachtwoord vergeten”. Dit geldt ook wanneer je nog geen account hebt. Dan moet je via een link een account kunnen aanmaken.

#3 Wanneer ze het moeten snappen, gebruik user onboarding

Na een splash scherm gebruik je vooral voor “serieuze” applicaties een user onboarding platform. Hier kunnen je gebruikers makkelijk “in een paar stappen” te weten komen wat je applicatie inhoudt en welke acties je kunt verrichten.

Bekijk de 5 beste user onboarding manieren

#4 Empty states, vul die leegte op!

In mijn tweede jaar als designer was ik nog niet zo bezig met UX/UI. Tot ik een weerapp moest ontwerpen. Eerste feedback? “Je bent goed opweg maar WAAR ZIJN DIE EMPTY STATES?”

Een applicatie zonder empty states is echt zoals een poppenhuis dat je net gekocht hebt zonder meubilair. Verschrikkelijk! Gebruik ze, laat je creativiteit de vrije loop gaan.

#5 INTERACTIE, INTERACTIE en nog eens interactie.

Hetgeen waar ik het meeste van hou, zelfs meer dan van mijn eigen vriend zijn mini-interacties. Door deze kleine interacties laat je je hele applicatie tot leven komen.

Vergeet niet! Less is more, je hoeft niet oneindig veel animaties toe te voegen aan je applicatie.

Hou er wel rekening mee, wanneer je een design moet gaan voorstellen aan het bestuur. Ze hebben liever dat je wat interactie toevoegt aan je designs. Het geeft een realistische kijk op je applicatie. Zo gaan ze je applicatie op een verbeterde manier zien en misschien geef je ze wel de — wow factor — .

Zo, dat waren ze alle 5. Natuurlijk, er zijn er nog zoveel meer. Blijf itereren en probeer altijd je designs te reëvalueren. Zo bekom je de geschikte interface voor je doelgroep.

Bekijk hier mijn artikel over Fotografie & Typografie!

Risa Somers | Professional Profile | LinkedIn

🔝🔝🔝 Zin in een nieuwe connectie? Send it!

#1 Text & picture = one

Sometimes we just get that inner—love — feeling. Our typo works great with the image we are working with. This is an ideal scenario that only works in limited cases. ALWAYS work with a simple image and text or let the two float into each other.

#2 Never let go of the visual flow

Working with a visual flow of an image is one of the principal tips when you’re working with text and pictures. Everything has to fit into a logical order. Look at the picture, what’s their body language.

Never EVER EVER put text over important parts of an image like the main action, faces or the product itself! You have to sell something, a story, sell it!

#3 Simple is the new hardcore

It looks simple to make your visual view simple — you get me? — but people want to see both you picture and the words on the picture. If you put to much tricks and spins to it you will have an opposite effect. No one wants that.

#4 Put it all in a box

Sometimes it’s hard. You have to work with an exact image or an exact picture or worse! the two combined. NOOOO … well ya … just work it. If your typo doesn’t work together with your picture, put the text inside another frame. When doing this, your text will stand out much more. You can use any shape you want with the right contrast color and a little bit of a transparency.

#5 put some color in your life!

Ah color, it can make or break our day. A hint of color can add a visual interest in your image or text. On this site they use two methods. First you can use a contrasting color to highlight the words you want to put forward. Secondly you can use this contrasting color in your picture.

BAM! Here you go, fly into the great world of designing and work those images with their beautiful typo’s!