Suunnittelun suotuisuudet ovat tärkeitä käytettävyyden ja toiminnan kannalta. Ne ovat yksi suunnittelun osista, joiden on koottava tarjoavat moitteeton käyttökokemus. Jotta voimme ymmärtää tarkalleen, mikä tekee niistä niin tärkeitä, meidän on määriteltävä ne.

Web design -maailmassa kohteliaisuudet ovat elementtejä, joita käyttäjät kohtaavat vuorovaikutuksessa sivuston suunnittelun kanssa. Ne voivat olla:

  • toimintapainikkeita;
  • kuvakkeet;
  • web-lomakekentät;
  • yhteyksiä;
  • kuvia.

Suurten web-suunnittelijoiden pitäisi todella viedä aikaa ymmärtää näiden varausten taustalla oleva käsite. Se huolehtii siitä, että he rakentavat asiakkaitaan loistavia verkkosivustoja, jotka huolehtivat työstä yksi: käyttökokemus. Suuri mallisuunnitelma on aina suunnitella käyttäjäkokemusta ensin ja ennen kaikkea; kaikki muu seuraa sitä.

Ei ole olemassa parempaa tapaa ymmärtää tätä periaatetta kuin perehtyä perusteellisesti siihen, mitä kohteliaisuuksia on ja miten sisällyttää ne onnistuneesti suunnitteluun.

Fyysinen edullisuus

Fyysinen edullisuus perustuu kohteen fyysiseen ulkonäköön. Visuaalisesti tämäntyyppinen edullisuus tekee käyttäjälle välittömästi selkeän, mitä hänelle odotetaan toimintaa suunnittelun käyttöliittymässä. Nämä ovat yksinkertaisimpia kohteliaisuuksia, ja sinä olet todennäköisesti kohdannut heidät monta kertaa tietämättä edes mitä heitä kutsuttiin.

Koko kohta fyysisillä edullisuuksilla on, että kenen tahansa pitäisi pystyä arvostamaan, mihin toimiin he voivat tehdä, vain katselemalla edullisuuksia, etenkin niille ihmisille, joilla ei ole paljon kokemusta verkkosivustojen selaamisesta. Siksi fyysiset varaukset ovat melko räikeitä.

peapod

peapod , kodin päivittäistavarakaupan toimituspalvelu, käyttää fyysistä kohteliaisuutta kotisivullaan. Kaksi valtavaa toimintopainikkeita ovat pyöristetyt kulmat ja vaivaton varjostus, jotta ne näyttäisivät napsautettaviksi.

Kielitaito

Kielitaito on toinen hyvin suoraviivainen edullisuus. Pohjimmiltaan se viestii suoraan käyttäjälle, että painike tai kenttä tuottaa tietynlaista toimintaa. Tämä ei anna minulle mitään tilaa mielikuvitukselle siitä, mitä suunniteltu toimi on, myös tehdä tämä edullisuus täydellisiksi ihmisille, joilla on vain vähän tai ei lainkaan sivuston selauskokemusta.

Kieliominaisuus on ihanteellinen käyttöliittymäsuunnittelussa, kun pelkkä, visuaalinen viestintä ei riitä tehokkaan symbolismin suorittamiseen. Esimerkiksi ihmiset, jotka eivät ole nähneet monia verkkosivustoja, eivät todennäköisesti tunne suurennuslasi-symboli, joka ilmaisee haun hakukentän lopussa.

Älykkäät suunnittelijat ymmärtävät tämän ja tarjoavat siten selkeän kielen, jonka avulla ei jätetä epäilyksiä siitä, millaista toimintaa olisi.

nanamee

Nanamee.com käyttää kielenkäyttötapaa hakukentässä, koska on vaikea-miss "Search Images" kirjoitettu. Tämä edullisuus tekee selväksi, miten vuorovaikutuksessa tämä ominaisuus, ja on paljon selkeämpi kuin pelkkä "haku" tai jopa vain kuvake.

Pattern edullance

