Disenyo ay isang malawak at malabo na term. Ito ay umiiral sa iba't ibang mga sektor, maging ito ay pang-industriya na disenyo (automotive, supplies), pagpi-print (magazine at iba pang mga publication) o sa mataas na teknolohiya (mga mobile application, mga website).
Sa paglitaw ng huling kategorya, na nakatuon sa paglikha ng mga interface para sa maliliit na screen, ang mga konsepto ng interface ng gumagamit (UI) at karanasan ng gumagamit (UX) ay isinasaalang-alang. Sa artikulong ito susubukan kong ipaliwanag sa iyo kung ano ang UI at UX at kung paano sila nalalapat sa WordPress.
Ngunit bago, kung hindi mo pa nai-install ang pagtuklas ng WordPress Paano mag-install ng a WordPress blog sa 7 na mga hakbang et Paano upang mahanap, i-install at i-activate ang isang WordPress tema sa iyong blog
Pagkatapos bumalik sa kung bakit kami narito.
Ang UI at UX ay talagang malapit na mga konsepto na komplementaryo. Ngunit ang katotohanan ay nananatili na magkakaiba sila sa kanilang mga layunin at saklaw. Mas praktikal, bilang isang developer ng WordPress, isang mahusay na pag-unawa sa mga konseptong ito ay mahalaga sa disenyo ng iyong mga produkto at tatak.
Karanasan ng gumagamit
Sa pag-unlad sa web, ang karanasan sa gumagamit ay maaaring tukuyin bilang kultura ng kasiyahan at katapatan ng customer sa pamamagitan ng pinakamainam na pag-unlad ng kakayahang magamit at positibong emosyonal na tugon na natuklasan ng bisita sa iyong website.
Sa puntong ito ang karanasan ng gumagamit ay nakatuon sa kung paano ang gumagamit nararamdaman ang produkto. Inilalagay nito sa pananaw ang iba't ibang mga diskarte para sa paglutas ng mga partikular na problema na nauugnay sa gumagamit. Ang layunin ay iposisyon ang mga layunin ng iyong proyekto sa parehong axis sa mga pangangailangan ng iyong mga gumagamit. Upang mas maunawaan, tingnan natin kung ano ang ginagawa ng mga UX Designer.
Tuklasin din Paano upang i-configure ang CloudFlare CDN para sa iyong WordPress blog
Ang kanilang trabaho ay upang matiyak na ang iyong pag-navigate sa website ay lohikal na dumadaloy mula sa bawat hakbang. Nagsasagawa sila ng mga pagsubok sa pag-uugali ng gumagamit na naghahanap ng mga potensyal na problema na maaaring makatagpo ng gumagamit hanggang sa makita nila ang perpektong karanasan ng gumagamit. Narito ang isang halimbawa ng paglalarawan ng trabaho ng UX designer sa Google.
Ang karanasan ng gumagamit ay nasa gitna ng iyong tatak. Tinutukoy nito angkaranasan kung ano ang karanasan ng mga bisita sa iyong website. Ang mahalaga dito ay ang buong karanasan, hindi ang website o ang mga bahagi; dahil kapag maganda ang karanasan, mas mahusay ang tatak mo at ang iyong proyekto.
Karanasan ng Gumagamit at WordPress
Karamihan sa tagumpay ng iyong website ay nakasalalay sa kalinawan nito, at nito samahan. Ang pagpasa ng isang bisita sa iyong website ay dapat na kaaya-aya at makabuluhan.
Tuklasin sa pamamagitan ng pagbabasa ng artikulong ito Paano magkaloob ng mga imaheng WebP sa halip na tradisyonal na PNG & JPG
Sa panahong ito, ang bisita ay dapat na malalim na nahuhulog sa website at sa produkto sa isang paraan upang makilala sa kanila at magamit ang mga ito. A koneksyon dapat ipanganak sa pagitan ng mga bisita at tatak (ang website o ang produkto), sa panganib na mawala ito.
Paano mapapabuti ang iyong karanasan sa gumagamit
Ang pinakamahusay na paraan upang mapagbuti ang iyong karanasan sa gumagamit ay upang maisama ito sa lahat ng mga yugto ng pag-unlad at ang mga pangunahing aspeto nito ng: positibong tugon sa emosyonal, pakiramdam ng kontrol, kaugnayan at pag-unawa. Ito ay mula sa mga aspektong ito na ang mga kalakaran tulad ng:
Ang tumutugon disenyo : na pinag-iisa ang karanasan ng gumagamit anuman ang mga aparato. Tema ng Avada Premium WordPress perpekto para sa tampok na ito.
Disenyo batay sa nilalaman : na nagtatanghal ng nilalaman sa isang aesthetic at halatang paraan para sa isang pambihirang karanasan. halimbawa: Uncode
Ngayon higit sa dati, kailangan mong isama ang karanasan ng gumagamit sa iyong mga pagpapaunlad, upang ang iyong mga bisita (at ikaw) ay nasiyahan.
User interface
Ang interface ng gumagamit ay ang hanay ng mga pisikal at panteknikal na elemento kung saan nakikipag-ugnay ang gumagamit sa isang teknolohiya o isang produkto, mga kontrol, pindutan, mga check box atbp ... Ito ang visual na representasyon ng naidisenyo sa pamamagitan ng karanasan ng gumagamit. Kaya ano ang ginagawa ng mga taga-disenyo ng interface.
Sila ang responsable sa pagtiyak na ang interface ng produkto ay nakikipag-usap nang biswal ayon sa mga prinsipyong naitatag ng karanasan ng gumagamit. Sa gayon, lumilikha sila ng mga typograpo, icon, at lahat ng uri ng mga interactive na elemento na malulutas ang mga problema ng gumagamit. Responsable din sila para sa pagkakapare-pareho ng interface.
WordPress user interface
Ang mga tagabuo at taga-disenyo ng WordPress ay kailangang pagtuunan ng sama-sama sa disenyo at pagpapaandar upang makabuo ng malinis, madaling maunawaan at mahusay na mga website. Sa WordPress, kasama din sa interface ng gumagamit ang dashboard.
Tuklasin din ang aming 10 WordPress plugins upang itago ang premium na nilalaman sa iyong blog
Mahalaga na ang dashboard ay lubos na gumagana at mahusay. Ang pagiging pantay-pantay ng pag-andar, mas gugustuhin ng mga user ang a Extension ng WordPress madaling gamitin, mabilis matutunan, intuitive at interactive. Halimbawa, narito ang dashboard na alam mo:
Ngayon tingnan kung ano ito ng kaunti higit sa 10 taon na ang nakakaraan:
at sabihin sa amin kung alin sa dalawang bersyon na gusto mo ng pantay na pag-andar. Sabihin ang totoo.
Basahin din ang aming artikulo sa Paano upang i-publish ang iyong mga artikulo sa pamamagitan ng email sa WordPress
Ang interface ng gumagamit ay isa pang kadahilanan sa pagtukoy sa tagumpay ng iyong website dahil nais ng mga customer ang isang bagay na malinis, organisado, malinaw at madaling maunawaan.
Paano mapapabuti ang mga tampok ng iyong interface ng gumagamit
Ang sagot sa katanungang ito ay hindi maaaring maging lubusan. Upang mabigyan ka ng isang larawan, sabihin lamang natin na ang mga katangian ng isang mahusay na interface ng gumagamit ay:
- hindi pagbabago : ang disenyo at pag-uugali ng produkto ay dapat na pare-pareho.
- intuitive : ang produkto ay dapat na gumana sa isang paraan na natural sa gumagamit, nang hindi natututo.
- tumutugon : ang disenyo ng interface ay dapat na may kakayahang umangkop upang umangkop sa lahat ng mga terminal.
- pamilyar : Ang mga pagbabago sa disenyo ay hindi dapat maging angkop para sa gumagamit.
- malinis : Ang disenyo at pag-andar ay dapat na isagawa at simple.
- Aesthetic : ang disenyo ay dapat maging kaaya-aya at kaaya-aya.
- mahusay : lalo na kung ang gumagamit ay dapat gumastos ng maraming oras sa iyong site.
- nakatuon sa nilalaman : Napakahusay na nilalaman, teksto at visuals magdagdag ng halaga.
Ang mga uso sa disenyo ng interface ay:
Google Materyal na Disenyo : Ito ang uri ng disenyo na ginagamit ng Google, Apple at Microsoft. Ito ay hinihimok ng nilalaman, nababagay, streamline, at pinagsasama ang mga visual na paggalaw at pakikipag-ugnayan. Ginagawa nitong mas malinis ang mga website at nagpapabuti ng kanilang pagganap.
Layout Card : Ito ay isang malawak na pinagtibay na disenyo dahil sa pagiging simple at kagalingan ng maraming kaalaman. Madali itong maisasama sa isang tumutugong layout para sa isang mas mahusay na karanasan.
Microinteractions : Ito ang mga sandali na naka-embed sa produkto na nagsasagawa ng isang maliit na gawain. Ang pag-program ng isang alarma, ang pagpapatahimik sa iyong telepono ay mga halimbawa.
Kahit na ang mga pakikipag-ugnay ng micro ay halos hindi nakikita maaari silang magdagdag ng halaga kung mahusay na ipinatupad tulad ng pindutan katulad Facebook.
palalimbagan : Mga serbisyo sa web tulad ng Google Font et Typekit nag-aalok ng maraming mga font upang mapahusay ang mga interface ng gumagamit.
mga icon : Ang mga ito ay perpektong kapalit para sa mabibigat na mga imahe at mahabang teksto. Maaari silang lumikha ng isang mahusay na kapaligiran sa isang website.
Pag-scroll : Ang epekto ng paralaks o pag-scroll ay lumilikha ng mahusay na karanasan at pinapaikli ang mga oras ng pag-load ng pahina. Ito ay isang bagay na higit na kailangang yakapin ng higit pang mga developer.
Twentyfifteen ay ang ehemplo ng isang mahusay na interface ng gumagamit. Ito ay malinis, simple, mahusay, tumutugon, nakatuon sa nilalaman.
Dito nagawa na namin ang paglilibot. Nakita namin na ang interface ng gumagamit ay ang hanay ng mga bahagi na nagpapahintulot sa gumagamit na gamitin ang produkto nang epektibo, habang ang karanasan ng gumagamit ay ang pinagsama-samang epekto ng lahat ng mga sangkap na ito sa gumagamit Sa madaling salita ang UI ay ang paraan upang makakuha ng mas mahusay na karanasan ng gumagamit.
Tuklasin ang 3 simpleng mga katanungan upang maunawaan kung bakit hindi ka kumita ng pera
Sa kabuuan, maaaring mapanganib na hindi masabi ang isang malaking pagkakaiba sa pagitan ng karanasan at interface ng gumagamit kung ikaw ay isang taga-disenyo, isang developer o kung mayroon kang pareho. Ang hindi pag-alam sa malinaw na limitasyon ay maaaring makapinsala sa iyong mga proyekto at tatak.
Inirerekumendang Mapagkukunan
Tuklasin din ang iba pang mga inirekumendang mapagkukunan na makakatulong sa iyo upang mas maakit ang iyong mga kasosyo at mga tagasuskribi, ngunit upang mapabuti ang seguridad ng iyong website.
- Pakikipag-ugnay: Ang 3 simpleng mga katanungan upang maunawaan kung bakit hindi ka kumita ng pera
- 10 WordPress plugins upang itago ang premium na nilalaman sa iyong blog
- Mga plugin ng 5 WordPress upang makatanggap ng mga donasyon sa iyong blog
- 8 SEO WordPress plugin upang ma-optimize ang SEO ng iyong website
Konklusyon
Sa artikulong ito, ipinaliwanag ko sa iyo ang pagkakaiba sa pagitan ng interface at karanasan ng gumagamit, kung paano mo mapapabuti ang mga katangian ng mga konseptong ito sa iyong mga proyekto at kung paano nalalapat ang mga konseptong ito sa WordPress.
Gayunpaman, magkakaroon ka rin ng konsulta sa aming ressources, kung kailangan mo ng maraming mga elemento upang maisagawa ang iyong mga proyekto ng paglikha ng mga site sa Internet, sa pamamagitan ng pagkonsulta sa aming gabay sa Paglikha ng blog ng WordPress o ang isa sa Divi: ang pinakamahusay na tema ng WordPress sa lahat ng oras.
May alam ka bang anumang mapagkukunan na maaaring hindi nabanggit? Iba pang mga kasanayan na nagpapabuti sa interface at karanasan ng gumagamit? Paano sila nasasangkot sa mga proyekto? Ibahagi ang mga ito sa amin sa seksyon ng mga komento.
Inaanyayahan ka rin namin na ibahagi sa iyong iba't ibang mga social network.
...
