Ang Kumpletong 25-Trick UX-Design Checklist

Ang ideya sa likod ng disenyo ng UX ay simple: masaya, tiwala na mga gumagamit ay mas malamang na bumili mula sa iyo. Mas malamang na pinagkakatiwalaan ka nila, mag-sign up sa iyong mga listahan ng mailing, o i-download ang iyong app.


Madalas kong iniisip ang disenyo ng karanasan sa gumagamit (o disenyo ng UX) bilang sikolohiya sa halip na pag-unlad.

Ang mahusay na disenyo ng UX ay tungkol sa pagkuha sa loob ng ulo ng iyong mga bisita.

Inaasahan ang kanilang bawat galaw, at paglikha ng isang website na simple, madaling maunawaan at kasiya-siyang gamitin.

Sa kasamaang palad, walang madaling sagot o pilak na bullet para sa mahusay na disenyo ng UX. Ito ang wakas ng maraming maliliit na tweaks. Ang bawat isa sa pagpapabuti ng karanasan sa iyong website.

Sa pag-iisip nito, naikot ko ang isang listahan ng tsek ng 25 maliit (at madali) na mga pag-tweet na magpapasikat sa iyong disenyo ng UX.

Contents

1. Bilis

Ang bilis ng website ay ang iyong unang pagkakataon upang makagawa ng isang magandang impression. Ito ang iyong unang UX hurdle.

Bilis ng Website

(mapagkukunan ng imahe)

Masyadong mabagal at ang iyong mga bisita ay nabalisa at mas malamang na magtiwala sa iyo. Agad naming iniuugnay ang bilis sa propesyonalismo, at inaasahan ng karamihan sa mga bisita ang iyong website na mai-load sa loob ng dalawang segundo.

Anumang bagay na mas mabagal kaysa doon, at ito ay isang mahirap na karanasan sa gumagamit, mula pa sa simula.

Siguraduhin na ang bilis ng iyong server ay hanggang sa gasgas, at slim ang bigat ng iyong site upang mabilis itong bumukas.

2. Sino ka at ano ang iyong ginagawa?

Ang iyong susunod na malaking hamon ay mabilis na nagpapaalam sa iyong mga bisita. Sino ka? Anong ginagawa mo? At kung anong halaga ang maibibigay mo sa kanila?

Ang halaga ng netflix

Ito ay tinatawag na isang panukalang halaga, at napakahalaga na isinulat namin ang isang buong post sa blog dito. Mayroon kang ilang segundo lamang upang makumbinsi ang iyong mga bisita, kaya’t mabilang ito!

Subukan ito ngayon: buod ang iyong buong website sa isang pangungusap at signpost kung saan nais mong susunod ang mga bisita.

3. Tiyaking makikipag-ugnay sa iyo ang mga bisita

Ang isang pangunahing bahagi ng disenyo ng UX ay nag-aalis ng anumang mga alalahanin o pagkabalisa na maaaring magkaroon ng mga bisita.

Ang isa sa mga pinakamalaking alalahanin para sa mga bagong bisita ay kung dapat silang magtiwala sa iyo o hindi – lalo na kung ikaw ay isang bagong website.

Ang isang paraan upang matanggal ang pagkabalisa na ito ay sa pamamagitan ng pagpapakita sa kanila ng isang totoong tao sa likod ng mga eksena. Magdagdag ng isang address ng negosyo, isang numero ng telepono at isang tunay na email address. (HINDI isang form ng contact – ang mga tao ay may posibilidad na hindi magtiwala sa kanila kumpara sa isang tuwid na email address).

Kahit na mas mahusay, gumamit ng isang live chat box upang ang mga gumagamit ay maaaring agad na magtanong.

Live na Chat

Kung may mali, magandang malaman na madali silang makikipag-ugnay.

4. Laging bigyan ng daan ang mga bisita sa bahay

Nawala kaming lahat sa mga website dati. Sinusundan mo ang mga link at tapusin ang isang butas ng kuneho.

Kung nangyari ito, ang iyong mga bisita ay nabalisa at nabigo. Agad nilang pindutin ang pindutan ng “X” upang isara ang browser.

