Nilalaman
Mahalaga ang pagkakapare-pareho upang mabawasan ang nagbibigay-malay na pag-load ng iyong interface. Kung ang iyong disenyo ay pare-pareho, ang bawat pakikipag-ugnay ay nararamdaman na makinis at walang alitan. Kapag ito ay masyadong hindi naaayon, ang gumagamit ay dapat na gumastos ng hindi kinakailangang pagsisikap.
Ngunit ang pagiging pare-pareho sa disenyo ng pakikipag-ugnayan ay medyo mas tiyak kaysa sa simpleng paggawa ng parehong mga bagay nang paulit-ulit - may mga partikular na uri ng pagkakapare-pareho, at mga partikular na larangan kung saan ang pagiging pare-pareho ay mas mahalaga kaysa sa iba.
Bukod dito, ang paggawa ng parehong bagay nang paulit-ulit ay magbubunga ng nakakasawa, magkatulad na mga disenyo. Kailangan mong malaman kung kailan masisira ang pagkakapare-pareho nang hindi humahantong sa kaguluhan sa disenyo. Ang susi, tulad ng kadalasang nangyayari sa disenyo, ay ang balanse.
Sa piraso na ito, magkakaroon kami ng mga detalye tungkol sa kung ano ang ibig sabihin ng pagkakapare-pareho para sa disenyo ng web, kung bakit ito mahalaga, at ilalarawan kung paano maging pare-pareho sa inaasahan ng mga gumagamit (panlabas na pagkakapare-pareho).
Bakit mahalaga ang pagkakapare-pareho
Ang disenyo ng pakikipag-ugnay ay nakasalalay sa kakayahang matuto ng iyong system.
Upang ilagay ito nang simple, kapag ang isang UI ay gumagana sa isang pare-pareho na pamamaraan, nahuhulaan ito (sa isang mabuting paraan), na nangangahulugang maunawaan ng mga gumagamit kung paano gamitin ang ilang mga pagpapaandar nang intuitively at walang tagubilin.
Ginagawa nitong mas madaling gamitin ang produkto, na kung saan ay isang hagdan upang gawing mas kanais-nais. Sa kabaligtaran, kapag ang isang UI ay hindi pantay, pinipigilan nito ang kakayahang matuto, na pumupukaw ng pagkabigo sa gumagamit at humahantong sa isang hindi magandang karanasan.
Ngunit ang pagiging pare-pareho ay hindi limitado sa hitsura at pag-uugali lamang ng iyong interface.
Ang iyong mga gumagamit ay hindi ginugugol ang kanilang lahat ng oras lamang sa iyong produkto - ang karamihan ng kanilang oras ay sa iba pang mga produkto, at habang sila ay bumubuo ng mga ideya at inaasahan mula sa iba pang mga karanasan. Kaya't kung nakakapareho ka sa mga karanasan sa labas, tataas ang kakayahang matuto ng iyong UI nang walang anumang labis na gawain sa iyong bahagi.
Hindi bababa sa pagtataka
Kapag may pag-aalinlangan, sumangguni sa Principle of Least Astonishment. Ang mga kasiya-siyang sorpresa ay maayos (tulad ng kung paano sorpresa ng MailChimp ang mga gumagamit na may katatawanan at kasiyahan), ngunit ang iyong mga pangunahing pag-andar ay hindi dapat malayo sa kalakaran.
Ang pagsusuri ay hindi nangangahulugang parehong bagay tulad ng I-verify. Hindi dapat mapagkamalan ang mga video para sa mga imahe. Huwag gumawa ng mga pindutan para sa pangunahing mga aksyon na lilitaw lamang sa pag-hover.
Sa katunayan, kung pinag-uusapan mo pa rin ang likas na pagkakapare-pareho sa digital na disenyo, ang iOS's Alituntunin ng Apple ng Apple ay gumagawa ng isang mahusay na trabaho ng paglalagom ng mga pamantayan para sa pagkakapare-pareho para sa kanilang mga app. Sa kanilang sariling mga salita ...
- Naaayon ba ang app sa mga pamantayan ng iOS? Gumagamit ba ito ng tama ng mga kontrol, view, at icon na ibinigay ng system? Isinasama ba nito ang mga tampok sa aparato sa mga paraang inaasahan ng mga gumagamit? "
- Pare-pareho ba ang app sa loob nito? Gumagamit ba ang teksto ng pare-parehong terminolohiya at istilo? Ang parehong mga icon ba ay laging nangangahulugang magkatulad na bagay? Maaari bang mahulaan ng mga tao kung ano ang mangyayari kapag gumanap sila ng parehong pagkilos sa iba't ibang lugar? Ang mga pasadyang elemento ng UI ba ay nakikita at kumikilos pareho sa buong app?
- Sa loob ng dahilan, ang app ba ay pare-pareho sa mga naunang bersyon? Nananatili bang pareho ang mga termino at kahulugan? Ang pangunahing mga konsepto at pangunahing pag-andar ay mahalagang hindi nagbabago? "
Mula sa tinalakay sa itaas, maaari nating hatiin ang pagkakapare-pareho ng disenyo sa dalawang kategorya: panlabas at panloob na pagkakapare-pareho. Ang panlabas ay tumutukoy sa pagkakapare-pareho ng iyong UI sa iba pang mga produkto, habang ang panloob ay ang pagkakapare-pareho nito sa loob mismo. Tingnan natin ang ilan sa mga pinakamahusay na kasanayan na tinatalakay namin sa Consistency in UI Design.
Panlabas na pare-pareho
Ang panlabas na pagkakapare-pareho ay hindi lamang kung gaano kaayon ang iyong produkto sa iba pang mga katulad na produkto, maaari itong sumangguni sa pagkakapare-pareho nito sa lahat ng mga produkto sa iyong platform, lahat ng software sa pangkalahatan, at kahit na mga pakikipag-ugnayan na hindi digital sa buong totoong mundo.
Kaya't bakit mahalaga ang panlabas na pagkakapare-pareho? Upang buuin ito, ito ay tungkol sa pagtugon sa mga inaasahan ng gumagamit.
Upang makalikha ng isang disenyo na kasabay sa inaasahan ng iyong gumagamit, dapat mo munang maunawaan kung anong mga ideya ang dinadala nila sa kanila bago nila magamit ang iyong site o app. Ito ay isang konsepto na ang dalubhasa sa kakayahang magamit na Jared Spool ay tumutukoy sa kasalukuyang kaalaman.
Ang kasalukuyang kaalaman ng iyong mga gumagamit ay naiimpluwensyahan ng maraming panlabas na mga kadahilanan, anuman mula sa huling site na ginamit nila hanggang sa malayo ang inaasahan mula sa kanilang paboritong pelikula sa sci-fi. Gayunpaman, huwag magalala - sa karamihan ng bahagi, ang mga inaasahan ng iyong mga gumagamit ay magiging makatwiran.
Ang pagdidisenyo batay sa alam na ng iyong mga gumagamit ay hindi isang bagong konsepto. Ang ideyang ito ay nasa lugar na ng mga taon, na umuusbong sa mga karaniwang disenyo ng disenyo na makikita mo ngayon sa halos anumang app o website.
Ang carousel ng imahe, isang icon ng sobre na kumakatawan sa email, na pag-click sa logo ng site upang bumalik sa homepage ... lahat ito ay tinukoy bilang mga pattern ng UI.
Susunod na pahina: gamit ang mga pattern ng UI, mga bagay na maiiwasan at lalayo pa ...
