Mobile Application Design proces: stap-voor-stap richtlijnen voor UI/UX in 2021

als oprichter is tijd uw meest waardevolle bron. Terwijl een eenvoudige online zoeken zal u leiden tot een overvloed aan richtlijnen en tips voor het creëren van een perfect ontwerp, filteren van de nuttige inhoud van het lawaai is een moeilijke taak. Na het ervaren van deze eerste hand, hebben we een uitgebreide mobiele applicatie Design guide die zal dienen als de enige blauwdruk die u nodig hebt in uw streven naar het creëren van een knock-out app gemaakt.

inhoudsopgave

1. Stap 1: het belang van gebruikerstesten
2. Stap 2: App design is not a solo mission
3. Stap 3: Wees op de hoogte van de nieuwste app design and development trends
4. Stap 4: Ontwerp met de gebruiker in gedachten
5. Stap 5: begrijp de wetenschap en pas deze toe
6. Stap 6: De in-app ervaring perfectioneren
7. Stap 7: toekomstbestendig uw ontwerp

stap 1: Het belang van gebruikerstesten in uw app-ontwerpproces

Het is onmogelijk dat we alle stappen in het ontwerpproces van mobiele applicaties kunnen weergeven zonder gebruikerstesten te vermelden. Het testen van gebruikers vormt de kern van het ontwerpproces van de app. We kunnen dit punt eenvoudigweg niet genoeg benadrukken. Tijdens het testen van de gebruiker, een prototype van de app wordt gegeven aan echte gebruikers om te testen. Hun feedback en pijnpunten worden genoteerd en op basis daarvan wordt de volgende iteratie van het prototype gemaakt. Het is een snelle en goedkope manier om het ontwerp en de functionaliteit van de app te testen, zodat ontwerpers en ontwikkelaars ze verder kunnen verbeteren.

als oprichter kwam ik er op de harde manier achter hoe belangrijk het is om goede gebruikerstesten in een vroeg stadium uit te voeren. We hadden dit idee voor een boekingsapp die mensen verbindt met de dichtstbijzijnde kapper en hen in staat stelt om afspraken te maken. We sprongen direct in het ontwerpen van de app, het perfectioneren van het ontwerp, zonder echt toe te staan echte gebruikers om de UI-elementen te testen. Na maanden van werk werd de app gelanceerd. Al onze veronderstellingen met betrekking tot de behoeften van de gebruiker werden verbrijzeld. Mensen waren sceptisch over de waardepropositie.

geconfronteerd met deze situatie, zijn we een grondig onderzoek gestart. We voerden gebruikersenquêtes en interviews uit. We vroegen mensen om de service uit te proberen en namen hun feedback op. Analyse van de resultaten leidde ons tot de volgende conclusie:

• De meeste mensen hebben al een go-to barber die ze vertrouwen. Ze houden er niet van om te experimenteren met nieuwe individuen.
• in dit geval was een app gewoon het toevoegen van een extra gedoe in een al eenvoudig proces.
• gebruikers boeken liever een afspraak met hun kapper dan een telefoontje, sms of WhatsApp in plaats van het te doen via de app.
• zelfs als een gebruiker een nieuwe barber via de app vond, was het niet meer nodig om de app te gebruiken.
• gebruikers zullen gewoon niet betalen voor deze service, vooral als er geen manier was om ontduiking te voorkomen.

Het is nu gemakkelijk te zien dat er in mijn geval geen echte productmarkt paste. Voordat ik all-in ging met het app-ontwerpproces, had ik me moeten concentreren op rapid prototyping. Het maken van een snel prototype op basis van onze bewezen mobiele app UI ontwerprichtlijnen en het testen van het uit, dan, herhalen het snel op basis van de feedback van de gebruiker. Na meerdere iteraties zou ik genoeg gegevens hebben gehad om een weloverwogen beslissing te nemen en zo tijd, moeite en app-ontwikkelingskosten te besparen.

het is essentieel om dit proces te volgen bij het maken of bouwen van een app. Dit zorgt ervoor dat uw kostbare tijd en middelen niet worden verspild.