Sa halip, siguraduhin na mayroong isang malinaw at tinukoy na pindutan ng ‘home’, upang maaari silang magsimulang muli. Karaniwan, inaasahan ng mga gumagamit ang iyong logo na mag-link pabalik sa home page din, kaya siguraduhin na ginagawa nito.

5. Kahit na mas mabuti, mag-iwan ng mga tinapay na tinapay upang malaman nila kung nasaan sila

Pati na rin ang pagbibigay sa kanila ng mabilis na pag-restart, gumamit ng ‘mga tinapay na tinapay upang ipaliwanag kung nasaan sila sa proseso.

Ang mga malalaking pag-unlad na bar ay mahusay para dito. Kung sa panahon ng proseso ng pag-checkout, halimbawa, ipagbigay-alam sa iyong gumagamit kung nasaan sila, at kung ano ang dapat gawin.

checkout-progress-bar

(mapagkukunan ng imahe)

Muli, ito ay simpleng sikolohiya. Halimbawa, ang paglalakad ay mas nakakapagod kapag hindi mo alam kung saan ang wakas. Mas komportable kami kung mayroon kaming mapa. Ang parehong ideya ay nalalapat sa online.

6. Alisin ang anumang mga paulit-ulit na pagkilos

Ito ay sobrang nakakainis na pag-input ng parehong data nang dalawang beses sa isang form (tulad ng isang pagsingil na address at isang address ng pagpapadala). Subukang alisin ang anumang mga paulit-ulit na pagkilos na nagpapabagal sa proseso ng pagbili.

Ito ay mga bagay na katulad nito na humantong sa pag-abandona sa cart. Ang iyong mga bisita ay tumingin sa ibang lugar.

Kahit na mas mahusay, lumikha ng isang sistema na naaalala ang mga kagustuhan ng iyong mga customer. Ito ay sorpresa at matutuwa sa kanila kapag nandoon lahat na naghihintay muli sa kanila. Ito ay isang simpleng bagay na nagpapabuti sa mga pagkakataong bumalik ang mga customer.

7. Gumamit ng mga tool-tips upang matulungan ang mga bagong dating (ngunit huwag hadlangan ang mga eksperto!)

Ang ilan sa iyong mga bisita ay magiging regular. Sasabog ang mga ito sa iyong mga sheet ng pag-signup at proseso ng pagbili. Ang iba ay magiging bago, at maaaring magkaroon sila ng ilang mga katanungan sa paraan.

Ang mga maliit na ‘tool-tip’ na mga icon (na madalas na kinilala gamit ang isang marka ng tanong) ay makakatulong sa mga bagong dating na maunawaan ang kailangan nilang gawin. Ngunit sa parehong oras, hindi sila nakukuha sa paraan ng iyong mga dalubhasa.

mga tooltip

(mapagkukunan ng imahe)

Maaari ka ring magbigay ng mga shortcut o mga track na mabilis upang matulungan ang pabilisin ang mga eksperto. Madalas kang makakakita ng ‘laktawan ang mga link na ito’ sa karamihan sa mga nagpapaliwanag sa website at app, halimbawa.

8. Lumikha ng isang malaki, matapang na tawag-sa-pagkilos

Ang isang call-to-action ay nagsasabi sa iyong bisita kung ano ang dapat gawin: ‘Mag-sign up’ o ‘Bilhin ngayon’ halimbawa. Siguraduhin na ito ay nag-uutos, diretso, at ipinapaliwanag ang halaga ng paggawa nito.

CTA

(mapagkukunan ng imahe)

Mas mabuti pa, gawin itong isang malinaw, naka-bold na kulay (mga gulay at dalandan ang nagtatrabaho kababalaghan dito), at palibutan ito ng puting espasyo. Iyon ay dapat iguhit ang mata ng iyong mga gumagamit dito, bibigyan sila ng isang malinaw na indikasyon na ito ang gusto mong gawin.

9. Gumawa ng isang malinaw na pagkakaiba sa pagitan ng pangunahin at pangalawang tawag-sa-pagkilos

