Nakaranas na ako ng napakaraming websites (kasama na ang akin), products/services, napakaraming sign up forms, napakaraming contests na talagang magiging ligaw ako sa pagsisikap na kumpletuhin ang ilang mahahalagang gawain. Dahil sa mga karanasang ito, laging gustong-gusto kong matuto nang higit pa tungkol sa User Experience, hindi lang para sa website kundi kung paano magdala ng magandang kabuuang karanasan ng isang product/service sa mga users/customers. At sabi nila na ang pinakamahusay na paraan para matuto ay magturo kaya habang nasa isip ang panganib na mukhang napaka-ignorante at isang kumpletong amateur pagdating sa user experience, nag-compile ako ng ilang materyales sa paksang ito. Pinag-usapan ko ito sa aking pinakabagong aklat tungkol sa Vietnam Digital Marketing Fundamentals rin. Kamakailan nakita ko ang relos na ito. FYI halos binili ko ito. Isa ito sa mga klasikong Casio G Shock watches. Mukhang cool at mas maganda pa kapag suot mo. Gayunpaman hindi ko na ito binili dahil bilang isang relos, hindi ko matingnan ang analog watch at malaman kung anong oras na. Ang kakayahang ipakita kung anong oras na ay ANG basic functionality ng isang relos. Huwag nyo akong i-misunderstand, sa tingin ko maraming tao ang bibili ng relos na ito dahil sa design nito at nakakita ako ng ilang mga naglalakad na suot ito. Iba-iba ang bawat tao. Sapat na ang introduksyon, tayo nang sumisid.

Hindi sapat na pansin mula sa mga marketers sa Vietnam

Kailangan kong sabihin na ang user experience ay isang lugar na hindi tumatanggap ng sapat na pansin mula sa mga digital agencies, mga marketers sa Vietnam sa pangkalahatan. Bagama't hindi ito bago, parang lahat ay naghahanap ng magandang design at hindi kinakailangang user-friendly na site. Gayundin, maaaring sabihin ng agency na nagmamalasakit sila sa user experience sa panahon ng pitching, gayunpaman, maaaring hindi ito mangyari sa panahon ng execution phase. (duh!) Kakulangan ng oras ang karaniwang dahilan, kakulangan ng budget mula sa client ang isa pang karaniwan. Kakulangan ng expertise ay maaari ring isa pang dahilan. Ang katotohanan ay wala naman gaanong maraming user experience professionals sa Vietnam.

Mahirap ba ang User Experience o common sense lang?

Mahirap ang user experience dahil kailangan nitong maraming disiplina ang magsama-sama. Mula sa pananaw ni Jodie Moule, nangangailangan ito ng: interaction design, human factors engineering, industrial design, psychology, anthropology (ang kahulugan ng anthropology ay dito), sociology, computer science, graphic design, cognitive science. Maraming mga factors na nakaiimpluwensya sa karanasan ng isang user sa isang product/service rin:

• Usefulness
• Usability
• Learnability
• Aesthetics: maganda ba ang itsura?
• Emotions

By the way, sumulat si Jodie Moule ng isang magandang aklat na pinamagatang "Killer UX Design". Ang Killer UX Design ay medyo applicable kung nagtatrabaho ka sa isang agency dahil sumusulat ang may-akda mula sa isang agency angle. Hindi lang pinag-usapan ni Jodie ang User Experience sa web, tinalakay niya rin sa pangkalahatan ang lahat ng touch points na maaari mong maranasan online/offline sa iyong mga users/customers. Ito ay isang powerful na konsepto na dapat tandaan dahil kadalasan, sa ilalim ng Owned Media Channel lang, mayroon tayong website/microsite, Facebook fanpage, YouTube Channel atbp... Hindi lang iyon, gumagamit ang mga users ng desktops, laptops, smartphones, tablets para ma-access ang mga property na ito kaya kailangan nating masigurado ang isang kasiya-siyang karanasan sa buong user journey, mula sa simula, kapag una silang nakakontak sa atin, ano ang ginagawa nila pagkatapos noon at saan sila pupunta kapag tapos na sila. Para sa amateur, maraming bagay para sa User Experience ang dapat na madali at common sense. Nanggagaling ito sa pag-unawa, isang focus sa pangangailangan ng user habang nagdidisenyo, nagtatayo ng isang product/service/website. Ang "Don't make me think" ni Steve Krug ay marahil isa sa pinakamahusay, madaling basahin na aklat para sa amateur tulad ko. Ang pamagat ng aklat ay simple lang na sinusumarize lahat para sa atin, hindi ba? Ang trabaho natin ay HINDI ang pilitin ang mga users na kailangang mag-isip nang sobra para lang gamitin ang website/application. Dapat natural ang lahat, obvious sa mga users lalo na ang key call to action. Kung gusto mong mag-go further at mag-conduct ng usability test sa iyong sarili, may isa pang magandang, simpleng basahin na aklat si Steve Krug na tinatawag na "Rocket Surgery Made Easy: The Do-It-Yourself Guide to Finding and Fixing Usability Problems" May isang seksyon ang Amazon tungkol sa mga best sellers sa User Experience and Website Usability kaya maaari mo ring tingnan iyon. Dahil napakaraming materyales na sa paksang ito, ayoko nang mag-reinvent the wheel dito. Mariin kong irerekomenda na kumuha ka ng ilang aklat tungkol sa User Experience at basahin sila. Gayunpaman naiintindihan ko rin na ang ilan sa inyo ay ayaw magbasa ng sobra at gusto lang ng ilang practical tips na magpapadali ng buhay ninyo. Kaya narito ang checklist ng mga basic na bagay na dapat mong tingnan