Stap 2: App design is not a solo mission

succesvolle mobiele apps zijn het resultaat van gezamenlijke inspanningen van een multidisciplinair team. Het ideal team bestaat uit middelen met betrekking tot onderzoek, grafisch ontwerp, user interface (UI), user experience (UX), ontwikkeling en marketing. Oprichters zijn vaak geneigd om de app zelf te ontwerpen. Dit is bijna een zeker recept voor rampspoed.

in het geval van mijn location-based barber booking app ‘HereCut’ (het voelde als een coole naam op dat moment), we geconfronteerd met een vergelijkbaar scenario. Met een beetje ervaring in ontwerp en ontwikkeling, heb ik besloten geen waardevolle middelen te verspillen aan het inhuren van hoogopgeleide mensen voor mobiel ontwerp. Zoals de meeste oprichters, ik was zeer streng met geld en dit leek de beste manier om bootstrap mijn weg naar een ongelooflijke app. Ik wou dat ik op dat moment zo ‘ n complete gids had gelezen.

na het verspillen van een paar maanden proberen om de workflow van mijn startup evenwicht, ik leerde een zeer waardevolle les. Mijn aanpak om gelijktijdig te werken aan het ontwerp en het schrijven van de code had geresulteerd in een impasse van soorten. Er werd geen substantiële vooruitgang geboekt met de app. Toen realiseerde ik me mijn fout. Tijdens het beheren van de dagelijkse activiteiten van mijn startup en het aanpakken van nieuwe, onverwachte uitdagingen elke dag, was er gewoon geen manier dat ik de tijd kon vinden om in de ‘zone’ van het coderen of het ontwerpen van de app. Het verwaarlozen van mijn taken als oprichter volledig en zich richten op code of design was ook geen verstandige zet.

geleid door mijn mentoren zag ik dat het niet inhuren van goede middelen voor het ontwerpen van de app me eigenlijk kostte in plaats van me geld te besparen. We hadden bijna geen tijd meer en we hadden niet eens een MVP (Minimum levensvatbaar Product) om te laten zien. Als ik een kans op succes wilde, moest ik de pil slikken.

oprichters hebben veel op hun bord en het ontwerpen van de app zelf terwijl het beheren van alle andere aspecten van een bedrijf is bijna onmogelijk. Geloof me als ik dit zeg, bespaar jezelf alle moeite en zorg dat een professional je helpt bij deze missie.

de beste aanpak voor een oprichter is het inhuren van een bekwaam team. Het ideale team moet op zijn minst een UI/UX ontwerper, een backend ontwikkelaar en een marketing resource. Dit team zal u in staat stellen om op de rails en het creëren van een eerste versie van de app met een minimum aan functionaliteit (ook wel de MVP).

in de secties hieronder, nemen we een kijkje op de ingewikkelde app ontwerp proces dat zorgvuldige planning en uitvoering omvat.

Stap 3: Wees op de hoogte van de nieuwste app design en ontwikkeling trends

Er is geen stoppen met de snelle vooruitgang van de technologie. Soms is het moeilijk om de laatste gebeurtenissen te begrijpen en bij te houden. Met zo ‘ n felle concurrentie in de app markt komt een grote uitdaging voor app makers. Niet up – to-date met de trends kan kosten U duur. Gebruikers hebben tal van opties om uit te kiezen en ze zullen alleen gaan met de nieuwste en meest efficiënte oplossing voor hun probleem.

5G is niet langer iets van de toekomst. De uitrol is al begonnen. Volgens een studie uitgevoerd door GSMA, tegen het jaar 2025, ongeveer 4 miljard apparaten zal worden uitgevoerd op het 5G-netwerk. Dit is goed voor meer dan 15% van het totale totaal. De komst van 5G is een totale game changer voor mobiele apps. Met razendsnelle snelheden en extreem lage latency ontstaan veel efficiëntere AR (Augmented Reality) en VR (Virtual Reality) apps. Het zal ook mogelijk zijn om tegemoet te komen aan gebruikssituaties die onmogelijk zijn op de bestaande LTE 4G-infrastructuur.