Sa maraming tawag-sa-pagkilos, makikita mo ang dalawang pagpipilian. ‘Isumite’ at ‘kanselahin’ halimbawa. O ‘i-download ngayon’ at ‘libreng pagsubok’.

spotify-cta

Malinaw kung anong aksyon na nais mong gawin ng bisita, kaya siguraduhin na alam nila ito. Tingnan ang homepage ng Spotify. Ginawa nila ang pindutan ng ‘go premium’ na naka-bold at nakakakuha ng mata. Ginawa nila ang pindutan ng ‘play free’ na mawala sa background.

Ito ay simpleng sikolohiya muli. Malinaw mong ipinaalam sa iyong mga gumagamit kung alin ang mai-click.

10. Gumamit ng hierarchy upang ipakita ang mga gumagamit kung saan susunod

Sana, mayroon kang isang malinaw na ‘paglalakbay ng gumagamit’ sa isip. Sabihin nating magturo ka ng mga online na kurso sa pamamagitan ng iyong website. Ang isang simpleng paglalakbay ng gumagamit ay maaaring magmukhang ganito:

Basahin ang pinakabagong blog > mag-download ng libreng ulat at mag-sign up sa listahan ng mailing > magpalista sa iyong bayad na kurso sa online.

Kung mayroon kang isang malinaw na paglalakbay, maaari kang lumikha ng isang visual na hierarchy upang idirekta ang mga gumagamit kung saan mo nais ang mga ito. Sa kasong ito, siguraduhin mo na ang iyong blog ay ang unang bagay na nakikita nila. Pagkatapos, magsisimula kang magsama ng maraming mga link sa iyong mailing list.

11. Huwag magulo sa mga inaasahang elemento!

Madalas na pigilan ang paghihimok na gumawa ng malikhaing may mga layout at elemento. Ngunit ang bagay ay, alam nating lahat kung ano ang dapat magmukhang isang online store. Inaasahan naming ilalatag ang mga produkto sa mga simpleng kategorya. Inaasahan namin ang mga paglalarawan ng produkto, mga pagsusuri at isang pamilyar na proseso ng pagbili.

apple checkout

Huwag subukan na muling likhain ang gulong sa mga mahahalagang aspeto na ito! Panatilihin itong simple.

12. Dumikit sa isang simpleng 3-color palette

Muli, ito ay tungkol sa paglaban sa paghihimok sa labis na kumplikadong mga bagay. Ang pagsasama-sama ng higit sa 3 pangunahing kulay ay mahirap at madalas itong malito sa iyong mga gumagamit.

palette

(mapagkukunan ng imahe)

Ang kulay ay kapaki-pakinabang din sa paghubog ng karanasan ng iyong gumagamit dahil malapit itong konektado sa sikolohiya at emosyon. Halimbawa, iniuugnay namin ang asul na may tiwala (may dahilan kung bakit gumagamit ng asul ang Facebook!)

Itugma ang iyong paleta ng kulay sa iyong produkto.

13. Bakit ako nagkakamali? At ano ang ginagawa ko ngayon?

Minsan, ang mga bagay ay nagkakamali at ang 404 na mga pagkakamali ay hindi maiwasan. Gayunpaman, maaari mo talaga itong gawing isang positibong karanasan sa gumagamit.

Ipaliwanag nang eksakto kung bakit nila nakuha ang error na ito sa pamamagitan ng paglikha ng pasadyang 404 at 504 na pahina. Ang ‘fail whale’ ng Twitter ay sikat para sa mga ito.

ang twitter ay nabigo

Para sa mga hindi kilalang mga error, tiyakin ang mga gumagamit na nagtatrabaho ka dito, at idirekta ang mga ito pabalik sa iyong website.

Ang mga dead-end, tulad ng mga pahina ng error, ay mapanganib. Ang mga gumagamit ay natural na umaabot para sa krus. Tiyakin ang mga ito, at ipadala ang mga ito pabalik.

14. Bigyan ang mga gumagamit ng isang high-five kapag nakumpleto nila ang isang bagay

