Share
Om de senaste nio månaderna har bevisat någonting, är det att appdesign för iPad kommer att vara en vildtur. I den här artikeln kommer vi att diskutera fem tips som hjälper dig att skapa iPad-design som rockar!
Att vara designer är självklart allt för anpassade användargränssnitt, men förstår också hur snabbt designtåget kan spåra! Om du vill utforma ett anpassat användargränssnitt, fokusera på följande objekt:
blädderblock är ett bra exempel på en app som har noll traditionell navigering, men helt nedsänker dig i upplevelsen. Du saknar inte navigeringen eftersom du flyter direkt till innehållet.
Anpassade gränssnitt gör att du kan göra många coola saker med vad jag kallar lagrade layouter, när olika delar av layouten rullar oberoende av varandra. I vissa fall avslöjas inte allt innehåll för användaren tills de förstår hur vart och ett av dessa lager rör sig runt. Så, frågan du måste svara är: hur mycket lämnar du upp till användaren att upptäcka?
I Cool Jakt, användaren kan svepa de bästa bilderna till vänster och höger, vilket avslöjar fler bilder som om du inte svepte, skulle du inte veta var där. För artikelområdet, som rullar upp och ner, väntar användarna att dra text upp och ner, men inte nödvändigtvis bilderna högst upp.
Lösningen? Testning. Hur lång tid tog det mig att räkna ut att bilderna högst uppåt svänger åt vänster och höger för att avslöja fler bilder? Kanske efter en minut av att leka med det. Och resultatet? Jag blev faktiskt positivt överraskad, inte upprörd att det inte var mer uppenbart.
En riktigt cool funktion i CNN-appen är möjligheten att hålla och skjuta fingret över nyhetsberättelserna längst ner och få en förhandsgranskning av historikrubriken. Trevlig! Det hindrar användaren från att slå tillbaka för att bläddra i alla historier.
Vad som är coolt om iPad från en designsynvinkel är att du blir en renegad. Användare balkar inte på appar som inte använder? Standard? navigeringskontroller. Tricket är att skapa en engagerande användarupplevelse som fortfarande tillåter användaren att enkelt navigera i appen.
Ett av de främsta sakerna att hålla dig i spetsen när du utforskar "alternativa" layouter:
Minimera användarnas behov av "hjälp".
Det betyder inga hjälpknappar, inga frågor, inga "i" info knappar. Inget av det. En väl genomtänkt design behöver inte denna överflödiga information (cue de arga skrik och skakningar av nävar).
Innan du får dina trosor i en vad betyder det inte att du inte kan ge tips? Hints är subtila, kontextuellt relevanta tips som ger det en mild nudge när en användare diskuterar vad man ska göra nästa.
Att översätta din design från stående till landskap, eller vice versa, är en smärta. Jag vet. Det är som att designa en helt ny app, åtminstone ur en layoutsynpunkt. Det viktigaste att komma ihåg här är att inte ändra användarupplevelsen!
Till exempel har inte många appar lyxen att kunna översätta såväl som Note Taker, vilket är nästan en exakt match:
Cool Jakt är ett vanligare exempel på hur innehållsbaserade appar växlar från ett rutnät till en listvy. Det förändrar inte dramatiskt hur användaren interagerar med appen:
I appar som laddar in dynamiskt innehåll måste du alltid vara medveten om hur det innehållet kan ändra användarens upplevelse varje gång de öppnar appen. CNN-appen är ett bra exempel på två saker:
Gränssnittet andas inte. Det ser ut som kaotiskt som nyheterna, bilderna sätta sig ihop bredvid varandra och rubrikerna är nästan oläsliga. När du hanterar laddning i dynamiskt innehåll, ge det lite utrymme att sträcka ut. Du vet aldrig hur det kan se ut från dag till dag, så planera för det absoluta maxet från en kopi / bildsynpunkt och arbeta bakåt, vilket ger gott om plats för vilken typ av innehåll som helst som kan behöva bo där.
Och nu hjältebilden. Jag är inte säker på om på skärmen nedan är det bara tillfällighet, men ditt öga är draget på den röda hjältebilden. Den sekundära kontaktpunkten är kvinnans röda jacka. Tänk på hur bilder du laddar in dynamiskt kan leda till att användarens ögon hoppar runt.
Lösningen? Skapa grafiska samtal till handling som åsidosätter alla bilder som laddas in i appen. CNN försökte göra detta med "topprapporterna"? banner, men det ser verkligen inte ut över den stora hjältebilden.
Detta är en av de svåraste uppgifterna för alla utvecklare, designer och förmodligen även UX-experter! Och det är särskilt viktigt med iPad-appar, där användargränssnitt inte är standardiserade. Att förutse användarnas nästa steg kan vara utmanande, men jag har ett knep som verkligen hjälper.
Så låt oss säga att du har en app som hjälper människor att hitta en zoo med apor. Du har kört användningsfallsscenarierna, du vet ens vem din målgrupp är som verkligen älskar apor. Nästa steg är att dra ut dina sceens och wireframes baserat på hur dessa användare ska interagera med appen för att hitta sina älskade apor.
Du ritar upp trådlisterna. Du tacklar dem på väggen. Det ser riktigt bra ut. Allt är vettigt -? Jag är klar!?, Tror du. Nu är här mördaren tips:
TILLVÄLL INTE IDEA FÖR TILL DAGAR!
Allvarligt, rör inte det, tänk inte på det, skriv inte om det. Radera ordet? Apa? från ditt ordförråd. Okej, det blir lite dumt, men tanken är att du inte kan komma in i användarens sinne om du inte har friska ögon.
Och vi kommer aldrig någonsin att ha helt fräscha ögon, men jag har i mitt eget arbete funnit att jag tar en paus från ett projekt och fokuserar på något annat katapulerar min förmåga att flytta bortom kreativa block och se en app genom användarens ögon.
Accentsconagua