Augmented Reality is zeker een technologie waar app-ontwikkelaars naar op kunnen kijken. In tegenstelling tot Virtual Reality heeft het geen gespecialiseerde hardware nodig zoals VR-headsets. Bestaande mobiele telefoons hebben zeer krachtige hardware en aanvullende software om deze technologie te laten werken. Met behulp van de dieptesensingcamera ‘ s van de nieuwste mobiele apparaten maakt AR de omgeving interactiever door virtuele objecten in uw omgeving te integreren. Apple ‘ s ARKit en de ARCore voor Android stelt ontwikkelaars in staat om robuuster Augmented Reality apps te maken. Terwijl mobiele games (zoals Pokemon Go)zijn het eerste ding om te denken aan AR, stel je de mogelijkheden die het heeft in andere gebieden. Van interactieve shopping apps tot AR dating services, toerisme apps, landscaping, tekenen en samenwerken apps, sport, marketing, gezondheidszorg, onderwijs, communicatie/teleconferencing en data visualisatie apps, de impact van AR is eindeloos.

met app makers voortdurend proberen uit te vinden manieren om de beste ervaring en waarde te bieden aan de klant, Machine Learning (ML) kan gewoon het antwoord.

innovaties zoals 5G, AR en ML openen een geheel nieuwe weg van mogelijkheden voor spannende nieuwe mobiele apps. Met de juiste implementatie van deze nieuwste technologieën, uw app kan de next big thing geworden!

deze revolutionaire technologieën bieden een nieuwe reeks uitdagingen voor ontwerpers. Ze moeten zich snel aanpassen en de veranderende tijden omarmen. Ontwerpen voor toepassingen van AI, ML en AR verschilt van het traditionele app-ontwerp. Bijvoorbeeld, overwegen de AI aangedreven virtuele assistenten (zoals Siri en Alexa). Ze gebruiken een meer natuurlijke, spraakinterface in tegenstelling tot visuele ontwerpen om te communiceren met de gebruiker.

Het duurt niet lang voordat AR-toepassingen voor wearables (zoals slimme bril of slimme lens) een gemeenschappelijk gezicht worden. Nu zal het ontwerp niet worden beperkt tot slechts een mobiel scherm. Ontwerpers moeten de curve voor blijven en komen met een gebruiksvriendelijke interface voor dergelijke apparaten.

met holografische en AR-toepassingen die worden aangedreven door gebaren, moeten ontwerpers overwegen hoe ze gebaren kunnen maken die cultureel aanvaardbaar zijn voor een wereldwijd publiek. Een andere grote uitdaging met betrekking tot bruikbaarheid is om zo te ontwerpen dat de hersenen gemakkelijk de objecten van deze nieuwe realiteit accepteren en verwerken.

nieuwe ontwerppatronen ontwikkelen zich om tegemoet te komen aan deze technologieën. Ontwerpers moeten in staat zijn om de elementen op een meer natuurlijke manier te laten verschijnen, zodat de gebruiker zich meer thuis voelt bij deze nieuwe realiteit. Om het optimale ontwerp voor AI -, ML-en AR-apps te creëren, moeten ontwerpers begrijpen hoe deze technologieën werken en een beetje creatief zijn. Omdat het een relatief nieuw gebied is, is er veel ruimte voor innovatie in design.

integreren met andere apps en services

ontwerpen met een flexibele aanpak in het achterhoofd en het toestaan van de app om integraties te benutten is een zeer nuttige functie voor de gebruiker. Tegenwoordig gebruiken veel startups en bedrijven al een groot aantal communicatie-en productiviteitstools zoals Slack, Trello en Asana. Door uw gebruikers de mogelijkheid te geven om deze diensten te synchroniseren en te integreren, kunt u de gebruiker maximale waarde bieden en uw app gebruiksvriendelijker maken.

Catering aan verschillende apparaattypen