Mahalaga ang bilis

Gaya ng nakikita mo mula sa Google report, ang average loading time para sa isang site sa Vietnam ay nasa 2.5 segundo kaya kung ang site ay nag-a-load ng 15 segundo, may mali. Ayaw maghintay ng user pagdating sa internet at ang 20 segundo ay "mahabang oras" online. Maraming artikulo kung paano gawing mas mabilis ang iyong site, kasama ang mga artikulo mula sa Google. Hindi ko pakialam kung gaano kaganda, kapaki-pakinabang, masagana ang iyong website, kung 30 segundo bago mag-load ang site, HINDI ako interesado. Kung may naka-install kang Google Analytics sa iyong site, maaari mong tingnan ang page speed report sa ilalim ng Content category.

Mahalaga ang unang impression

Madali mo bang maiintindihan kung ano ang tungkol sa site? Aling site ito? Aling seksyon/page ng site ka naroon? Obvious ba sa iyo kung ano ang maaari mong gawin mula sa kinalalagyan mo ngayon? Kung sobrang tagal (tulad ng 20 segundo) bago mo malaman kung nasaan ka, kung ano ang maaari mong gawin dito/kung paano magsimula, maaaring sobrang nakakalito ang information architecture ng site o sobrang komplikado ang design. Kung may mga terminong nasa main navigation na hindi ka sigurado kung ano ang ibig sabihin, malamang na hindi ito sapat na user-friendly. Bagama't totoo na ang ilang site ay nangangailangan ng user na may domain knowledge para gamitin dahil napaka-teknikal nila. Gayunpaman, ang hamon ko sa mga site owner na iyon ay: "Gusto mo ba ng mas maraming negosyo?", Gusto mo ba ng mas maraming negosyo mula sa mga taong HINDI pa iyong customer noon, mga bagong customer? Kaya ang paggawa ng mga bagay na simple para maintindihan ng mga tao ay napakahalaga para maakit ang mga bagong customer na ito. Ang pangkalahatang prinsipyo dito ay muli ang "Don't make me think".

Nasaan ako? Saan ako maaaring pumunta mula doon?

Para matulungan ang user na maintindihan kung nasaan sila sa site, anong mga opsyon ang mayroon sila sa level na ito, maaari nating gamitin ang breadcrumb at iba pang design cues. Kung hindi mo alam kung ano ang breadcrumb, pakitingnan ang screenshot sa ibaba: Gayundin, mahalaga na ang mga users ay maaaring mag-search sa site kung naligaw sila. Ito ay isang napakahalagang function. Gayunpaman, nahihiya akong sabihin na sa aking site ang search function ay hindi maganda! Sa aking opinyon, ang internal search function ay hindi na opsyon kundi isang KAILANGAN (syempre kung dalawang page lang ang iyong site, malamang na hindi mo kailangan ng search function). Ang internal search function ay ang search button na nagpapahintulot sa mga users na maghanap ng mga bagay sa iyong site. Ang isang real life analogy ay kung hindi mo mahanap ang hinahanap mo o naligaw ka sa isang department store, dalawang opsyon lang ang mayroon ka:

