UX en UI in Microsoft Power Apps: zo laat je een app stralen

 

Een app heeft pas waarde als het gebruikt wordt

Om de kans op een succesvolle app te vergroten, doorloop je best eerst enkele stappen voor je in het bouwen vliegt. Probeer eerst en vooral het idee en de noodzaak achter de app goed te doorgronden. Waarom gaan we iets bouwen in plaats van een bestaand systeem te gebruiken bijvoorbeeld? Ga daarna aan de slag met wireframes die je toont aan de stakeholders zodat alle neuzen van in het begin in dezelfde richting staan. Power Apps kan je visueel al uitwerken zonder dat de logica er hoeft achter te zitten. Zo kan je tonen hoe de afgewerkte app er zal uitzien, met de juiste componenten. Daarna kan je overgaan tot het echte bouwen en de app tot leven brengen. Hierna is de testfase aangebroken. 80% van fouten in UX kan je er al uithalen door 5 mensen te laten testen en ze luidop te laten uitspreken wat ze denken en doen. Waar zijn ze naar op zoek? Waarom gaan ze op iets klikken? Met deze waardevolle informatie kan je het design bijsturen.

Het zit ‘m vanbinnen én vanbuiten

In bovenstaande stappen zitten zowel UX- als UI- elementen verweven. De User Experience (UX) staat voor hoe een app werkt en hoe een gebruiker het ervaart. De User Interface (UI) behelst hoe een app eruit ziet. Een goede balans tussen beide is belangrijk, bruikbaar en mooi gaan immers niet vanzelf hand in hand. Een prachtige app waarin een gebruiker z’n weg niet vindt, zal ongebruikt blijven. Een logische app die pijn doet aan je ogen is ook niet aangenaam.

De beste UI-tips van onze experten

• Less is more. Blijf weg van te veel kleuren en afbeeldingen. Maak op voorhand een style sheet met de bedrijfskleuren en verwijs daar naar. Hou de achtergrond wit en werk met kleuraccenten.
• Werk met de voorgedefiniëerde componenten zoals headers. Maak ze één keer goed op de style sheet en kopieer van daaruit naar de juiste schermen.
• Ga indien mogelijk voor een responsive app zodat alle componenten zich automatisch aanpassen aan het gebruikte device.
• Hou rekening met de beperkingen, want die zijn er ook. Sommige balken hebben afgeronde hoeken en anderen weer niet, hou hier op voorhand rekening mee in je design.

De beste UX-tips van onze experten

• Plaats elementen altijd op de meest logische plek. Hou de home-knop bijvoorbeeld altijd bovenaan in de rechterhoek zodat gebruikers er niet naar moeten zoeken op elk scherm.
• Focus op een happy flow. Ga na wat het meest optimale proces is om een bepaald doel te bereiken.
• Deel een lang invulformulier op in verschillende schermen. Geef wel telkens een voortgangsindicatie mee.
• Werk met pop-ups in plaats van de gebruiker telkens door te sturen naar een volledig nieuw scherm.
• Werk met iconen in plaats van met tekstknoppen. Er zijn al heel wat iconen beschikbaar in PowerApps. Let er wel op dat de betekenis van het icoontje algemeen bekend is.
• Geef verschillende apps in eenzelfde organisatie dezelfde look & feel zodat de leercurve makkelijker doorlopen kan worden.
• Zet zo weinig mogelijk acties links vanboven in een mobile app omdat die plek het moeilijkst te bereiken is met je rechterduim.