Ang tao ay hinihimok ng isang pakiramdam ng nakamit at pagkumpleto. Kapag nakumpleto nila ang isang gawain, ipaalam sa kanila, at ipakita sa kanila kung saan pupunta sa susunod.

Magagawa mo ito matapos nilang isumite ang kanilang email address, matapos silang bumili ng isang produkto, pagkatapos na magdagdag sila ng isang bagay sa kanilang cart, o simpleng kapag naabot nila ang dulo ng isang post sa blog.

Ito ay isang simple, madali, positibong karanasan. Nagbibigay din ito sa mga gumagamit ng isang pakiramdam ng pakikipagtulungan; tulad mo talagang tinutulungan mo silang makamit ang kanilang mga layunin.

15. Dumikit sa dalawang pamilya lamang ng font

Ang pagkakaugnay at pagba-brand ay susi sa isang mahusay na karanasan sa gumagamit.

Nakakalito kung ang iyong font ng logo ay Futura, ang teksto ng iyong katawan ay Times New Roman, ang iyong tawag sa pagkilos ay Comic Sans, at ang iyong mga heading ay Windings …

mga font

Dumikit sa dalawang pamilya lamang ng font. Mas madaling basahin ito at mukhang mas propesyonal at mapagkakatiwalaan.

16. Gumamit ng natatanging at pare-pareho na mga mensahe ng alerto

Minsan, ang iyong mga gumagamit ay magkakamali. Marahil ay hindi nila pinasok nang tama ang kanilang password at hindi na naka-log in. Marahil nakalimutan nilang isama ang isang zip code sa signup sheet.

mga alerto

(mapagkukunan ng imahe)

Sa mga kasong ito, nais mo ng isang simple, ngunit natatanging error o mensahe ng alerto. Tiyaking natatangi ito sa kulay at istilo sa anumang bagay sa iyong site. Nagbibigay ito ng isang malinaw na pahiwatig na ang isang bagay ay nangangailangan ng pagkilos.

Dapat mo ring gawin ang mga alerto na mensahe na naaayon sa iyong buong site. Huwag gumamit ng ibang kulay, estilo o pagkakalagay sapagkat ito ay nakalilito.

17. LIMIT CAPS LOCK TEXT

Nakakainis lang.

Sa totoo lang, may mas mahahalagang dahilan kaysa doon. Talagang nabasa namin ang malapad na teksto na mas mabagal kaysa sa mas mababang kaso. Kaya’t mas mahirap i-scan ang basahin (na kung paano namin karaniwang basahin ang internet).

I-lock ang takip ng reserba para kapag kailangan mo talagang gumawa ng isang epekto.

18. Sama-sama ang mga kaugnay na mga item

Ito ay partikular para sa mga website ng ecommerce, ngunit gumagana ito sa buong board.

Subukang panatilihin ang mga katulad at magkakaugnay na item sa parehong lugar. Nangangahulugan ito na ang iyong mga bisita at customer ay makakakuha ng mas pinasadyang serbisyo, halos katulad ng inaasahan mo ang kanilang mga pangangailangan.

pinagsama mga item

Maaari mo itong gawin sa mga pisikal na produkto, tulad ng pagpili ng Amazon na katulad nito. Maaari ka ring gumawa ng isang katulad na bagay sa mga post sa blog at artikulo, gamit ang isang kaugnay na seksyon ng nilalaman.

Pinapanatili nito ang pag-browse sa mga bisita sa iyong site, binabawasan ang iyong bounce rate, at lumilikha ng isang mas personal na karanasan.

19. Panatilihing pare-pareho ang lahat

Ang huling bagay na gusto mo ay isang bisita upang mag-click sa isang link at pakiramdam tulad ng na-navigate sila sa ibang website.

Tiyaking nananatili ang iyong navigation bar sa parehong lugar, kahit nasaan ka sa site. Tiyaking laging nakikita ang iyong logo at nananatiling pareho ang paleta ng kulay.

20. Idisenyo ang layout para sa pag-scan ng mata

Hindi namin basahin ang mga website tulad ng nagbasa kami ng isang libro. Tumalon at nag-scan ang aming mga mata para sa mahalagang impormasyon.

