Affordance on termi, jonka alun perin psykologi JJ Gibson loi 1970-luvulla. Hän määritti sen ympäristön ja näyttelijän väliseksi suhteeksi. Nykyään edullisuus ulottuu käyttäytymis- tai kognitiivisen psykologian ulkopuolelle ja digitaalisten rajapintojen suunnitteluun. Ymmärtäminen edullisuuden avulla voit paremmin ymmärtää tuotteen ja käyttöliittymien suunnittelu puolestaan tekee sinusta paljon parempi suunnittelija.
Tilanne, jossa kohteen aistitoiminnot intuitiivisesti tarkoittavat sen toimivuutta ja käyttöä. - Crowdcube
Crowdcuben laymanin termi määritelmä on paikalla. Kaikki ympärillämme olevat kohteet ovat edullisia, jotenkin ilmeisempää kuin toiset. Edullisuus on mahdollisuus toimia, jolla on esine; se ei ole itse kohteen ominaisuus. Toisin sanoen nappia voidaan painaa; mahdollisuus painaa nappia on sen tarjonta.
JJ Gibsonin esittämä alkuperäinen määrittely kuvasi kaikki mahdolliset fyysiset toimet, joita voit ottaa esineellä. Ajan myötä määritelmä muuttui. Määritelmä on nyt laajempi ja se sisältää toimien havaittavuutta. Tämä muutos on saanut aikaan digitaalisten rajapintojen teknisen kehityksen. Discoverability on mielenkiintoinen käsite digitaalisessa valtakunnallisessa maailmassa, sillä kun käytät tietokonetta, saat selville toimien kautta annettujen vihjeiden kautta.
Ota askel takaisin fyysiseen maailmaan, jossa näet, että esineillä on fyysisiä ominaisuuksia, kuten koko, muoto tai paino, jotka antavat vihjeitä siitä, mitä voit tehdä heidän kanssaan. Seuraavassa on muutamia klassisia esimerkkejä. Aloitetaan teekupulla; se on pieni ja siinä on kahva, joka antaa tilan. Sen upotettu kulhoon muotoinen, mikä osoittaa, että se voi pitää jotain myös. Kun se pitää teetä, edullisuus on se, että voit pitää teekuppi ja juoda siitä. Toinen esimerkki on hammasharja: sillä on pitkä mutta ohut kahva, joka antaa tarttumista ja niin edelleen.
Fyysiset kohteet voidaan lajitella kolmeen suosiotyyppiin:
Havaittavissa oleva edullisuus on edullisuuden perusmääritelmä, jossa kohteen ominaispiirteet merkitsevät toimintaa.
Piilotettu edullisuus on, kun esineellä on varauksia, jotka eivät ole niin ilmeisiä; esimerkiksi yksinkertaisesti katsomalla olutpulloa et voi kertoa, että voit käyttää sitä avaamaan toinen olutpullo.
Väärennetty edullisuus on silloin, kun on havaittavissa kohteliaisuus; mutta mahdollisista toimista ei ole tuloksia. Esimerkiksi painamalla painiketta, joka ei tee mitään, kuten television kaukosäätimen käyttäminen, jos haluat kytkeä television päälle, mutta se ei toimi jostain syystä. Edullisuus on vielä olemassa - voit vapaasti painaa painiketta niin paljon kuin haluat - mutta mitään ei tapahdu, ei ole mitään toimintoa.
Digitaaliset liitännät ovat erityisiä. Ne antavat meille mahdollisuuden tehdä asioita, jotka rajoitetaan kaksiulotteiseen maailmaan, joka on tietokonenäyttö. On niin paljon asioita, joita voisimme tehdä missä tahansa sovelluksessa, verkkosivustossa tai ohjelmassa. mutta heillä kaikilla on yksi suuri, lamauttava rajoitus: he eivät voi tarjota sinulle fyysisiä vihjeitä siitä, mitä voit tehdä. Sen sijaan he kaikki luottavat visuaalisiin vihjeisiin tai varauksiin. Tämä voi olla hankalaa, jos et ymmärrä, miten tärkeä rooli tarjoutuu onnistuneiden rajapintojen luomiseen.
Jos ymmärrät, kuinka edullisuus toimii, voit käyttää niitä eduksi. Kun voit tehdä edullisuuden työkaluksi, voit luoda suunnitelmia, jotka ovat intuitiivisia ja helppokäyttöisiä. Intuitiivisilla malleilla on tämä tietty houkutus heihin - todennäköisesti siksi, että löydämme paljon sivustoja tai sovelluksia tylsiä ja ärsyttävää - joten on todella virkistävää käyttää niitä. Lisäksi halvemmalla olevat vaikutukset ovat tuloksia, jotka vaikuttavat paljon onnistuneen suunnittelun luomiseen.
Jos haluat täysin ymmärtää, miten käyttöehdot toimivat käyttöliittymäsuunnittelussa, meidän on saatava erityinen. Tehdään nyt niin, että se kattaa kuusi erilaista digitaalista käyttöliittymää, kuten eksplisiittistä, kuvioitua, piilotettua, vääriä, metaforisia ja negatiivisia edut.
Samanlainen kuin havaittavissa oleva edullisuus, eksplisiittinen edullisuus on vihjeitä, jotka on annettu kohteen kielen tai fyysisen ulkonäön kautta. Korostettu painike, joka sanoo "Klikkaa minua" on erinomainen esimerkki sekä kielestä että fyysisistä vihjeistä. Painikkeen kohotettu ulkonäkö ilmaisee mahdollisuuden napsauttaa, niin myös napsauttamalla tekstiä. Se on itsestään selvää.
Kieli on niin tärkeä osa käyttäjien ohjaamista digitaalisten rajapintojen kautta. Syöttökenttä, joka pyytää sinulta "Koko nimi", antaa nimesi kirjoittamisen siihen. Kieli tarjoaa selkeät ohjeet paitsi mitä sinun pitäisi tehdä, mutta myös mitä voit tehdä. Kirjainten kirjoittaminen, kuten nimesi, on erilainen kuin numeron syöttäminen, kuten puhelinnumerosi, ja voit kertoa, mitkä tekstit tekevät tekstin yhteydessä. On kuitenkin myös tärkeää pohtia, kuinka ilmeinen käyttöliittymä on, ilman selkeitä, täsmennettyjä ohjeita. Suunnittelun on oltava käyttökelpoista ja intuitiivista pitämättä käyttäjän käsiä kaikissa vaiheissa.
Kuviohyvyys on sopusoinnussa yleissopimuksissa. Hyvä esimerkki olisi logo, joka on verkkosivun vasemmassa yläkulmassa napsautettavissa. Se on kuvio, jota näemme kaikkialla; joten odotamme sitä kaikkialla. Tekstin, joka on erilainen väri, joskus ehkä alleviivattu tai kursivoitu, muuttumattoman tekstin, kuten kappaleen, oletetaan olevan linkki. Sähköposti on usein edustettuna kirjekuoressa, kun taas asetuksia edustaa vaihde.
Näissä esimerkeissä sähköposti ei vaadi varsinaista kirjekuorta - se ei koskaan ole - eikä asetuksia tarvitse käyttää vaihdelaatikoiden kanssa. Se on metaforinen malli, jolle olemme altistuneet pitkään, pitkään aikaan; joten siitä tuli yleissopimus.
Mallit ovat erinomaisia mielenterveyden pikavalintojen välittämiseen, mutta vain, jos käyttäjät ovat tietoisia näistä kuvioista. Uusia kuvioita tuodaan koko ajan, esimerkiksi hampurilaisvalikko on suhteellisen uusi konsepti valikoista ja navigoinnista. Kun suunnittelet uusia kuvioita mielessä, sinun on varmistettava, että käyttäjät tuntevat heidät. Mutta kun tiedät, että yleisö on aikaisemmin altistunut näille kuvioille, sinulla on kyky luoda hämmästyttäviä malleja ilman selkeää.
Piilotettu edullisuus digitaalisissa malleissa on samanlainen kuin fyysisten objektien. Digitaalisessa maailmassa todellinen hinta ei kuitenkaan ole käytettävissä, ennen kuin toiminta on paljastettu. Voit esimerkiksi katsoa, onko se aktiivinen ja siksi napsautettava. Pudotusvalikot ovat toinen esimerkki, jossa et näe valikkoa, ellet siirrä hiirtä tai napsauta emolistatyötä.
Piilotettuja kohteliaisuuksia usein käytetään yksinkertaistamaan suunnittelun visuaalista monimutkaisuutta. Pudotusvalikossa esimerkki avaa pudotusvalikkoa piilottaaksesi kaikki navigointiasetukset, koska liian monta näyttää kaikki kerralla. Jos käyttäjä haluaa navigoida jonnekin, hänen on löydettävä se pudotusvalikosta. Nyt suuri haitta piilotetuille edullisuuksille on se, että ne vaativat käyttäjää löytämään edullisuuden ja joskus antaa heille mitään vinkkejä heidän olemassaolostaan. Et tiedä mitä odottaa. Se on arvattava peli, niin sanotusti, perustuen etsimään näitä kohteliaisuuksia, kun menet.
Digitaalisessa tilassa oleva väärä myyntimenestys antaa jotain muuta, mikä on odottamatonta - kuten television valojen sijasta TV: n sijasta television kaukosäätimellä - tai mitään toimintoa. Tällainen edullisuus on koko verkossa, lähinnä sattumalta, kuten painike, joka näyttää aktiiviselta mutta ei mitään, logo, joka ei liity mihinkään, sanat "klikkaa tästä" tekstissä, jotka eivät ole ollenkaan linkki , tai punainen painike, joka tekee jotain hyvää vihreällä painikkeella, joka tekee jotain pahaa.
Väärennetty suotuisa hinta on kaikkein runsain malleissa, joissa yksityiskohdat on jäänyt, kuten rikkinäisen linkin tilanne. Väreillä on erityisiä liittoutumia niiden kanssa. Länsimaissa vihreä on hyvä, kun taas punainen on huono. Kun vaihdat kaksi, voit varmasti sekoittaa joidenkin käyttäjien, varsinkin kun painikkeet ovat vierekkäin. Tämä ei tarkoita, ettet voi tehdä sitä; mutta sinun tulisi olla varovainen, kun teet niin. Et halua mitään vääriä kohtaloita suunnittelussa, jos voit auttaa sitä. Sinun ei pitäisi yllättää tällaisia käyttäjiä.
Skeuomorfismi perustui voimakkaasti metaforisiin varauksiin, kuten jäljittelemiin todellisiin kohteisiin, kommunikoimaan. Kuvakkeet ovat ihania esimerkkejä tästä: kartta, ostoskori tai kori, koti, tulostin, video, mikrofoni, puhelin jne. Ota esimerkiksi käsite sähköpostista. Sen juuret ovat fyysisen kirjeen metaforaalissa; sen kuvake on yleensä kirjekuori. Se on hyvä esimerkki metaforisesta edullisuudesta kaikkialla. Jos suunnittelet jotain ja et ole varma miten välittää se, on aina hyvä palaa fyysiseen maailmaan ainakin inspiraation ja lähtökohdan mukaan.
Nyt sinun ei tarvitse mennä ylhäältä kuin Applen vanhoja malleja, joissa heidän pelisovelluksilleen tekivät taustan vihreällä biljardipöydällä. Mutta, vertaa tätä nykyiseen Pelit-sovelluskuvakkeeseen, joka on vain muutamia kuplia. Mitä heillä on pelejä? En tiedä, metafora ei ole enää siellä. Riippumatta siitä, onko tämä hyvä vai ei, on sinun tehtäväsi päättää. Olipa metafora tarvitsee sinut suunnitelmassasi tai ei, se riippuu sinulle.
Negatiivisen kohteliaisuuden voidaan ajatella osoittavan nimenomaan mitään edullisuutta; se on, kun sinulla on passiivinen painike tai painike, joka näyttää toimimattomalta. Yleisin ilmentymä tästä on, kun painike tai linkki näkyy harmaana. Nyt tässä on hankala osa: se ei ole, että yrität erityisesti kertoa käyttäjälle, että et voi käyttää tätä painiketta - vaikka se voisi olla - mutta että näppäin näyttää, että et voi käyttää sitä, vaikka itse asiassa voit.
On olemassa tiettyjä tapauksia, joissa haluaisit selvästi ilmoittaa, ettet voinut tehdä jotain. Jos esimerkiksi käyttäjä täyttää lomakkeen ja ei ole vielä täyttänyt kaikkea, painikkeen tila voi näyttää toimettomana, koska et halua jatkaa sitä. Mutta jos painike näyttää toimimattomalta, mutta on aktiivinen, niin se on yksinkertaisesti huono muotoilu. Ole varovainen tämän kanssa.