Apple bracht hun nieuwe iPhone line-up met inbegrip van de iPhone 11, 11 Pro en 11 Pro Max niet al te lang geleden. De software kreeg ook een nette upgrade in de vorm van iOS 13, met iOS 14 gepland om uit te komen in de herfst. Een ontwerp op maat van de scherper en knapper display van deze nieuwe apparaten zal veel meer opvallen. Een mHealth-app kan bijvoorbeeld gebruik maken van de nieuwe, krachtigere camera aan de voorkant, samen met de nieuwste A13 Bionic-chip van het neurale netwerk om een nauwkeuriger symptoom tracker te maken.

Er is nieuws over een app die een foto van uw vingertop gebruikt om diabetes te detecteren. Het gebruikt de camera van de telefoon en de zaklamp om slechte doorbloeding te identificeren. Als dit mogelijk is, stel je voor wat je kunt doen door gebruik te maken van de volledige kracht van de nieuwste apparaten.

Voor het ontwerpen van Apple-en Android-apparaten is een grondige kennis van de iOS-en Android-besturingssystemen vereist. De Human Interface Guidelines van Apple en de Material Design Guidelines van Google kunnen als goede starters dienen. Bijvoorbeeld bij het ontwerpen van uw app voor iOS, je moet een tabbalk gebruiken voor navigatie in tegenstelling tot een navigatie-lade voor de Android-versie van dezelfde app.

Apple gebruikt formaten als 1x, 2x en 3x voor zijn apparaten. Voor Android moeten ontwerpers hun ontwerpen compatibel maken met 6 verschillende schermformaten. De LDPI die aan de lage kant van het spectrum maatregelen 120dpi, wordt gevolgd door MDPI, HDPI, XHDPI, XXHDPI en XXXHDPI.

met nieuwe schermformaten, hogere beeldverhoudingen (18:9), bezelloze display en notch design, moeten app-ontwerpers voortdurend op zoek zijn naar hoe hun voorgestelde ontwerp zal functioneren op de nieuwste apparaten.

geconfronteerd met deze constante instroom van nieuwe apparaten, moeten ontwerpers hun ontwerpen responsief houden. Ze moeten testen en optimaliseren van hun ontwerpen voor elk apparaat. Een eenvoudig ontwerp dat precies de juiste informatie biedt is cruciaal. Ken je publiek en herhaal het UI-ontwerp op basis van de demografische. Let ook op in-app analytics voor eventuele punten van frustratie voor gebruikers en los ze op.

Stap 4: Ontwerp met de gebruiker in gedachten

bij het ontwerpen van uw app, trap niet in de val van het toevoegen van meer en meer functies. De gebruiker voorop zetten is een geweldige aanpak om een bruikbare app te maken en dit varieert drastisch of je nu een chatbot bouwt, een marketplace-app ontwikkelt of een trading-en investeringsapp ontwikkelt. Wanneer u rekening houdt met de eindgebruiker, je begint te beseffen dat een app praktisch en makkelijk te gebruiken moet zijn. Begin met jezelf vragen te stellen zoals, Wie is mijn gebruiker? Wat zijn hun problemen en hoe kan ik ze oplossen? Nu af te stemmen op de zakelijke doelstellingen van uw app. Zodra je iets hebt, test het met de gebruiker en evalueren.

Killed by Google biedt een interessante lijst met Google apps en services die nu zijn stopgezet. In deze lijst, vindt u een app genaamd Bump. Het was eigenlijk een iOS-en Android-app waarmee gebruikers contacten, foto ‘ s en gegevens over het internet naar andere apparaten konden overbrengen. Gebruikers deden dit door fysiek stoten hun telefoons samen. Toen de telefoons werden gestoten, verscheen er een scherm op elk apparaat om bestanden te bevestigen en te selecteren. Terwijl terug in 2011, het overbrengen van gegevens naar andere apparaten was een grote gebruiker nodig en deze app bood een goede oplossing, tijden zijn veranderd.

in de woorden van Bump Technologies CEO David Lieb, ” de volgende generatie mobiele apps zal problemen oplossen op een manier dat de gebruiker, de klant, niet eens hoeft na te denken over het.”Hij gaat verder met te zeggen,” Mobile zal al deze apps in staat te stellen om een soort van flip, en in plaats van mij vertellen de app wat Ik wil dat het te doen, de app zal voorstellen aan mij, Hey, je zou willen vertrekken voor uw vergadering aan het einde van de strip, want er is veel verkeer.”

