Luominen ja käytettävyys
Kun kyseessä on todella intuitiivinen, reagoiva ja johdonmukainen verkkosivusto, joka on myös ainutlaatuinen ja mielenkiintoinen, usein tuntuu, että on vaikea sovittaa yhteen kaksi painopistealuetta. Itse asiassa mikään ei ole kauempana totuudesta: on olemassa vain muutamia perusideoita, joita on käytettävä, jotta voit helposti tehdä parhaita valintoja malleissasi.
Kaikkein tärkein näistä käsitteistä on se, että kauniita, käyttökelpoisia malleja ei ole vaikea tehdä, kun UX: lle annetaan etusija, ja malli on mukautettu sopivaksi. Loppujen lopuksi käyttäjäkokemuksen luonteesta riippuu, että on olemassa tiettyjä joustamattomia sääntöjä, kun taas muotoilu on lähes loputon joustava. Kun olet oppinut tapoja ja keinoja, joiden avulla sinun pitäisi sopeuttaa malleja, sinun pitäisi olla hyvin matkalla kohti taistelua rauhansopimukseen.
Odottaa käyttäjän virhe; vähentää käyttäjän ärsytystä
Pitäkää aina, mitä tapahtuu, jos käyttäjä menettää verkkosivustosi. Virheilmoitukset ei pidä peittää teknisellä kielellä, vaan sen pitäisi antaa selitys siitä, mitä asiaa voisi olla, ja tapauksen mukaan, mihin heidän pitäisi mennä saadakseen apua. Tasapainottaa nämä näkökohdat, mitä parannetaan loppuun. Riippumatta siitä, kuinka kaunis sivusto voi olla, jos se kestää liian kauan, se ei ole vaivan arvoista. Asiantuntijat sanovat, että jos verkkosivun lataaminen kestää yli 3 sekuntia, sitä on yksinkertaistettava.
Säilytä lomakkeet mahdollisimman lyhyinä ja häiritsemättä; jos tiedot eivät ole tarpeellisia, älä pyydä sitä. Jos et vielä ole, harkitse tarjoamalla valinnaista kirjautumista Facebookin tai Twitterin kautta. sivustot, jotka tarjoavat tämän usein löytää muuntokurssit nousevat, koska käyttäjä löytää sen helpompaa, ja siksi on todennäköisempää, että aikaa rekisteröityä. Varmista lisäksi, että muilla sivuillasi on integroitu sosiaalisen median läsnäolo, joka ei ole ristiriidassa tai ylivoimaisen muotoilun kanssa, mutta on myös helposti tunnistettavissa, kuten Toimi Play verkkosivusto. Tällaiset pienet lisäykset tuovat yhteen käyttökokemuksen kumulatiivinen virtaviivaistaminen.
Tätä varten on tärkeää pitää mielessä muutamia standardeja, joiden pitäisi pysyä melko yhdenmukaisina kaikentyyppisissä verkkosivustoissa.
Ylläpitää web-standardeja
Jotkut sivuston yhteiset elementit, kuten alatunnisteen linkit tai hakupalkki, voivat aktiivisesti kärsiä liiallisesta luovuudesta. Vaikka monissa näistä elementeistä on tilaa omaperäisyydelle, on tärkeää säilyttää ne enemmän tai vähemmän samanmuotoisina kuin kaikilla muilla sivustoilla, koska ne ovat riittävän läsnä, jotta käyttäjät voisivat odottaa, että ne esitetään tietyllä tavalla . Noudata näitä ohjeita:
- Varmista, että napsautettavat alueet ovat välittömästi tunnistettavissa (kuten linkit päällä tämä sivusto ) ja ovat riittävän suuria aktivoimaan helposti;
- Tekstin lohkot hajotetaan kuvilla ja muilla visuaalisilla stimulaatioilla;
- Käyttää korppujauho kun sovellettavissa;
- Yritä välttää samaa artikkelia tai tuotehakuja useilla sivuilla;
- Saat yhteystiedot, usein kysytyt kysymykset, hakupalkin ja muita vakiotoimintoja, joita on helppo löytää ja käyttää.
Siitä huolimatta Grip Limitedin sivusto on silmiinpistävää ja jännittävää, se on myös uskomattoman sekava. Vaikka selitetään, miten sarakkeita vedetään sisällön paljastamiseksi, se menetetään toisen typografian sekaannuksessa. Perinteinen valikko on käytettävissä, mutta vain jos vakoile pieni pudotus. Se on niin cool sivuston suunnittelu, että jotkut käyttäjät eivät välitä siitä, kuinka vaikeaa on käyttää, mutta monet muut jätetään pois. Mutta jos sivusto sisällytti edellä esitetyt ehdotukset sen suunnitteluun, se voisi silti säilyttää viileän tekijänsä ja antaa hyvän UX: n.
Esimerkiksi vaikka Comic Soda sivuston muut suunnitteluelementit ovat melko häiritsevää, käyttäjä voi helposti löytää hakupalkin; sen merkintä ja sijainti ovat riittävän selkeät, jotta sekaannus minimoidaan. Nämä pienet huomautukset käyttäjien sekaannukseen tekevät kaiken eron.
Mistä piirtää linja
On olemassa muita UX-sääntöjä, joita voidaan taivuttaa, muttei rikki. Mutta mihin aikaan suunnittelija menee liian pitkälle? Navigointielementit ovat hyvä esimerkki työskennellä, sillä jokainen sivusto on jonkinlainen niistä. Yleensä heidät järjestetään kahdella tavalla:
- vaakasuunnassa sivun yläosassa; tämä mahdollistaa tilava etsiä lyhyitä luetteloita;
- pystysuoraan sivun vasemmalla puolella; tämä järjestely voi sisältää pidempiä luetteloita.
Mutta on muita tyylejä ja navigointijärjestelmiä, jotka toimivat, jos niitä käytetään huolellisesti ja huomaavasti. Esimerkiksi, tämä salkun sivusto on navigointi lista, joka vie suurimman osan sivusta ja jokainen sana on osittain peitetty. Lisäksi elementit eivät pysy paikallaan; ne pudota alas ja erilliset näyttämään sisällön kussakin osassa. Kaikki nämä kukoistukset saattavat olla yhdistetty muodostamaan hämmentävä järjestelmä, joka nopeuttaisi nopeasti käyttäjää. Suunnittelu ei kuitenkaan ole ongelmallinen, koska se on yksinkertainen; sanat ovat edelleen luettavissa; pudotuksissa on niin pieni määrä tietoja, että loput navigaatioluettelosta ei ole vaarassa kadota. Kaiken kaikkiaan se on uskomattoman erilaista järjestelmää, joka vältti ongelmattomaksi.
Rivin toisella puolella on käsite, johon on viitattu nimellä mysteeri liha navigointi, jossa suunnittelun esteettiset näkökohdat tuhoavat täysin käytettävyyden. Jos kyseessä on FlatPak-verkkosivusto, navigointi on siirrettävä lukemaan, mitä se viittaa; kauhea käytettävyysominaisuus, jota ei tule koskaan emuloida.
Perehdyttäminen ja toiminnallisuus
Monilla tavoin nykyisen verkkosuunnittelun todellinen taistelu näyttää olevan tuoreiden uusien ideoiden välillä, jotka tekevät vähemmän intuitiivisesta vuorovaikutuksesta ja vanhanaikaisista käytännöistä, jotka eivät ehkä ole paras ratkaisu, vaan ovat, mitä käyttäjät ovat tottuneet. Esimerkki tästä ongelmasta syntyy usein, kun harkitset skeomomorfista muotoilua; joka on tyyli, joka jäljittelee erään toisen välineen edeltäjää.
Tällainen muotoilu tapahtuu koko ajan Webissä, työpöytälaskimestasi, joka näyttää ja toimii kuten sen todellinen vastaus, verkkosivuston painikkeisiin, joilla on realistinen pudotusvalon ja viisteen vaikutus. Järkevää on tietty asia, koska näiden mallien tuntemus tekee käyttäjistä heti miellyttävän käyttää niitä. Ne eivät kuitenkaan välttämättä ole paras ratkaisu, koska ne ovat uskomattoman rajoittavia.
Näiden kahden prioriteetin välistä ristiriitaa voidaan kuvata Applen realistisella "sivukäännösteknologialla", jota käytetään digitaaliseen lukemiseen. Se on houkutteleva idea, koska se tekee kokemuksesta hieman enemmän kuin fyysisten, paperisivujen kääntämisen, jotain, jota käyttäjät löytävät lohdullisesti tuttu. Kuitenkin siitä huolimatta naurettavaa pituutta yritys meni tämän vaikutuksen luomiseksi, se heikentää käyttökokemusta. Se kestää murto-osan kauemmin kuormittavaksi, ja sivulle kimmely on vaikeampi liike, joka suorittaa yksinkertaisen työn; vaivalloinen liike saattaa lähettää käyttäjän väärin.
Käytä selkeä konversiosuppilo
Jos työskentelet monimutkaisella verkkosivustolla, jossa on monia navigointipolkuja, on erittäin tärkeää antaa käyttäjälle mahdollisuus liikkua loogisesti sivuston kautta ja pitää heidät ajan tasalla siitä, missä he ovat sivustokartassa kokonaisuutena. Tämä on paikka, jossa leipäpullot ja muut navigointilaitteet tulevat kätevästi. Pelättyjä purppuran oletuslinkkejä ei tarvitse käyttää osoittamaan käyttäjää, jota he ovat jo käyneet; on paljon muita houkuttelevampia ratkaisuja, joilla on sama vaikutus.
Verkkokauppasivustot ovat yleensä niitä, jotka saavat synkätyt konversiosuppilot, mutta siellä on paljon hyviä esimerkkejä kauniisti suunnitelluista UX-optimoiduista verkkokaupoista. Ota esimerkiksi Hedelmien hedelmä sivusto, jolla on puhdas, ystävällinen käyttöliittymä, joka on edelleen loogisesti rakennettu. Se ei ole edes räätälöity ja monimutkainen tausta-kehityksen tulos; sivusto luotiin yksinkertaisella tavalla Amazon verkkokauppasovellus, että kaikki pienyritykset pystyisivät hyödyntämään.
Mahdollistaa skannauksen ja lisää visuaalista kiinnostusta
Muista, että ihmiset lukevat verkkosivuja eri tavalla kuin tulostusmateriaali. Silmän seurantaopinnot näyttävät, että verkon käyttäjät käyttävät koko sivua (ensin keskittyen sisältöön vasemmassa yläkulmassa) ja etsivät silmiinpistäviä elementtejä, kuten otsikoita, vetoketjuja tai kuvia. Sitten ne kaivautuvat osioihin, jotka näyttävät mielenkiintoisilta. On tärkeää kehittää tällainen ajattelutapa ja varmistaa, että käytät visuaalista hierarkiaa, joka ohjaa käyttäjää, johon haluat heidän siirtyvän.
Thrive Solo blog Thrive Solo -blogi on runsaasti sisältöä, mutta se säilyttää tilava ja mielenkiintoinen ulkoasu käyttämällä paljon valkoista tilaa, suuria kuvia, kuvakkeita ja monipuolisia kirjasimia. Suuret, keskitetyt otsikot ovat erityisen hyödyllisiä katsojien skannaamiseen.
Lähtökohtana
Vaikka sivuston estetiikka luo ensimmäisen vaikutelman, toiminnallisuus antaa käyttäjälle pysyvän kokemuksen, jonka toivottavasti hän haluaa palata. Ei ole olemassa tilannetta, jossa suunnittelun ja toimivuuden näkökulmia ei voida sovittaa yhteen; Itse asiassa näiden kahden prioriteetin välinen vuorovaikutus johtaa kaikkien parhaiden ja mieleenpainuvimpien sivustojen luomiseen verkossa.
Kosketteko koskaan estetiikan käytettävyyttä? Voiko muotoilu olla hyvä ilman käytettävyyttä? Kerro meille mielipiteesi kommentteihin.
Esitetty kuva / pikkukuva, toiminnallinen kuva kautta Shutterstock.