7 načina za prilagodbu sadržaja za bolji mobilni UX

Početak sjajnog dizajna počinje sadržajem. Da biste maksimalno iskoristili zvjezdani mobilni UX, sadržaj će možda trebati nekoliko izmjena i promjena.

Ali odakle početi? Kako sadržaj treba prilagoditi da neometano radi na mobilnim uređajima? Započinje razmišljanjem o načinu na koji korisnici komuniciraju s manjim ekranima i kako to utječe na to (i koliko!) Što će htjeti pročitati.

1. Jedna misao po zaslonu

Prilikom sakupljanja sadržaja za mobilne uređaje pokušajte planirati elemente tako da ih bude po jedan zaslon. Iako se čini da se telefoni opet kreću prema većim dimenzijama, nemojte biti u iskušenju da skupite puno informacija na ekranu!

Jedna misao po zaslonu je dovoljna. Više i riskirate da pretjerate s korisnikom.

Korisnici mobilnih uređaja obično imaju više zadataka. Gledaju vašu web stranicu dok razgovaraju s prijateljem dok prisustvuje bejzbol igri. Čuvajući poruku i sadržaj jednostavnim i izravnim, imate veću šansu da vam se jedna misao priopći.

Ali kako izgleda jedna misao? To je blok teksta, slika i djelotvornih elemenata koji su svi povezani. Grupa sadržaja trebala bi od korisnika tražiti jedan izbor: želite li to učiniti?

2. Prioritetite plovidbu

Trebalo bi pronaći nekoliko stvari koje korisnici imaju tendenciju da rade ili ih želite učiniti kada posjete mobilnu (responzivnu) verziju vaše web stranice. Obavezno osigurajte lako praćenje navigacije koja korisnicima brzo dovodi do tih elemenata.

Iako na vašoj radnoj površini može raditi izbornik s deset mogućnosti navigacije s više razina, korisnici mobilnih uređaja često su pritisnuti vremenom. Nemaju namjeru lupati po gradilištu dok ne pronađu nešto.

Navigacija mora biti jednostavna i pojednostavljena. Ako niste sigurni gdje započeti, pogledajte analitiku vašeg mobilnog korisnika. Koje su tri najbolje posjećene stranice? Jesu li ove stranice u skladu s onim što očekujete? Pronašli ste ključne navigacijske elemente pa možete prema tome prilagoditi mobilni sadržaj.

3. Razmišljajte poput tražilice

Ne igraj algoritam. Stvorite kvalitetan sadržaj koji korisnici žele pročitati.

Bez obzira na to dobijete li deset pregleda stranica dnevno ili milijune, želite razmišljati poput pretraživača kada je riječ o sadržaju na mobilnim uređajima. Svaka riječ, slika i dio sadržaja moraju biti brzi i pretraživi. Ali ne igrajte se algoritmom. Stvorite kvalitetan sadržaj koji korisnici žele pročitati.

Kada je riječ o mobilnom uređaju, to može značiti razbijanje nekih elemenata sadržaja. Umjesto tri slike na početnoj stranici, primjerice, odaberite jednu najvažniju fotografiju. Nemojte vagati svoju web lokaciju za mobilne uređaje; brzina weba i Wi-Fi stalno su poboljšani, ali neki će se korisnici boriti s vezama i vaša će web stranica i dalje biti dostupna.

Brzinu stranica za mobilne stranice možete provjeriti pomoću ovog sjajnog Googleovog alata koji vam pomaže da sve budete optimizirani.

4. Povećajte tekst

Manji zasloni ne bi trebali značiti manji tekst . Zapravo biste trebali povećati veličine bodova kako biste olakšali čitanje i probavljanje sadržaja. Pogledajte kopiju tijela i odlučite se za veličinu koja dopušta 30 do 40 znakova po retku. (Ovo je otprilike polovina onoga što se preporučuje za radne zaslone.)

Postoje i drugi trikovi kojima možete poboljšati čitanje teksta i na malim ekranima. Možete ih pronaći u prethodnom članku Design Shack o savjetima za oblikovanje bolje mobilne tipografije.

5. Napišite značenjsku mikrokopiju

Izvrsna mikrokopija - tekst unutar elemenata poput gumba - može stvoriti ili pokvariti dizajn. Mikrokopija može dodati osobnost i iskru u dizajn. Također prenosi mnogo informacija i pomaže korisnicima da pronađu svoj dizajn.

Osobito na mobilnim uređajima razmislite o tome da mikrokopiju napravite malo veću od uobičajene i uvijek je koristite u obrascima kako bi korisnici točno znali što treba učiniti.

Razmislite o uobičajenim problemima na koje nailazite, primjerice, kad nešto plaćate na svom telefonu. Obrazac se može prelaziti na više zaslona ili pomicanje; vođenje mikrokopije može znatno olakšati prvo popunjavanje svega. (Ključna komponenta u pretvaranju akcija s mobilnih korisnika.)

6. Iscrtajte nepotrebne efekte za mobilne uređaje

Iscrtajte sve što vam ne treba za mobilni dizajn.

Spinning animacije i značajke pomicanja paralaksom izgledaju nevjerojatno na web lokacijama stolnih računala, ali mogu pokvariti mobilne verzije. Iscrtajte sve što vam ne treba za mobilni dizajn. Želite da se sve učitava brzo i neprimjetno; animacije koje mogu djelovati ili ne moraju funkcionirati na način da se odmah povežu s korisnikom.

Još jedan učinak koji možete ukloniti? Učinci lebdenja. Nema toga kao što je lebdjelica za radnje dodira.

Pojednostavite mobilno korisničko iskustvo s lako razumljivom funkcionalnošću dodira (za zamjenu klika) koja ima očito malo povratnih informacija. Ne želite da korisnici ispituju je li se dogodila neka radnja; to bi uvijek trebalo biti očito.

7. Prilagođavanje skali

Ništa više nije frustrirajuće od slijetanja na mobilno odzivno mjesto na kojem je sve sitno. Smisao mobilnog dizajna je učiniti web stranicu pristupačnijom korisnicima na manjim uređajima. Sadržaj morate prilagoditi toj skali.

Ponekad je prilagođavanje sadržaja samo preuređivanje dijelova.

• Kutije postavljene preko zaslona na radnoj površini mogu se vertikalno slagati na mobilni uređaj.
• Fotografije su obrezane više kvadratno ili okomito na temelju dominantne orijentacije mobilnog korištenja (okomito).
• Tekst se u svrhu uređivanja uređuje i uređuje.
• Navigacija se preuređuje i postavlja na drugo mjesto.
• Pozivi na akciju izrađeni su u krupnije elemente veličine gotovo zaslona.
• Svi se gumbi i elementi dodira postavljaju na lako dostupnim mjestima, ovisno o načinu na koji korisnici drže svoje telefone.

Zaključak

Jeste li spremni preispitati dio sadržaja na svojoj web stranici? Ako ste izgradili odgovarajuću web lokaciju i pretpostavili da će sve pretvoriti mobilne korisnike, vrijeme je da procijenite mobilni dio dizajna. Velike su šanse da postoji prostor za male izmjene sadržaja koje stvarno mogu promijeniti način interakcije korisnika s dizajnom.

Ovo je vitalni dio procesa dizajniranja. Pogledajte svoju analitiku. Koliki postotak vaše korisničke baze pristupa dizajnu na mobilnom uređaju? Ako ne prilagođavate njihovim potrebama, možete otuđiti veliki segment svoje korisničke baze, bez namjere da ih uvrijedite.