zich bewust zijn van de laatste trends in de industrie helpt ook bij het creëren van iets dat maximale waarde biedt aan de gebruiker. Nu ik er aan denk, een trend is aanwezig vanwege brede acceptatie door de gebruiker.

tegenwoordig geven gebruikers de voorkeur aan apps om de vereiste acties op de achtergrond uit te voeren in plaats van de moeite te doen door op knoppen te klikken of door een hele vervelende stroom te gaan. In dit geval, een gebruiker wil niet om hun telefoon overdracht informatie naar andere apparaten te maken, het gewoon ‘gebeurt’.

het belangrijkste doel van gebruikersgericht ontwerp is om de inspanning voor de gebruiker te verminderen. Uw app moet de noodzaak om te typen minimaliseren. Aanmelden is een belangrijk drop-off punt voor gebruikers. Bied gewoon wat functionaliteit aan de gebruiker zonder registratie af te dwingen. Het freemium model heeft wonderen gewerkt voor app-ontwikkelaars alleen maar om deze reden.

uw app moet de minimaal mogelijke toestemming eisen en om dingen gemakkelijker te maken voor de gebruiker, gewoon automatisch hun e-mail in te vullen vanuit de app store (indien nodig).

app toegankelijkheid

uw app toegankelijk maken voor een breder publiek is een must. Bij het maken van uw ontwerp moet u rekening houden met mensen met een handicap. Iets eenvoudigs als het toevoegen van een bijschrift aan een video kan video betrokkenheid te verhogen met maximaal 500%.

volgens statistieken leeft ongeveer 15% van de wereldbevolking met een of andere vorm van handicap. W3C of World Wide Web Consortium is een internationale gemeenschap die webstandaarden ontwikkelt. Hun Web Content Accessibility Guidelines (WCAG 2.0) bevat richtsnoeren voor toegankelijkheid en beste praktijken voor online-inhoud. Dit document laat zien hoe deze regels van toepassing zijn op mobiele toegankelijkheid.

Apple probeert voortdurend app-ontwikkelaars te pushen om hun apps toegankelijker te maken voor alle soorten doelgroepen. Dynamische tekst is een van de voorgestelde praktijken in deze richting.

nu u zich bewust bent van het belang van app-toegankelijkheid en een gebruikersgerichte benadering van ontwerp, past u deze kennis toe om uw ontwerp te perfectioneren. Uw app moet mooi worden afgestemd op de behoeften van de gebruiker. Maak het zo gebruiksvriendelijk mogelijk door het ontwerp te testen met echte gebruikers en het te verbeteren op basis van de feedback.

Stap 5: begrijp de wetenschap en pas het toe

App design is in een zeer snel tempo geëvolueerd. We willen onze lezers er voortdurend aan herinneren dat een geweldig app-ontwerp waarde toevoegt aan de gebruiker. Het is een ontwerp bedoeld voor groei en vertrouwt op meer dan alleen uitbundige kleuren en animaties. Een duik nemen in de werkelijke wetenschap en begrijpen hoe u uw ontwerp kunt verbeteren is uiterst cruciaal.

Deze stap biedt een groot inzicht in de wetenschap van app-ontwerp en hoe het wordt gebruikt om spectaculaire resultaten te produceren. Trouwens, ik hoop dat je gemerkt dat de applicatie ontwerp stappen die we beschrijven in onze mobile app design guide zijn genummerd voor het gemak en niet geordend op belang.

belang van UX principles

als grondlegger is User Experience (UX) design niet iets waar je voor terugschrikt. Don Norman bedacht de term UX in de vroege jaren 1990. er is zoveel onderzoek gedaan op dit gebied dat het soms moeilijk is om het daadwerkelijk bij te houden. U kunt zelfs een hele gespecialiseerde graad in User Experience Design. Hier geven we u drie must-know principes die de kern van UX design vormen.

Hick ‘ s law