Pattern ng F-pattern

Karaniwan naming basahin ang mga website sa isang F-pattern, ngunit ang mga naka-bold na imahe at tawag-to-action ay kilala rin upang mahuli ang mata.

21. Bumuo ng tiwala sa mga patotoo at patunay ng lipunan

Karamihan sa mga bisita sa iyong website ay dumating kasama ang kanilang bantay. Natural na maingat sila sa mga bagong site, at tiyak na hindi pa handa na bumili mula sa iyo pa.

Tulad ng sinabi ko, ang isang pangunahing bahagi ng disenyo ng UX ay ang pagtanggal ng mga hadlang na ito, at ginagawang komportable ang mga tao sa iyong website. Ang ilang mga mahusay na inilagay na mga testimonial at factoids ay mas madali ang pakiramdam ng mga tao. Gusto naming makita na ang ibang mga tao (perpektong malaking pangalan) ay ginamit ang iyong produkto at serbisyo, at aprubahan ito.

22. Ipaalam sa mga gumagamit kung ano ang maaari nilang maglaro!

Ang mga website ay karaniwang binubuo ng dalawang bahagi: Bilang isa: nilalaman – static ito at hindi kami makihalubilo dito. At number two: control – ito ang mga bagay na maaari nating i-click at i-play at makipag-ugnay sa.

pakikipag-ugnay

Napakaganda ng Twitter. Simpleng itim na teksto para sa nilalaman. Ang asul na teksto ay nagpapahiwatig kung ano ang maaari mong mai-click at makihalubilo sa. Ang mga icon ay punan ng kulay kapag rollover mo upang ipakita kung ano ang maaari mong i-play.

Anyayahan ang mga tao na maglaro sa iyong website!

23. Lumikha ng isang banayad na curve sa pag-aaral

Walang sinuman ang nais na makaalis sa isang nakalilito at mahirap na website.

Subukang bigyan ang iyong mga bisita ng isang mabilis na panalo halos kaagad. Daliin ang mga ito at gawing simple – lalo na kung nag-aalok ka ng isang mapanlinlang na panukala sa negosyo.

24. Maghanap ng isang paraan upang makiramay sa iyong bisita nang mabilis

Ang karanasan ng gumagamit ay tungkol sa paggaya ng isang relasyon ng tao at paggawa ng isang koneksyon sa iyong gumagamit. Ang empatiya ay isang malaking bahagi nito – Ano ang mga layunin at pangarap ng iyong mga bisita? Ano ang pinipigilan ang mga ito hanggang ngayon?

Agad na ipaalam sa kanila na nauunawaan mo ang kanilang problema. Maaari mong gawin ito sa isang imahe na maaari nilang maiugnay, o isang pangungusap na sumasama sa kanilang pinakamalaking problema.

Iniisip ng iyong bisita na ‘ang website na ito ay makakakuha sa akin!’ Na isang mahusay na karanasan ng gumagamit upang lumikha.

Subukang magbigay ng puna sa iyong gumagamit sa bawat maliit na bahagi ng paglalakbay. Lumilikha ito ng isang tunay na komunikasyon at ugnayan na tinugon ng mga gumagamit.

Maaari mo itong gawin gamit ang kopya, tulad ng “Magandang trabaho!” “Akala namin gusto mo ito”, “nais mo bang makipag-usap sa isang dalubhasa?”

progress bar

O maliit na mga graphic at visual, tulad ng isang thumbs up, isang nakangiting mukha o isang gris na orasan sa isang pahina ng paglo-load.

———

Pagsamahin ang mga maliliit na pag-tweak na ito at gagawa ka ng isang karanasan sa gumagamit na nagtatayo ng tiwala, nag-uugnay sa iyong target na madla, at pinapaligaya sila at may pakiramdam na nakamit.

Gumagamit ka ba ng alinman sa mga trick ng disenyo ng UX? Gustung-gusto kong marinig ang tungkol sa anumang nais kong mangyari! Ipaalam sa akin sa seksyon ng komento.

Kim Martin Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map