5 dizajnerskih trikova kako bi vaš mobilni UX sjaj
Jeste li pogledali analitiku svoje web lokacije u posljednje vrijeme? Šanse su da značajan dio - možda čak i polovina - vaših korisnika dolazi na vašu web stranicu putem mobilnog uređaja.
Bilo da usmjeravate mobilne napore na web mjestu ili aplikaciju, morate osigurati da dizajn stvara zvjezdano korisničko iskustvo za svakog od tih mobilnih korisnika. Ni to ne morate početi od nule. Razmišljanje o mobilnom korisniku i njihovoj interakciji s dizajnom pomoći će oblikovanju izgleda i funkcioniranja vaših sučelja.
Evo pet dizajnerskih trikova pomoću kojih možete postići svoj mobilni UX onaj koji korisnici vole.
Istražite elemente Envatoa
1. Pojednostavite navigaciju
Oni stari školski mega navigacijski izbornici ne čine vam nikakve pogodnosti - pogotovo kada je riječ o mobilnom uređaju. Korisnici mobilnih uređaja možda imaju najkraći raspon pozornosti od bilo koje grupe korisnika. Žele otvoriti web stranicu ili aplikaciju i odmah pronaći ono što im treba.
Osmislite navigacijske izbornike sa samo nekoliko opcija - pogledajte analitiku da biste vidjeli što većina korisnika traži ili prijeđite na prvo mjesto.
Manje opcija će zauzeti manje prostora na zaslonu, što vam omogućuje ugradnju više prostora u dizajn, što je idealno za dodir i čitljivost.
Iako ovdje nećemo argumentirati zasluge ikone hamburgera, iskočena navigacija je obrazac na koji su korisnici navikli. Samo se uvjerite da ako planirate iskočiti ili istisnuti navigacijski izbornik, da postoji jasan vizualni identifikator za korisnike.
Aplikacija Ebates koristi dvije razine navigacije: jedna je popis njihovih najpovoljnijih ponuda, a druga je popis omiljenih trgovina s oznakama (na ikoni hamburgera / srca). Nijedna opcija ne osjeća teško. Gotovo izgleda i funkcionira poput sadržaja. Cjelokupni dizajn je navigacija bez da se osjećate neodoljivo.
2. Razmišljajte gestama (i hapticima)
Korisnici mobilnih uređaja međusobno komuniciraju sa svojim uređajima nego korisnici stolnih računala. Vaše korisničko sučelje trebalo bi to voditi računa.
Dizajn treba koristiti geste za izvođenje određenih radnji. Sučelje koje koristi uobičajene i intuitivne kontrole oduševit će korisnike.
Te geste uključuju:
- Dodirnite i dvaput dodirnite
- tisak
- hold
- Vucite i ispustite
- Pomicanje (s jednim i dva prsta)
- Povećavanje i smanjivanje
- Ukrasti
- Zvrčka
Kada su u pitanju mobilni pokreti su novi klikovi.
I dok razmišljate o dodirnim interakcijama, ne zaboravite na haptics. Ta suptilna "lupka" s vašeg nošenja ili ona vibracija vašeg telefona u džepu su užurbane obavijesti, mehaničke simulacije dodira pomoću vibracije ili pokreta.
Trik u haptiji je u tome što su interakcije suptilne i prilično neupadljive. Iako korisnik može znati da postoji obavijest, druge osobe često neće. Sučelje s dodirom postaje sve češće i čini se da dobiva pozitivan odgovor od strane korisnika.
Igra Dvije točke, na primjer, koristi kontru svaki put kada na određeni način očistite točkice. Bez zvučna opcija omogućuje diskretnu igru i korisnicima pruža ugodan doživljaj.
3. Neka to bude razgovorno
Ljudi se vole osjećati kao da razgovaraju i surađuju s drugim ljudima. Srećom za dizajnere, dodir umjetne inteligencije i chatboti mogu vam pomoći stvoriti te interakcije, tako da ne morate biti u pripravnosti za sesije razgovora uživo 24 sata dnevno.
Postoje tri načina za stvaranje razgovora korisničkog sučelja:
- Pišite kopiju kroz vaše sučelje koje ima osobniji dodir. Od dugih blokova teksta do sitnih bitova mikrokopije, tekst bi trebao imati osobnost, poput WTFWeather aplikacije gore. Treba je čitati na način na koji ljudi govore. Pazite da u porukama zvučite pretjerano formalno ili robotski.
- Koristite značajke za razmjenu poruka ili chatbotove za stvaranje trenutnih interakcija s korisnicima. To može biti izvrstan alat za korisničku uslugu i također pomoći u stvaranju lojalnosti kupaca ako je netko uvijek tu da bi im pomogao kroz probleme.
- Integrirajte glasovno korisničko sučelje u dizajn. Siri i Alexa imena su kućanstava zahvaljujući glasovnim sučeljima. Drugi bonus za integriranje glasovnih naredbi? Učinit će vašu web stranicu ili aplikaciju dostupnijom.
4. Animirajte ga
Čini se da postoje animirani elementi na gotovo svim web mjestima koja posjetite. I to po dizajnu. Animacija može oživjeti dizajn.
Animirani elementi vrlo su angažirani jer privlače pažnju korisnika i mogu pomoći korisnicima pokazati kako bolje komunicirati s dizajnom. (Vraća se klasičnoj ideji "prikaži, ne govori" prilikom stvaranja dizajna.)
Na primjer, Google Maps prepune se malo animacija. Obratite pažnju sljedeći put kada ga upotrebljavate.
Nick Babich, za UX Planet, odlično se koristi u animaciji u mobilnom UI dizajnu. Iznio je tri ključne primjene kako dobro koristiti kretanje.
- Za status sustava: Koristite animaciju za prikaz statusa učitavanja, za osvježavanje sadržaja i obavijesti.
- Za navigaciju i prijelaze: koristite animaciju kako biste pomogli korisnicima da se kreću između različitih vrsta sadržaja, da uspostave vizualnu hijerarhiju između elemenata i prikažu promjenu stanja.
- Za vizualne povratne informacije: Koristite animaciju za prikaz potvrde o radnji ili za pomoć pri vizualiziranju rezultata radnje.
5. Udubite brod i dobro koristite obrasce
Posebno s aplikacijom, plovidba je od vitalne važnosti za vjernost korisnika.
Razmislite o posljednjoj igri koju ste preuzeli. Jeste li uskočili unutra? Ili vam je bio potreban brzi vodič za uspjeh?
Interaktivni doživljaj na brodu za aplikacije pomoći će korisnicima da nauče kako najbolje iskoristiti značajke uključene u korisničko iskustvo. Zabavna opcija pomoći će im i u prelasku na vjerne korisnike. Držite kratak broda kratkim i obavezno uključite često postavljana pitanja ili odjeljak za pomoć kako bi se korisnici mogli vratiti na njega ako imaju problema.
Kod mobilnih web stranica manje je primarna briga, ali obrasci za registraciju ili registraciju mogu predstavljati problem. Obrasci na mobilnim uređajima moraju biti jednostavni i laki. Korisnici ne vole glomazne komplicirane oblike.
Pojednostavite forme za mobilne uređaje da biste povećali broj konverzija. (Dodatne informacije uvijek možete zatražiti kasnije.)
Pogledajte jednostavno polazište za GoodRx gore. To samo traži lijek o kojem želite znati više. Obrazac je fokus i super je jednostavan.
Zatražite samo jedan malo informacija - adresu e-pošte. To je sve što je potrebno za uspostavljanje veze s korisnikom. Ako vaše web mjesto ili aplikacija zahtijeva prijavu, pridržite se adrese e-pošte i zaporke.
Dizajnirajte obrazac tako da okvire možete lako ispuniti (sa stajališta veličine) i razmotrite odbacivanje bilo koje funkcije automatskog dovršavanja kako biste umanjili šanse pogrešne adrese e-pošte. Još jedan trik? Koristite obrazac za prijavu na društvene mreže kada možete još više pojednostaviti postupak. Korisnici su navikli na ovaj postupak i lako im je… i manje je vjerojatno da će imati grešaka za vas.
Zaključak
Korisničko iskustvo mobilnog telefona jedna je od najvažnijih stvari o kojoj morate razmišljati prilikom izrade web stranice ili aplikacije. A potrebe mobilnih korisnika neprestano se mijenjaju.
Stvorite jednostavno sučelje koje koristi modernu tehnologiju i značajke da biste stvorili nešto s čime će se korisnici željeti pozabaviti iznova i iznova.