hoe meer keuzes u geeft aan een gebruiker, hoe meer tijd zal worden verbruikt bij het maken van die beslissing.

Parkinson ‘ s Law

Deze wet stelt: “als je wacht tot de laatste minuut, duurt het slechts een minuut om te doen” of met andere woorden: “hoe langer je een taak geeft, hoe langer het duurt”. In de context van app design, weet dat gebruikers niet veel tijd hebben om een taak te voltooien. U moet ervoor zorgen dat de instructies en acties in de app zijn zinvol en snel. Dit principe is gemakkelijk van toepassing op de aanmelding of onboarding ervaring van een app.

KISS Principle (Keep It Simple Stupid)

onnodige complexiteit en functies moeten worden vermeden. Uw app zal het beste werken als het eenvoudig wordt gehouden en het blijft trouw aan de kernfunctie.

neem bijvoorbeeld onze healthcare app ‘TYGON Lyte’. Hoewel het drie belangrijke kenmerken biedt, namelijk therapie, detectie en ontsmetting, identificeerde ons UX-team lichttherapie als de kernwaarde. Op basis van dit inzicht werd een praktisch en eenvoudig ontwerp van de homepage gemaakt dat zich strikt richtte op lichttherapie.

als je meer wilt weten over UX kun je deze handige site, Laws of UX, bekijken.

consistente branding

Dit punt ligt voor de hand. We noemen het voor het enige doel om te benadrukken hoe cruciaal het is om de ontwerpen van de applicatie consistent te houden met zijn web tegenhanger. De pictogrammen, graphics, typografie en zelfs de kleinste details moeten perfect op elkaar zijn afgestemd.

kleurtheorie

om kleurpsychologie te begrijpen, moet u een kijkje nemen in het kleurenwiel. Het kan worden verdeeld in twee verschillende helften. De warme kleuren zijn zoals geel, oranje en rood. Blauw, groen en soortgelijke kleuren worden koele kleuren genoemd.

complementaire kleuren liggen aan de tegenovergestelde zijden van het wiel, bijvoorbeeld blauw is het tegenovergestelde van oranje. Je moet hebben gemerkt dat veel populaire apps en logo ‘ s gebruik maken van deze tegenovergestelde kleurencombinaties als ze helpen dingen opvallen.

eerder bespraken we het belang van toegankelijkheid, met het in gedachten houden, vermijd het gebruik van te veel groene en rode kleurencombinaties omdat het het meest gemelde paar is dat problemen veroorzaakt voor kleurenblinden. Interessant feit, Facebook is blauw omdat Mark Zuckerberg is groen-rode kleurenblind en hij ziet blauw de beste.

Er is ook een complete marketingrichtlijn over de emotionele respons die bepaalde kleuren teweegbrengen. Geel wordt geassocieerd met jeugdige en optimistisch. Het kan worden gebruikt om de aandacht van een toevallige gebruiker te trekken om iets te kopen. Blauw wordt geassocieerd met vertrouwen en veiligheid. Banken en verschillende bedrijven toepassingen vaak gebruik maken van blauw om deze reden. Het is ook geschikt bij het ontwerpen en ontwikkelen van gezondheidszorg apps. Op dezelfde manier, groen wordt meestal geassocieerd met financiën en welzijn apps. Het staat bekend als een ontspannende kleur voor de ogen. Toepassingen met betrekking tot luxe producten of diensten maken vaak gebruik van zwart vanwege zijn slanke en krachtige aard.

de kleurentheorie suggereert dat de belangrijke inhoud in hoog contrast moet staan. Hoewel dit maakt het meer te onderscheiden, overdrijven in de app kan spanning veroorzaken voor de gebruiker. Aan de andere kant, lage contrast technieken zijn een ontwerper favoriet als ze maken voor een aantal mooie lay-outs. Probeer een zoete mix te vinden tussen leesbaarheid (hoog contrast) en aantrekkelijkheid (laag contrast).

Het is niet te ontkennen hoe belangrijk het juiste gebruik van kleur is. Door trouw te blijven aan zijn visie van het ontdekken en uitbreiden van kennis ten behoeve van de mensheid, heeft NASA nogal wat onderzoek gedaan op het onderwerp van kleurgebruik. Ze bieden zelfs gratis online bronnen voor het publiek om te profiteren van hun onderzoek.

