Share
Hvis de siste ni månedene har bevist noe, er det at appdesign for iPad kommer til å være en wild ride. I denne artikkelen vil vi diskutere fem tips for å hjelpe deg med å lage iPad-motiver som rocker!
Å være designer, jeg er åpenbart alt for egendefinerte brukergrensesnitt, men forstår også hvor raskt designtoget kan spore! Hvis du vil designe et tilpasset brukergrensesnitt, fokuserer du på følgende elementer:
Flipboard er et godt eksempel på en app som har null tradisjonell navigasjon, men helt nedsenker deg i opplevelsen. Du savner ikke navigasjonen fordi du flyter direkte inn i innholdet.
Tilpassede grensesnitt lar deg gjøre mange kule ting med det jeg kaller lagde layouter, når ulike deler av oppsettet ruller uavhengig av hverandre. I noen tilfeller blir ikke alt innhold avslørt for brukeren før de forstår hvordan hvert lag beveger seg rundt. Så spørsmålet du må svare er: hvor mye forlater du opp til brukeren å oppdage?
I Kul Jakt, Brukeren kan sveipe de øverste bildene til venstre og høyre, noe som avslører flere bilder som, hvis du ikke svepte, ville du ikke vite var der. For artikkelområdet, som ruller opp og ned, forventer brukerne å sveipe tekst opp og ned, men ikke nødvendigvis bildene øverst.
Løsningen? Testing. Hvor lenge tok det meg til å finne ut at bildene øverst sveiper til venstre og høyre for å avsløre flere bilder? Kanskje etter et minutt å spille med det. Og resultatet? Jeg var faktisk hyggelig overrasket, ikke opprørt at det ikke var mer åpenbart.
En veldig kul funksjon i CNN-appen er evnen til å holde og skyve fingeren over nyhetshistoriene nederst og få en forhåndsvisning av historien overskriften. Hyggelig! Det holder brukeren fra å trykke tilbake for å bla gjennom alle historier.
Hva er kult med iPad fra et designsynspunkt, er at du blir en renegade. Brukerne balkar ikke på apper som ikke bruker? Standard? navigasjonskontroller. Trikset er å skape en engasjerende brukeropplevelse som fortsatt lar brukeren navigere appen med letthet.
En av de første ting å holde i forkant med tankene dine når du utforsker "alternative" layouter:
Minimere brukerne trenger for "hjelp".
Dette betyr ingen hjelpeknapper, ingen spørsmålstegn, ingen "i" info knapper. Ingen av det. Et godt gjennomtenkt design trenger ikke denne overflødige informasjonen (cue de sint gråte og risting av knyttneve).
Før du får trussene dine i en wad betyr dette ikke at du ikke kan gi tips ?. Hint er subtile, kontekstrelevante tips som gir den milde nudgen når en bruker diskuterer hva de skal gjøre neste.
Å oversette design fra stående til landskap, eller omvendt, er en smerte. Jeg vet. Det er som å designe en helt ny app, i hvert fall fra et layoutsynspunkt. Den viktigste tingen å huske på her er å ikke endre brukeropplevelsen!
For eksempel har ikke mange apper luksusen til å kunne oversette, så vel som Note Taker, som er nesten en nøyaktig kamp:
Cool Jakt er et mer vanlig eksempel på hvordan innholdsbaserte apper skifter fra et rutenett til en listevisning. Det endrer ikke dramatisk hvordan brukeren samhandler med appen:
I apper som laster inn dynamisk innhold, må du alltid være oppmerksom på hvordan innholdet kan endre brukerens opplevelse hver gang de åpner appen. CNN-appen er et godt eksempel på to ting:
Grensesnittet puster ikke. Det ser ut som kaotisk som nyhetene, bildene krympet opp ved siden av hverandre og overskrifter nesten ulestelig. Når du arbeider med lasting i dynamisk innhold, gi det litt plass til å strekke seg ut. Du vet aldri hvordan det kan se ut fra dag til dag, så planlegg absolutt maksimalt fra et kopi / bildefokus og jobber bakover, slik at du får god plass til alle typer innhold som kan trenge å bo der.
Og nå helten bildet. Jeg er ikke sikker på om på skjermen nedenfor er det bare tilfeldighet, men øyet ditt er trukket til det røde heltenes bildet. Det sekundære fokuspunktet er kvinnens røde jakke. Tenk på hvordan bilder du laster inn dynamisk, kan føre til at brukerens øye hopper rundt.
Løsningen? Lag grafiske samtaler til handling som overstyrer bilder som er lastet inn i appen. CNN prøvde å gjøre dette med "topp historiene"? banner, men det ser virkelig ikke ut over det store heltenes bilde.
Dette er en av de vanskeligste oppgaver for enhver utvikler, designer, og sannsynligvis også UX-eksperter! Og det er spesielt viktig med iPad apps, hvor brukergrensesnitt ikke er som standardisert. Forutsi brukerens neste trekk kan være utfordrende, men jeg har et triks som virkelig hjelper.
Så la oss si at du har en app som hjelper folk med å finne en dyrepark med apekatter. Du har kjørt brukssaken scenarier, du vet selv hvem målgruppen din er som virkelig elsker aper. Det neste trinnet er å tegne dine sceens og wireframes basert på hvordan disse brukerne vil samhandle med appen for å finne sine elskede apekatter.
Du trekker opp wireframes. Du takker dem på veggen. Det ser veldig bra ut. Alt er fornuftig - Jeg er ferdig!?, Tror du. Nå er her morderen tips:
Ikke bruk IDEA i to dager!
Seriøst, rør ikke på det, ikke tenk på det, ikke email om det. Slett ordet? Ape? fra ordforrådet ditt. Ok, dette blir litt tåpelig, men ideen er at du ikke kan komme inn i brukerens sinn, med mindre du har friske øyne.
Og vi vil aldri ha helt friske øyne, men jeg har funnet i mitt eget arbeid å ta en pause fra et prosjekt og fokusere på noe annet, katapulerer min evne til å bevege meg bortom kreative blokker og se en app gjennom brukerens øyne.
Accentsconagua