Share
Mobil design er en konstant kamp for enkelhet. Med så lite skjermrom kan det være veldig utfordrende å pakke den nødvendige funksjonaliteten inn i designet, samtidig som den holder den strømlinjeformet og intuitiv. For at brukerne skal få mest mulig ut av programmet, må du noen ganger plante subtile spor eller til og med bygge en funksjon gjennomgang for å vise hvordan ting fungerer. Denne opplæringen vil vise deg eksempler på hvordan du gjør nettopp det!
Hvis programmets funksjonalitet er sterkt avhengig av brukerinngang, er en god teknikk å starte en installasjonsveiviser som vil samle inn informasjon fra brukeren første gang applikasjonen åpnes. Ved å lage en tilpasset oppsettveiviser kan du gjøre den ellers kjedelige prosessen med å fylle ut meta-informasjon mer kreativ og morsom.
Ved å la brukerne selvstendig starte en gjennomgang eller omvisning av hva søknaden din har å tilby, kan du raskt peke ut nøkkeldelene på skjermen som brukeren skal holde øye med. Kreativt å plassere dialoger eller høydepunkter direkte over selve applikasjonsgrensesnittet, kan fjerne mye gjetning fra brukergrensesnittet ditt og gjøre det umiddelbart brukbart.
På samme måte som å gi et gjennomgang, kan et enkelt hjelpeskjermoverlegg raskt vise brukere hva som er viktig på den nåværende skjermen. Gester som brukes til navigasjon / interaksjon og brukergrensesnittkontroller kan også forklares. En enkel trykk avviser skjermen og tar brukeren tilbake til appen.
For all fortjeneste av hjelpoverlegget, er det noen ganger fortsatt hensiktsmessig å bruke en gammeldags hjelp eller F.A.Q. skjerm. Denne teknikken er spesielt hensiktsmessig hvis den først ble vist ved oppstart i stedet for en oppsettveiviser. Uansett, bruk bare nok tekst for å få instruksjonene på tvers av eller svar på spørsmålet. Hold det enkelt!
Å gi en visuell oversikt over søknaden på høyt nivå kan være uvurderlig for brukeropplevelsen. Denne tilnærmingen kan også forklare ting som "Offline OK", som er vanskelig for brukeren å kjenne seg selv.
Når en bruker lander på en skjerm uten innhold, bruk den tomme plassen til å forklare hva de skal gjøre neste. Fremhev UI-kontrollene som kan brukes til å legge til innhold enten med piler eller store, store knapper.
Når nye funksjoner leveres til brukere som allerede er kjent med appen din, bør du vurdere å markere hva som har endret seg siden de sist lastet innholdet. Skjermbildene nedenfor viser noen fine måter å markere endringer på. I det første eksemplet er hele fokuset på den nye funksjonen som er lagt til. I det andre eksempelet er høydepunktet inline, men skiller seg ut til å skille det nye innholdet fra gammelt.
Følgende skjermbilde er et godt eksempel på hvordan du taktfully peker ut premiumfunksjoner av en "freemium" -app. Appen bruker et tydelig merkbart tips, plassert kontekstuelt og vist bare nå og igjen:
Skjermbildene ovenfor viser hvordan ekspertene har løst et bestemt problem. Det er ikke nødvendig å gjenoppfinne hjulet. Hvis et av disse mønstrene fungerer for deg, bruk det! Det er imidlertid viktig at du ikke begynner å kaste inn disse teknikkene bare fordi du kan. Prøv å virkelig forstå brukerens sinn, og bruk deretter designteknikkene som vil hjelpe dem med å få mest mulig ut av appen din!
Accentsconagua