focussen op de kleur van een knop kan triviaal lijken voor sommigen. In feite, het is bewezen dat de gebruiker testen en perfectioneren van de kleur van een call-to-action knop resulteert in een aanzienlijke piek in Conversies.

minimaliseer cognitieve belasting

cognitieve psychologie principes hebben terecht een plaats gevonden in het ontwerpproces. Het verminderen van de cognitieve belasting, dat wil zeggen de hoeveelheid inspanning die nodig is om een taak te voltooien, kan wonderen verrichten in het maken van de app iets waar gebruikers van houden.

intrinsieke cognitieve belasting is de energie die nodig is om nieuwe informatie op te nemen en tegelijkertijd te weten welke taak moet worden uitgevoerd. De gebruiker moet bijvoorbeeld duidelijke en korte instructies krijgen. De CTA (call-to-action) moet op dezelfde pagina en de gebruiker moet niet te navigeren tussen schermen om de beslissing te nemen.

externe cognitieve belasting moet worden verminderd in het ontwerp. Dit is alles wat niet gerelateerd is aan de taak die bij de hand is en mentale middelen verbruikt. Over het algemeen is het het resultaat van slecht ontwerp, zoals misplaatste lettertypen, overbelasting van inhoud of het gebruik van ongepaste kleuren.

om cognitieve belasting te verminderen, visuele rommel te vermijden en het ontwerp eenvoudig te maken. Het menselijk brein accepteert snel lay-outs en patronen die het al kent. Dit is de reden waarom in de meeste apps, we zien bijna hetzelfde patroon voor veelgebruikte functies zoals het aanmelden.

Stap 6: het perfectioneren van de in-app ervaring

ontwerpen voor lege toestand

de eerste interactie met de app moet de gebruikers comfortabel maken en hen een glimp geven van wat er gaat komen. Dit is waar een zorgvuldig gemaakte on-boarding ervaring komt in.

ontwerpers zullen zich veel richten op het gevulde of bevolkte ontwerp van de app en negeren vaak het naakte, initiële ontwerp van de app die de nieuwe gebruiker tegenkomt. Er zijn een aantal manieren om deze lege toestand betekenisvoller te maken. Een rondleiding door de app kan een prachtige plek zijn om te beginnen voor de gebruiker. In sommige andere gevallen, het aanbieden van een bewerkbare sample entry (zoals in een dummy item in een e-commerce app) kan blijken te zijn vrij handig voor de gebruiker.

eerder leerden we over het principe van intrinsieke cognitieve belasting. Rekening houdend met dit principe, moet de welkome nota aangeboden aan de gebruiker kort zijn en bieden een goed geplaatste call-to-action.

navigatie met één hand of duim-vriendelijke lay-out

besteed enige tijd aan het overwegen van navigatie met één hand tijdens het doorlopen van stappen in het ontwerpproces van mobiele apps. Plaats de bruikbare elementen in de zones van het scherm waar de duim van nature kan reiken. De tap targets moeten groot genoeg zijn om gemakkelijk te kunnen tikken. Plaats geen verschillende tap targets heel dicht bij elkaar.

Gebruik altijd de juiste spatiëring. Idealiter is de gewenste grootte voor een kraangebied tussen 7 en 10 mm. de bovenkant van het scherm is een moeilijk te bereiken gebied en in het geval van grotere schermen, vereist het een verandering van grip. Plaats destructieve acties zoals verwijdering op plaatsen die moeilijk te bereiken zijn, zodat het gevaar van het per ongeluk gebruiken wordt beperkt.

juiste navigatie en visuele hiërarchie

een goed ontwerp zorgt ervoor dat het navigeren door de app zo pijnloos mogelijk is. Gebruikers hebben een natuurlijke neiging om de eerste en Laatste items in een serie te onthouden. Dit fenomeen wordt het seriële positie-Effect genoemd. Volgens onderzoek wordt de terugroepactiviteit beïnvloed door de positie van een element in een reeks. Het menselijk brein vindt het moeilijk om de elementen in het midden van de serie te herinneren.

