Share
Als de afgelopen negen maanden iets hebben bewezen, is het dat app-ontwerp voor iPad een wilde rit wordt. In dit artikel zullen we vijf tips bespreken om je te helpen bij het maken van iPad-ontwerpen die rocken!
Als ontwerper ben ik natuurlijk helemaal voor aangepaste gebruikersinterfaces, maar begrijp ook hoe snel de ontwerptrein kan ontsporen! Als u een aangepaste gebruikersinterface wilt ontwerpen, concentreert u zich op de volgende items:
Flipboard is een geweldig voorbeeld van een app zonder traditionele navigatie, maar dompelt je volledig onder in de ervaring. Je mist de navigatie niet omdat je direct in de inhoud vloeit.
Met aangepaste interfaces kunt u veel coole dingen doen met wat ik gelaagde lay-outs noem, wanneer verschillende stukken van de lay-out onafhankelijk van elkaar scrollen. In sommige gevallen wordt niet alle inhoud onthuld aan de gebruiker totdat deze begrijpt hoe elk van deze lagen beweegt. Dus de vraag die je moet beantwoorden is: hoeveel laat je over aan de gebruiker om te ontdekken?
In Coole jacht, de gebruiker kan de bovenste afbeeldingen naar links en rechts vegen, waardoor meer afbeeldingen worden weergegeven die, als u niet wist, u niet zou weten dat ze er waren. Voor het artikelgebied, dat omhoog en omlaag scrolt, verwachten gebruikers tekst op en neer te vegen, maar niet noodzakelijkerwijs de afbeeldingen bovenaan.
De oplossing? Testing. Hoe lang duurde het voordat ik erachter kwam dat de afbeeldingen bovenaan links en rechts vegen om meer afbeeldingen te onthullen? Misschien na een minuut spelen. En het resultaat? Ik was eigenlijk aangenaam verrast, niet overstuur dat het niet meer voor de hand lag.
Een heel coole functie van de CNN-app is de mogelijkheid om je vinger boven de nieuwsverhalen onderaan te houden en er een voorvertoning van de kop van het verhaal te plaatsen. Leuk! Het zorgt ervoor dat de gebruiker niet terugloopt om door alle verhalen te bladeren.
Wat cool is aan iPad vanuit een ontwerpstandpunt is dat je een afvallige wordt. Gebruikers balen niet naar apps die geen gebruik maken van? Standaard? navigatieknoppen. De kunst is om een boeiende gebruikerservaring te creëren die de gebruiker nog steeds in staat stelt met gemak door de app te navigeren.
Een van de belangrijkste dingen om op de voorgrond te blijven als u 'alternatieve' lay-outs verkent:
Minimaliseer de gebruikersbehoefte aan "hulp".
Dit betekent geen hulpknoppen, geen vraagtekens, geen "i" infoknoppen. Niks van dat. Een goed doordacht ontwerp heeft deze overbodige informatie niet nodig (cue de boze kreten en het schudden van vuisten).
Voordat je je slipje in een prop krijgt, wil dit niet zeggen dat je geen hints kunt geven. Hints zijn subtiele, contextueel relevante tips die een zachte duwtje in de rug geven wanneer een gebruiker debatteert over wat hij vervolgens moet doen.
Het vertalen van uw ontwerp van portret naar landschap, of omgekeerd, is lastig. Ik weet. Het is alsof je een geheel nieuwe app ontwerpt, althans vanuit het oogpunt van de lay-out. Het belangrijkste om in gedachten te houden is om de gebruikerservaring niet te veranderen!
Niet veel apps hebben bijvoorbeeld de luxe om te kunnen vertalen, evenals Note Taker, wat bijna een exacte match is:
Cool Hunting is een meer algemeen voorbeeld van hoe content-gebaseerde apps veranderen van een rooster naar een lijstweergave. Het verandert niet ingrijpend de manier waarop de gebruiker met de app communiceert:
In apps die dynamische inhoud laden, moet u altijd weten hoe die inhoud de ervaring van de gebruiker kan veranderen telkens wanneer hij de app opent. De CNN-app is een goed voorbeeld van twee dingen:
De interface ademt niet. Het ziet er net zo chaotisch uit als het nieuws, beelden die naast elkaar zijn gepropt en koppen die vrijwel onleesbaar zijn. Wanneer je te maken hebt met laden in dynamische inhoud, geef het dan wat ruimte om uit te rekken. Je weet nooit hoe het eruit kan zien van dag tot dag, dus plan voor de absolute max vanuit het standpunt van een kopie / beeldtaal en werk achteruit, zodat er voldoende ruimte is voor elk type inhoud dat daar mogelijk moet wonen.
En nu het heldbeeld. Ik weet niet zeker of op het onderstaande scherm toeval is, maar je oog wordt aangetrokken door de rode heldenafbeelding. Het secundaire brandpunt is het rode jasje van de vrouw. Bedenk hoe de afbeeldingen die u dynamisch laadt ertoe kunnen leiden dat het oog van de gebruiker in het rond springt.
De oplossing? Creëer grafische calls-to-action die afbeeldingen overschrijven die in de app zijn geladen. CNN probeerde dit met de? Topverhalen? banner, maar het springt echt niet uit boven de grote hero-afbeelding.
Dit is een van de moeilijkste taken voor ontwikkelaars, ontwerpers en waarschijnlijk zelfs UX-experts! En het is vooral belangrijk met iPad-apps, waar gebruikersinterfaces niet zo gestandaardiseerd zijn. Het voorspellen van de volgende zet van de gebruiker kan een uitdaging zijn, maar ik heb een truc die echt helpt.
Dus laten we zeggen dat je een app hebt waarmee mensen een dierentuin met apen kunnen vinden. U hebt de use case-scenario's uitgevoerd, u weet zelfs wie uw doelgroep is die ECHT van apen houdt. De volgende stap is om je sceens en wireframes te tekenen op basis van hoe deze gebruikers de app gebruiken om hun geliefde apen te vinden.
Je stelt de wireframes op. Je kleeft ze aan de muur. Het ziet er echt goed uit. Alles is logisch -? Ik ben klaar!?, Denk je. Nu, hier is de moordenaarstip:
RAAK HET IDEE NIET TWEE DAGEN AAN!
Serieus, raak het niet aan, denk er niet over na, e-mail er niet over. Wis het woord? Aap? van je vocabulaire. Oké, dit wordt een beetje raar, maar het idee is dat je niet in de gedachten van de gebruiker kunt komen tenzij je VERSE OGEN hebt.
En we zullen nooit compleet nieuwe ogen hebben, maar ik heb in mijn eigen werk ontdekt dat het stoppen van een project en het focussen op iets anders mijn vermogen om verder te gaan dan creatieve blokken katapulteert en een app door de ogen van de gebruiker ziet.
Accentsconagua