Pattern affordance on ehkä yleisempi web-suunnittelussa kuin edellämainitut, eksplisiittiset edullisuudet. Tämä johtuu siitä, että kaikkien nimikkeiden suunnittelijat käyttävät näitä ominaisuuk- sia omilla suunnitelmillaan ilman niin paljon kuin toinen ajatus. Käyttäjät pystyvät tunnistamaan ja ymmärtämään tällaisia ​​kohteliaisuuksia johtuen niiden yhteismuodosta. Seuraavassa on muutamia esimerkkejä laajalti käytössä olevista kuvioista:

  • navigointivalikko tai -palkki;
  • suurennuslasi kuvake;
  • yhteyksiä;
  • alaspäin nuolen vieressä sana tai lause.

Kuviohyväisyys on nähtävissä useimmilla verkkosivuilla, kuten yhdellä Market America , tuotemyynti ja Internet-markkinointiyhtiö. Oikealta pois lepakko, näemme tarkalleen, missä nämä kuvio edullisuudet ovat voimassa.

marketamerica

Market Amerikassa on hyvin havaittavissa oleva navigointipalkki etusivun yläosassa. Suurennuslasi -kuvake on hakupalkin lopussa, jossa on myös "Search Market America" ​​-kielitaito. Sen jälkeen amerikkalaisen lipun vieressä on alaspäin suuntautuva nuoli, joka tarjoaa käyttäjille mahdollisuuden valita toisen sivustokielen.

Symbolinen tai kuvitteellinen edullisuus

Rajapinnan edullisuus voidaan välittää yksinkertaisesti symbolin tai kuvakkeen kautta. Joskus niitä kutsutaan metaforisiksi edullisuuksiksi, nämä varaukset perustuvat todellisiin elämää koskeviin fyysisiin kohteisiin kuvakkeina, jotta käyttäjä voi nopeasti kertoa käyttäjille, mitä toimia heiltä odotetaan. He toimivat hyvin monissa eri tilanteissa, joista jotkut joista epäilemättä tuntevat jo:

  • kirjekuori, joka antaa sähköpostin lähettämisen;
  • talo, joka on varaa palata sivuston kotisivulle;
  • sosiaalisen median painike, joka vie sinut sosiaalisen median streamiin tai kanavaan.

Suuri symboliikka- tai ikonimahdollisuus on se, että ne voivat olla myös kontekstipohjaisia. Esimerkiksi asiakirjan katseluohjelman suurennuslasi todennäköisesti osoittaa, että voit suurentaa tai pienentää asiakirjaa. Tietenkin, jos suurennuslasi on hakupalkin vieressä, se on selkeästi varaa etsiä tietyn sana tai termi.

Tämä tekee symbolisen tai kuvitteellisen edullisuuden käyttämisen niin kätevästi. Voit sanoa niin paljon ja paljon nopeammin kuin suunnittelija kuin jos sinun tarvitsee käyttää tekstiä.

lintuhuone

Yksi sovellus, joka voisi käyttää jotain työtä sen varaa on Aviaryn valokuvaeditori . Ellet tunne tätä sovellusta tai kuvankäsittelytoimittajia yleensä, et ymmärrä, miten voit korjata virheitä, kun sinulla on vain mahdollisuus valita eri kokoisista kolmesta piireistä.

Affordances ovat avain suuri UX

Ymmärtäminen siitä, mitä edullisuus on - sekä erityinen ainutlaatuisuus yhden tyyppisen ja toisen - voi todella erottaa sinut muiden web-suunnittelijoiden. Ajattele edullisuutta yhdyskäytävänä kommunikointiin käyttäjillesi.

Ilman heitä, edes mukavin näköinen muotoilu olisi täysin hyödytön, koska käyttäjät eivät voineet tuntea sitä yhdelläkään! Koska käyttökokemus on suunnittelijoille korkein prioriteetti, varmista, että sinulla on vankka käsitys edullisuudesta.

Kun suunnittelusi on tehty, sen pitäisi olla kohtuuhintaisuutta, joka helposti ja tehokkaasti antaa käyttäjille mahdollisuuden käyttää suunnittelua mahdollisimman vähän kitkaa.