\n Voit luoda maailman r\u00e4j\u00e4ht\u00e4vimm\u00e4n designin, eik\u00e4 se onnistu, jos se ei tyydyt\u00e4 k\u00e4ytett\u00e4vyytt\u00e4.\n<\/p>\n
\n Kaikki hammastikusta kaupalliseen lentokoneeseen vaatii k\u00e4ytett\u00e4vyytt\u00e4 toimiakseen ja myyd\u00e4kseen tai muuten sen muotoilu on tuhoon tuomittu. Samoin verkkomaailmassa termi nimelt\u00e4 UX tulee k\u00e4ytt\u00f6\u00f6n, kun verkkosivustoa k\u00e4ytet\u00e4\u00e4n ja arvostetaan.\n<\/p>\n
\n UX on lyhenne sanoista k\u00e4ytt\u00f6kokemus, jonka web-k\u00e4ytt\u00e4j\u00e4 hankkii surffaillessaan verkkosivustolla ja vuorovaikutuksessa sen elementtien ja ominaisuuksien kanssa. Jos kokemus on katkonainen ja huonosti haettu, niin verkkosivusto ei ole mit\u00e4\u00e4n, koska kelluu roskia Internetiss\u00e4, josta kukaan ei v\u00e4lit\u00e4. UX voi yksin p\u00e4\u00e4tt\u00e4\u00e4, voidaanko verkkosivustoa k\u00e4ytt\u00e4\u00e4 vai myyd\u00e4, joten sen huomioiminen on v\u00e4ltt\u00e4m\u00e4t\u00f6nt\u00e4 suunnittelijalle. T\u00e4ss\u00e4 artikkelissa jaamme 10 k\u00e4ytett\u00e4vyytt\u00e4 koskevaa p\u00e4\u00e4s\u00e4\u00e4nt\u00f6\u00e4, jotka jokaisen web-suunnittelijan on tiedett\u00e4v\u00e4 ennen verkkosivuston viemist\u00e4 sen viimeiseen valmistumisvaiheeseen.\n<\/p>\n
\n UX:n ja k\u00e4ytt\u00f6liittym\u00e4n v\u00e4lille on vedetty hieno viiva. Vaikka olisit tietoinen erosta, saatat kuulla sen jossain vaiheessa asiakkaalta, mutta kun sen aika koittaa, sinun on kyett\u00e4v\u00e4 selitt\u00e4m\u00e4\u00e4n ero parhaalla mahdollisella tavalla. K\u00e4ytt\u00f6liittym\u00e4 m\u00e4\u00e4ritell\u00e4\u00e4n todelliseksi j\u00e4rjestelm\u00e4ksi, kun taas k\u00e4ytt\u00e4j\u00e4kokemus m\u00e4\u00e4ritell\u00e4\u00e4n tunnetulokseksi vuorovaikutuksessa j\u00e4rjestelm\u00e4n kanssa.\n<\/p>\n
\n Microsoft Windows on k\u00e4ytt\u00f6liittym\u00e4, kun taas emotionaalinen tyytyv\u00e4isyys sen k\u00e4yt\u00f6n j\u00e4lkeen on UX. Kahden termin sekoittaminen voi paitsi vahingoittaa omaa ty\u00f6t\u00e4si, my\u00f6s ylikuormittaa sinut jollakin, joka ei ole t\u00e4ysin sinun teht\u00e4v\u00e4si.\n<\/p>\n
\n Hyv\u00e4 suunnittelija ei vain tied\u00e4 eron, vaan osaa my\u00f6s selitt\u00e4\u00e4 sen asiakkaalle ehdottaessaan ty\u00f6ns\u00e4 esittely\u00e4.\n<\/p>\n
\n Web-suunnittelu on enemm\u00e4n kuin n\u00e4kee. Kaikkeen alkaen visuaalisista yksityiskohdista, k\u00e4ytt\u00e4mist\u00e4si tuotteista ja paikoista, joissa k\u00e4yt, on UX kirjoitettu. Roskaisella autolla ajaminen on huono kokemus, kun taas pakatun laatikon avaaminen helposti on hyv\u00e4. Offline UX -markkinointi saattaa tuntua erilaiselta mekolta, mutta se on alun perin leikattu samasta kankaasta. Vaikka se ei ole t\u00e4ysin sama eik\u00e4 sit\u00e4 voi perustella muutamalla esimerkill\u00e4, UX-kokemus materiaalisilla ja aineettomilla alustoilla tuottaa samoja hormoneja aivoissasi. Esimerkiksi joku havaitsi, ett\u00e4 ihmiset priorisoivat tietoa vasemmalta oikealle ja ett\u00e4 vasemmalla olevat elementit viev\u00e4t v\u00e4hemm\u00e4n pystysuoraa tilaa ja niill\u00e4 on yht\u00e4 suuri visuaalinen paino.\n<\/p>\n
\n Vuoden 2000 aikana trendi alkoi muuttua ja web-suunnittelijat alkoivat sijoittaa navigointipalkkeja verkkosivun vasempaan paneeliin. T\u00e4m\u00e4n ansiosta k\u00e4ytt\u00e4j\u00e4t voivat skannata sis\u00e4lt\u00f6\u00e4 nopeammin ja paremmin, samalla kun verkkosivuston sis\u00e4lt\u00f6 n\u00e4kyi paremmin. Verkkosuunnittelijana voit harjoitella mielt\u00e4si ja laajentaa tiet\u00e4myst\u00e4si arvioidaksesi ja tuottaaksesi projekteja el\u00e4v\u00e4mm\u00e4st\u00e4 n\u00e4k\u00f6kulmasta.\n<\/p>\n
\n Taide ja tiede kulkevat k\u00e4si k\u00e4dess\u00e4 UX:n suhteen. Hienostunut ymm\u00e4rrys heid\u00e4n siteist\u00e4\u00e4n on v\u00e4ltt\u00e4m\u00e4t\u00f6nt\u00e4 erityisesti suunnitteluprosessin aikana. Tieteellisesti on olemassa ongelma-ratkaisuskenaario, jossa suunnittelijan on laadittava tiekartta ja ratkaistava ongelmat teoreettisella ratkaisulla. Esimerkiksi verkkosivustolla on alhainen myynti. Suunnittelija ehdottaa verkkosivuston p\u00e4ivitt\u00e4mist\u00e4, testaamista ja vianetsint\u00e4\u00e4, josta muodostuu ratkaisu. T\u00e4ss\u00e4 taide astuu sis\u00e4\u00e4n.\n<\/p>\n
\n Ratkaisussa ehdotetaan kaikkia n\u00e4k\u00f6kohtia ja elementtej\u00e4, kuten v\u00e4rej\u00e4, kirjasintyyppej\u00e4, ulkoasua, teksti\u00e4 ja visuaalista sis\u00e4lt\u00f6\u00e4, jotta sivustosta tulee houkutteleva sek\u00e4 esteettisesti ett\u00e4 toiminnallisesti. Sit\u00e4 testataan lis\u00e4\u00e4, kunnes se onnistuu her\u00e4tt\u00e4m\u00e4\u00e4n k\u00e4ytt\u00e4j\u00e4lt\u00e4 halutun tunnereaktion. T\u00e4m\u00e4 ulosp\u00e4in suuntautuvan k\u00e4ytt\u00e4ytymisen kanavointi tieteellisen toteutuksen kautta tekee taiteesta ja tieteest\u00e4 oudon mutta voimakkaan parin.\n<\/p>\n
\n Ei ole mik\u00e4\u00e4n salaisuus, ett\u00e4 suunnittelijat k\u00e4sittelev\u00e4t asiakkaita, jotka haluavat asioiden kulkevan kirjojensa mukaan. T\u00e4m\u00e4 luo sokkelon, joka ei johda mihink\u00e4\u00e4n, koska monia asioita asiakas ei tied\u00e4, joista vain suunnittelija tiet\u00e4\u00e4. Samoin suunnittelijat ovat joskus taipuvaisia \u200b\u200btekem\u00e4\u00e4n asioita omalla tavallaan, kun taas muut menetelm\u00e4t ovat my\u00f6s p\u00f6yd\u00e4ll\u00e4 ja saattavat toimia paremmin.\n<\/p>\n
\n Yksimielisen l\u00e4hestymistavan s\u00e4ilytt\u00e4minen sellaisenaan ei ole koskaan terveellist\u00e4 suunniteltaessa UX-rikasta web-suunnittelua. Hyv\u00e4 k\u00e4ytt\u00f6kokemus on saavutettavissa vain tavoitteellisella l\u00e4hestymistavalla, joka keskittyy parhaaseen saatavilla olevaan ratkaisuun. Asiakas haluaa esimerkiksi siirt\u00e4\u00e4 asiakaskertomusten linkin sivun yl\u00e4reunaan saadakseen lis\u00e4\u00e4 n\u00e4kyvyytt\u00e4 ja houkutellakseen lis\u00e4\u00e4 liikennett\u00e4. Ongelma ei kuitenkaan ole linkin sijoittelussa, vaan itse sijaintilinkiss\u00e4, koska se ei houkuttele liikennett\u00e4. N\u00e4in ollen voit my\u00f6s korjata linkin tekem\u00e4ll\u00e4 sen n\u00e4kyv\u00e4mm\u00e4ksi oikeassa paikassa sen sijaan, ett\u00e4 siirr\u00e4t sen uuteen paikkaan. Molempia ratkaisuja voidaan k\u00e4ytt\u00e4\u00e4 ongelman ratkaisemiseen, ja sinun on pidett\u00e4v\u00e4 vaihtoehto avoinna. T\u00e4t\u00e4 kutsutaan tavoitel\u00e4ht\u00f6iseksi suunnitteluksi.\n<\/p>\n
\n Br\u00e4ndi-identiteetti on yksi t\u00e4rkeimmist\u00e4 tavoitteista erinomaisen k\u00e4ytt\u00f6kokemuksen rakentamisen takana. Jos UX tekee j\u00e4lkens\u00e4 k\u00e4ytt\u00e4jien tyydytt\u00e4misess\u00e4, se heijastelee paljon br\u00e4ndi\u00e4 kohtaan, joka teki t\u00e4m\u00e4n kokemuksen mahdolliseksi. On t\u00e4rke\u00e4\u00e4, ettet joutuisi h\u00e4iritsem\u00e4\u00e4n asiakkaan mieltymysten mukaista ilmett\u00e4. Hyv\u00e4 muotoilu, jossa on oltava oikea sekoitus toimintoja ja ominaisuuksia, jotka eiv\u00e4t ainoastaan \u200b\u200btee k\u00e4ytt\u00e4j\u00e4kokemuksesta herkkua, vaan my\u00f6s yksityiskohtaisesti sijoituksista, joita br\u00e4ndi on tehnyt menesty\u00e4kseen. T\u00e4m\u00e4 p\u00e4\u00e4tt\u00e4\u00e4, vieraileeko k\u00e4ytt\u00e4j\u00e4 verkkosivustolla uudelleen.\n<\/p>\n
\n Varmistaaksesi, ett\u00e4 asiakkaan n\u00e4k\u00f6kulma on juurtunut suunnitteluun, kerro h\u00e4nelle jokaisesta siirrosta ja tee tarvittavat muutokset, jotka voidaan sis\u00e4llytt\u00e4\u00e4 suunnitteluun. On my\u00f6s t\u00e4rke\u00e4\u00e4, ett\u00e4 otat huomioon laajemman kuvan asiakasasetuksia lis\u00e4tt\u00e4ess\u00e4, jotta k\u00e4ytt\u00f6kokemus ei vaikuta prosessissa.\n<\/p>\n
\n \u00c4l\u00e4 koskaan joudu oman mielikuvituksesi uhriksi. Koska sinulla on jonkin verran luovaa vapautta verkkosivustoa suunniteltaessa, on t\u00e4rke\u00e4\u00e4, ett\u00e4 et k\u00e4yt\u00e4 sit\u00e4 v\u00e4\u00e4rin. T\u00e4ss\u00e4 nimenomaisessa tapauksessa sinulla on asiakkaan ohjeet ja mieltymyksesi syv\u00e4ll\u00e4, mutta unohdit k\u00e4ytt\u00e4j\u00e4n n\u00e4k\u00f6kulman kokonaan. Suunnittelijana on t\u00e4rke\u00e4\u00e4, ett\u00e4 et koskaan anna mielikuvituksesi syrj\u00e4ytt\u00e4\u00e4 sinua saavuttamasta sit\u00e4, mit\u00e4 asiakas ja k\u00e4ytt\u00e4j\u00e4 haluavat. K\u00e4ytt\u00e4j\u00e4l\u00e4ht\u00f6isell\u00e4 suunnittelulla on parhaat mahdollisuudet tuottaa voittoisa k\u00e4ytt\u00f6kokemus kuin mill\u00e4\u00e4n muulla l\u00e4hestymistavalla.\n<\/p>\n
\n Varmista, ett\u00e4 olet oikeilla j\u00e4ljill\u00e4, tutkimalla oman suunnittelusi k\u00e4ytt\u00e4ji\u00e4 ja tutustumalla heid\u00e4n tarpeisiinsa ja toiveihisi omassa suunnittelussasi. Ennen kuin olet valmis k\u00e4ynnist\u00e4m\u00e4\u00e4n sen, varmista A\/B-testauksella, t\u00e4ytt\u00e4\u00e4k\u00f6 mallisi vaatimukset. Muista, ett\u00e4 k\u00e4ytt\u00e4j\u00e4n tarpeet ovat t\u00e4rke\u00e4mpi\u00e4 kuin sinun henkil\u00f6kohtainen panoksesi, koska lopulta he k\u00e4ytt\u00e4v\u00e4t sit\u00e4.\n<\/p>\n
\n K\u00e4ytt\u00e4ytymislaukaisimet perustuvat ihmisen psykologiaan, joka stimuloi k\u00e4ytt\u00e4j\u00e4n emotionaalista vastausta. Hyv\u00e4t suunnittelijat osaavat arvioida laadullisesti k\u00e4ytt\u00e4j\u00e4n ajattelutapaa ja muodostaa emotionaalisen yhteyden sis\u00e4lt\u00f6\u00f6n. N\u00e4m\u00e4 tunneyhteydet ovat v\u00e4ltt\u00e4m\u00e4tt\u00f6mi\u00e4 eloisan k\u00e4ytt\u00f6kokemuksen tuottamisessa web-suunnittelussa. Ota esimerkiksi ilmoitukset. Olet saattanut kokea \u00e4rsytt\u00e4v\u00e4n ponnahdusikkunan ilmoitusominaisuuden, joka l\u00e4hett\u00e4\u00e4 sinut pois verkkosivustolta, joka paiskaa oven pois matkallasi. Vaikka se on osittain asiakkaan eduksi ja samalla varmistaa konversiot j\u00e4lleenmyyj\u00e4lle, sen n\u00e4ytt\u00e4minen heti asiakkaan p\u00e4\u00e4tytty\u00e4 verkkosivustolle on kauhea idea.\n<\/p>\n
\n Kuvittele itsesi saapuvasi toimistollesi ja sinua k\u00e4sket\u00e4\u00e4n tekem\u00e4\u00e4n kotity\u00f6si ilman henke\u00e4 hengitt\u00e4mist\u00e4 tai l\u00e4mpim\u00e4st\u00e4 kahvikupista. Ajoitus on t\u00e4ss\u00e4 ratkaiseva tekij\u00e4. Jos tunnet ihmisen psyyken, et koskaan aloita ponnahdusikkunasta, joka peitt\u00e4\u00e4 yli puolet n\u00e4yt\u00f6st\u00e4. Sen sijaan voit odottaa, ett\u00e4 vierailija lukee sis\u00e4ll\u00f6n ja aloittaa sitten pitchill\u00e4si. N\u00e4in sama ilmoitus vastaanotetaan avosylin, koska nyt k\u00e4ytt\u00e4j\u00e4 voi itse asiassa s\u00e4\u00e4st\u00e4\u00e4 aikaa osallistumiseen. UX on vahvasti riippuvainen kuluttajan psyykest\u00e4, ja siksi sinun on integroitava terve annos k\u00e4ytt\u00e4ytymiseen liittyvi\u00e4 laukaisimia, mutta on oltava varovainen siell\u00e4, miss\u00e4 sit\u00e4 tarvitaan.\n<\/p>\n
\n Vieritys toimii kuin taikuutta, jos minulta kysyt\u00e4\u00e4n. Se l\u00e4hett\u00e4\u00e4 tietoa etsiv\u00e4n k\u00e4ytt\u00e4j\u00e4n syvemm\u00e4lle sivustolle ja laajentaa heid\u00e4n mahdollisuuksiaan konvertoida. Luultavasti siksi useimmat suunnittelijat sijoittavat toimintakehotteensa sivun alareunaan, jossa vieritys p\u00e4\u00e4ttyy.\n<\/p>\n
\n Jopa ”rakkaus ensisilm\u00e4yksell\u00e4” -l\u00e4hestymistapa voi edist\u00e4\u00e4 vierityst\u00e4, jolloin sivun yl\u00e4reunassa n\u00e4kyy toimintakehotuksia. Voit optimoida t\u00e4llaiset sivut ottamalla k\u00e4ytt\u00f6\u00f6n vieritysvihjeit\u00e4. Vieritysvihjeet voivat vaihdella nuolihuokauksista kiehtoviin graafisiin elementteihin. Esimerkiksi Nuolia voidaan k\u00e4ytt\u00e4\u00e4 osoittamaan ohjeita seuraavalle sis\u00e4ll\u00f6lle, kun taas graafiset elementit voivat vied\u00e4 k\u00e4ytt\u00e4j\u00e4n suoraan seuraavaan diaan, kun he ovat vuorovaikutuksessa sen kanssa.\n<\/p>\n
\n Kun julkaiset sis\u00e4lt\u00f6si Internetiin, sinun on odotettava, ett\u00e4 se tapaa ihmisi\u00e4 erilaisista taustoista. Kaikki eiv\u00e4t jaa n\u00e4kemyksi\u00e4si sill\u00e4 tavalla kuin aiot ehdottaa niit\u00e4. T\u00e4st\u00e4 syyst\u00e4 sis\u00e4lt\u00f6si tulee olla imeytyv\u00e4\u00e4, jotta k\u00e4ytt\u00e4j\u00e4 ei tarvitse ylim\u00e4\u00e4r\u00e4ist\u00e4 vaivaa ymm\u00e4rt\u00e4\u00e4kseen, mit\u00e4 tarjoat heille. Jos sis\u00e4lt\u00f6 on sulavaa, k\u00e4ytt\u00e4j\u00e4 konvertoi nopeammin.\n<\/p>\n
\n Anna heille yksi purema kerrallaan. Kaiken tarjoamasi n\u00e4ytt\u00e4minen yhdelt\u00e4 istumalta ei vain h\u00e4mment\u00e4\u00e4 k\u00e4ytt\u00e4j\u00e4\u00e4, vaan my\u00f6s heijastaa ep\u00e4toivoa puolisosi. Varmistaaksesi, ett\u00e4 mallisi on hengitt\u00e4v\u00e4 ja helppo omaksua, k\u00e4yt\u00e4 runsaasti valkoista v\u00e4lyst\u00e4 elementtien ymp\u00e4rill\u00e4, jotta ne on helppo erottaa. Luo my\u00f6s kaikenlaiselle yleis\u00f6lle ymm\u00e4rrett\u00e4v\u00e4\u00e4 sis\u00e4lt\u00f6\u00e4 esimerkein ja omilla kertomuksillasi. N\u00e4yt\u00e4 itsesi heid\u00e4n yst\u00e4v\u00e4ns\u00e4, ei liikemiehen\u00e4.\n<\/p>\n
\n Sivuelementit ovat olennainen osa verkkosuunnittelua. Ne suorittavat keskeisi\u00e4 toimintoja k\u00e4ytt\u00e4jille ja yll\u00e4pit\u00e4v\u00e4t emotionaalista harmoniaa UX:ss\u00e4. Tarpeettomien sivuelementtien lis\u00e4\u00e4minen voi kuitenkin olla vaarallista verkkosivustollesi ja my\u00f6s k\u00e4ytt\u00e4j\u00e4lle.\n<\/p>\n
\n Sivuelementit, kuten CTA, jossa on useita komentoja yhden sijasta, kuva, joka h\u00e4iritsee tarpeeksi vet\u00e4\u00e4kseen katseen pois aiheesta, tai tekstinpala keskell\u00e4 sivua, joka johtaa asiakasta harhaan. N\u00e4iden elementtien lis\u00e4\u00e4minen turhaan vaikuttaa verkkosuunnittelun uskottavuuteen ja hidastaa sen latausnopeutta. Esimerkiksi HD-kuvat voivat olla viivetehtaita verkkosivuillesi. Ne vaativat paljon kaistanleveytt\u00e4 ja viev\u00e4t ihanteellisen latausajan muunnosyst\u00e4v\u00e4lliselle verkkosivustolle. Hidas latautuva verkkosivusto on viimeinen asia, jonka haluat verkkosivustosi k\u00e4ytt\u00f6kokemuksessa.\n<\/p>\n
\n Verkkosuunnittelijana sinun on otettava kaikki elementit, n\u00e4k\u00f6kohdat ja l\u00e4hestymistavat yht\u00e4l\u00f6\u00f6n. Tavoitteenasi on tuottaa suunnittelu, joka ei vain voita asiakkaita, vaan tarjoaa my\u00f6s tyydytt\u00e4v\u00e4n k\u00e4ytt\u00f6kokemuksen. N\u00e4iden 10 peruss\u00e4\u00e4nn\u00f6n avulla luot ihanteellisen web-suunnittelun, joka huolehtii k\u00e4ytett\u00e4vyydest\u00e4 kaikista mahdollisista n\u00e4k\u00f6kulmista.\n<\/p>\n<\/p>\n