• Tumingin ka pataas sa mga sign para maintindihan kung nasaan ka at maghanap ng mga lugar kung saan gusto mong pumunta. ibig sabihin tingnan ang main navigation
• Magtanong ka sa anumang store assistant na malapit tungkol sa kung paano hanapin ang jewellery section o kid section atbp... ito ang katumbas ng search function pagdating sa online. Madalas akong tamad at laging nagtatanong sa store assistant kaya pagdating sa online, kung hindi ko agad makita ang hinahanap ko, gagamitin ko ang search function. Ang Amazon, isa sa pinakamalaking e-commerce site, ay may napaka-robust na search function, na nagpapadali ng buhay sa mga users.

Mga basic na isyu sa accessibility

Text to background contrast: Ang text ay dapat madaling basahin, at may sapat na contrast sa background tulad ng itim na text sa puti o bahagyang grey na background. Pakiusap huwag subukang gumamit ng dark blue text sa itim na background o asul na background atbp... TAng halimbawa sa ibaba ay walang magandang text to background contrast bukod sa iba pang bagay tulad ng pagsusubukang ipaliwanag ang isang lokasyon gamit ang mga salita? Isa pang bagay ay ang font size at spacing. Ang argumento ko ay ang anumang mas maliit sa size 10 ay hindi madaling basahin sa web. Baka tumatanda na ako pero hindi ko aaksayahin ang oras na subukang basahin ang maliit na text.

Malinaw na visual hierarchy

Maraming oras ang maaari nating gugulin sa pagtalakay ng puntong ito. Sa esensya, ito ay tungkol sa kung gaano kahalaga ang isang bagay, kailangang mas mataas ito sa page. Ang mahalagang content ay dapat na above the fold. Ang nasa itaas ay LITERAL na ang "above the fold" na bahagi ng isang landing page pagkatapos kong i-click ang banner sa vnexpress. Kung ikaw ay isang user, ano sa tingin mo? Gayundin, ang mas mahalagang headline ay dapat na nasa mas malaking font kumpara sa mas mababang kahalagahan. Pakitingnan ang screenshot sa ibaba at hulaan kung aling impormasyon ang sinusubukang iparating ibig sabihin kung alin ang mahalagang impormasyon mula sa map na ito? Ang konteksto ng screenshot na ito ay ang lokasyon ng isang real estate project. Nakikita mo ba ang proyekto kahit saan sa map? Hindi ko ito makita pagkatapos ng mga isang minutong pagtingin sa map, sa ilalim ng Location menu. Ang mga bagay na magkakaugnay sa isa't isa nang lohikal ay dapat na magkakalapit nang pisikal. Katulad ito kung paano mo aayusin ang mga paninda sa isang supermarket. Hindi mo makikita ang isda at tuyong pagkain na magkahalo sa isang seksyon, hindi ba?

Mahalaga ang pagsunod sa convention

Ang ilan sa mga convention ay:

• Ang Site ID (logo) ay kailangang malinaw na nakasaad at kadalasan, nasa taas ito ng page. Nasa top left corner o top center location ito nang mas madalas kaysa sa top right corner. Nakakita ka na ba ng site logo sa top right corner?
• Ang Company logo ay dapat nag-lilink pabalik sa homepage
• Gawin itong malinaw kung aling bahagi ang naki-click: ayon sa convention, ang asul at may salungguhit na text ay naki-click (kahit asul na text lang sa ilang kaso).
• Huwag gumamit ng sariling imbentong icon nang walang text na sumusuporta dito. Ito ay applicable din sa sariling imbentong abbreviation. Maaari kang magmukhang cool dahil gumagamit ka ng bagong imbentong abbreviation pero HINDI ito maganda para sa negosyo. Kung hindi naiintindihan ng mga tao ang isang bagay at WALA ka doon para sagutin ang kanilang mga tanong (online ito tandaan?), ito lang ang nagpapaalis sa mga tao.
• Ang Site search ay dapat nasa top centered position o top right position.

Kakayahang kumpletuhin ang mga Key actions

Ito ang itinuturing na pinakamahalagang aspeto ng lahat. Kung matagumpay na makumpleto ng user ang gusto mong gawin nila nang madali, nang walang aberya, ikaw ay isang bituin! Kung hindi magagawa/matutupad ng user ang gusto nila mula sa iyong panig, tapos ka na gaano man ka "maganda" ang iyong site. Ilista ang top 3-5 na key actions na gusto mong gawin ng mga users habang sila ay nasa iyong site. Pagkatapos sumulat ng 3-5 na mga senaryo na tumutugma sa mga key actions na ito para kung hilingin mo sa ibang tao na kumpletuhin ang mga gawaing ito, magkakaroon sila ng background information. Dapat madali ito at halos sinuman mula sa marketing hanggang IT hanggang sales ay maaaring gumawa ng listahan. NGAYON subukan ang listahang ito sa isang taong HINDI mula sa marketing team, creative team, sales o IT team. Ang hinahanap ko ay i-test mo ito sa iyong target audience, o dahil ang iyong target audience ay medyo malawak, maaari mo itong i-test sa sinumang HINDI kasangkot sa pagtatayo, pagdidisenyo, pag-maintain ng site. Sana hindi ka magugulat tulad ko sa maraming pagkakataon. Ilang halimbawa sa ibaba:

• Kung gusto mong mag-imbita ng mga tao sa isang party/event na inorganisa mo, pinakamabuting huwag silang i-direct sa iyong PR news page o ilagay ang iyong offline brochure online. Nakaranas ako ng brochure type landing page, kung saan walang ideya ang mga users kung paano mag-register. Kailangan lang nilang mag-scroll pababa ng mga 5 pages para makita ang isang napakaliit na call to action sa ibaba tungkol sa register here para sa iyong free tickets.
• Kung ikaw ay isang fast food chain at gusto mong tumawag ang mga users sa site para mag-order, ang iyong PHONE number ay dapat visible sa homepage at sa maraming pages kung angkop. Huwag subukang itago ito sa ibang lugar.

Ilang iba pang maliliit na bagay

Kaya isasama ko ang ilang karaniwang "pagkakamali" para sa website/microsite na nakita ko hanggang ngayon para mapansin mo sila:

• Sign up form na may 1 field lang para sa password, walang field para i-retype ang password??
• Sign up form na humihingi ng sobrang daming personal na impormasyon nang walang magandang dahilan.
• Sign up form na kapag na-click mo ang submit button at may mali, nawala ang lahat at kailangan mong i-retype ang lahat! Naku 2013 na at HINDI na dapat kailangang i-retype ng mga users ang lahat ng fields sa form dahil lang may mali. I-retype ang password o CAPTCHA ay understandable pero hindi lahat tulad ng pangalan, email, atbp...
• Status bar habang nag-a-upload ng photo o video: sa medyo mabagal na internet connection sa Vietnam, napakahalaga na kung hinihingi natin sa user na mag-upload ng isang bagay, dapat may status bar na tumatakbo para malaman ng user na in progress ito, o nabigo o gaano pa katagal kailangan nilang maghintay?
• Auto play video na naka-ON ang tunog: Alam kong bilang isang marketer, gusto nating manood ang mga tao ng ating video, lalo na kung libu-libong dolyar ang gastos sa pag-produce. Gayunpaman sa aking opinyon, ang auto play video na may tunog na ON ay isang malaking HINDI PWEDE. Bilang isang user, ang unang reaksyon ko ay palaging i-off ang video at tunog kahit ano pa — ibig sabihin hindi ako nag-a-abala na maghintay at manood para malaman kung ano ang tungkol sa video.
• Lokasyon nang walang mapa: kadalasan, maglalagay tayo ng mga lokasyon ng ating mga opisina, ating mga tindahan, ating mga restaurant sa website at gusto nating bisitahin sila ng mga users. Gayunpaman ang paglilista lang ng address nang walang mapa ay hindi optimal. Medyo tumpak ang Google Map at madaling gawin kaya ilagay na lang ito doon para malaman ng user kung paano makarating sa iyong tindahan/iyong restaurant atbp...

Ang listahan ng mga tindahan sa ibaba para sa akin ay hindi optimal. Ang isang ito ay mas maganda. May detalyadong address, phone number, mapa atbp...

• Logo na HINDI naki-click! Pinapatay talaga ako nito. Napaka-common na gawi na ang mga tao ay magki-click sa logo at inaasahang bumalik sa homepage. Ang pagkakaroon ng logo na HINDI naki-click ay nagpapadala ng mensahe na HINDI ka nagmamalasakit sa iyong mga users.

Yun lang mula sa akin. Pakibahagi ang iyong karanasan, payo para gawing mas kumpleto at kapaki-pakinabang ang listahang ito. Sigurado akong marami akong nakalimutan. Maraming salamat, Chandler P.S: Ang kabanatang ito ay kasama sa aking aklat tungkol sa Vietnam Digital Marketing Fundamentals rin! Update 1: 13Jul 2013 May isang kapaki-pakinabang, simpleng checklist na natagpuan ko mula kay Dr. Peter J. Meyers "25 point website usability checklist" Update 2: 28Oct2013. Isang must read na may 28 fantastic tips tungkol sa User Interface http://goodui.org/