vanwege deze reden geven de nieuwste ontwerpen de voorkeur aan een navigatiebalk bovenaan of aan een navigatiebalk onderaan in plaats van hamburgermenu ‘ s. De belangrijkste items worden links of rechts van de navigatiebalk geplaatst.

het hebben van een duidelijke visuele hiërarchie is ook erg belangrijk. Visuele hiërarchie wordt gedefinieerd als de grootte van elementen op een scherm. Over het algemeen worden de belangrijkste elementen meer gewicht gegeven.

Stap 7: Toekomstbestendig uw ontwerp

verandering is constant en onmiskenbaar. Maak uw ontwerp flexibel genoeg om tegemoet te komen aan nieuwe veranderingen, zelfs als dat betekent een marginale stijging van de initiële app ontwikkeling kosten. Het moet ook relevant blijven en waarde blijven bieden aan de gebruiker. Dit is het geval voor de ontwikkeling van apps op maat in het algemeen, of het nu gaat om het idee, het ontwerp of de ontwikkelingsfase.

belang van inhoud

woorden die in de app worden gebruikt, hebben een enorme impact. Gebruik gemakkelijk te begrijpen woorden en Vermijd onnodige informatie. De beste volgorde en structuur is degene die gemakkelijk te lezen is voor uw gebruiker.

Typografie is ook een van de krachtigste elementen van het ontwerp. Het kan een app gebruiksvriendelijker en toegankelijker maken. Onlangs, Ik begon met behulp van deze cloud-gebaseerde nota nemen app genaamd ‘Bear’. Het is alleen beschikbaar voor Apple-apparaten (iPhone, iPad en Mac). Ik werd verliefd op deze app op het eerste gezicht. Ik dumpte de native notes app van Apple en volledig overgestapt op Bear. Wat riep zo ‘ n sterke reactie van mij op? Het was de pure eenvoud en prachtige typografie van de app! De ontwerpers zijn erin geslaagd om de krachtige functies van de app te presenteren op zo ‘ n natuurlijke en eenvoudige manier dat gebruikers gewoon genieten van het gebruik ervan.

vermijd het kopiëren van andere ontwerpen

Het is simpelweg niet de moeite waard om te proberen een bestaand ontwerp te kopiëren. U kunt zeker inspiratie halen uit de beste van de beste, maar kopiëren is een grote no. Elke app is uniek op zijn eigen manier. Alleen u kent de specifieke use case waarop u zich richt en de waarde die u wilt bieden. Andere ontwerpen zullen niet volstaan in het verstrekken van die waarde aan de gebruiker zoals u wenst. Op het einde, de beloningen van het creëren van een onderscheidend ontwerp voor uw app zijn de moeite waard alle tijd en middelen die erin gaan.

wees niet bang om te innoveren

Mobile App Design Process + u

Gefeliciteerd! u bent nu uitgerust met de kennis om een buitengewoon ontwerp voor uw app te creëren. U bent een stap dichter bij het bereiken van de app die u wenst.

houd in gedachten dat design een open veld is. Hoewel we een aantal principes en best practices hebben opgesomd, kunnen de beste ontwerpen ze niet altijd allemaal toepassen. Zaken als richtlijnen voor het ontwerpen van mobiele applicaties door Apple en Google zijn slechts tot op zekere hoogte praktisch. Vaak resulteert het oplossen van een unieke use case in een fris en innovatief ontwerp. Wees nooit bang om te experimenteren met nieuwe dingen, want er is geen weten wat prachtige product dat je zou kunnen eindigen creëren.

tegelijkertijd, na het proces van het ontwerpen van een app die we hebben geschetst in deze uitgebreide gids, zult u de meest voorkomende gebruikersinterface en ervaring valkuilen te vermijden.

heeft u hulp nodig bij het ontwerpen van de app van uw dromen? We zijn app-ontwikkelaars in NYC, LA, Miami, en ons team staat klaar om u te helpen. Neem contact met ons op.