17 UI-suunnitteluvirheet, jotka estävät verkkosivustosi

Hyvin suunniteltu käyttöliittymä voi tarkoittaa paljon verkkosivustolle. Kaikkien uusimpien ominaisuuksien ja reagoivan suunnittelun, joka on yhteensopiva selainten kanssa, parannus verkkosivuston hakukoneiden sijoitukseen, mikä johtaa yleisön kasvuun. Kuitenkin, kun projekti on valtava, kehittäjät eivät usein noudata parhaita käyttöliittymäkäytäntöjä. Siten tuloksena on verkkosivusto, jossa jokin tärkeä toiminnallisuus ei toimi, tai sivusto, jossa selainten välistä testausta ei suoriteta kokonaan. Tässä keskustellaan 17 syystä, jotka johtavat sivuston käyttöliittymäsuunnitteluvirheisiin, ja tietyistä käyttöliittymäsuunnitteluvihjeistä näiden epäkohtien välttämiseksi.

1. Hienovarainen myynti on taiteen muotoa - sellaista, jota on vaikea hallita

Vakuuttava muotoilu on UX-maailman viimeisin trendi, joka kiinnostaa loppukäyttäjää ajattelemaan seuraavaksi ja pakottaa hänet navigoimaan edelleen verkkosivustolla. Annamme sinulle tärkeän käyttöliittymäsuunnitteluvihjeen. Älä koskaan käytä tätä strategiaa liikaa. Jos loppukäyttäjä ärsyyntyy, hän ei ajattele kahdesti ennen siirtymistä toiselle sivustolle.

2. Värimaailma tekee kaikki erot

Suunnitteleessasi verkkosivustosi suunnittelua, käytä oikeaa värikoodia fontteille, otsikoille ja taustalle. Tutki väriteoriaa oikein saadaksesi selville, mikä väri näyttää hyvältä millä taustalla. Asiantuntijoiden käyttöliittymäsuunnitteluvihjeiden mukaan hyvin koordinoitu värisuunnittelu toimii paremmin asiakkaan houkuttelemisessa kuin animaatioiden käyttämisessä. Tässä on yksi esimerkkejä mahtavasta värivalinnasta. Voit viitata lähteeseen trendikkämpiin verkkoväripaletteihin.

3. Silmiinpistävät salamaelementit

Äskettäisissä käyttöliittymäsuunnitteluvihjeissä todetaan, että yksinkertaistetut elementit houkuttelevat käyttäjää enemmän kuin houkuttelevia värejä ja painikkeita. Erityisesti Flash-elementtien käyttöä on vältettävä, koska niitä ei tueta monissa selaimissa, mikä johtaa epäonnistumiseen selainten välisessä testauksessa.

4. Ei-reagoiva web-suunnittelu

Nykyään kaikki organisaatiot seuraavat mobiilia ensimmäistä lähestymistapaa. On ihanteellista, että sinun on ajateltava samankaltaisesti kilpailijoitasi ja kehitettävä verkkosivusto, joka noudattaa reagoivaan suunnitteluun liittyviä parhaita käyttöliittymäkäytäntöjä, toimii oikein kaikissa laitteissa ilman horisontaalista vieritystä ja on läpäissyt kaikki selainten väliset testausstrategiat sekä mobiililaitteille että työpöydälle. selaimet.

5. Verkkosivusto ei ole ristiinselaimessa yhteensopiva

Nykyään, kun Internetissä on saatavana niin paljon selaimia, joiden käyttöosuus vaihtelee eri kohderyhmien ja laitteiden välillä, annamme sinulle yhden parhaista käyttöliittymäsuunnitteluvihjeistä ennen verkkosivustosi julkaisemista. Suorita asianmukainen selainten välinen testaus ja varmista, että verkkosivustosi toimii oikein kaikilla kohdennetuilla selaimilla. Tässä on esimerkki div: sta, joka näyttää erilaiselta jokaisessa selaimessa.

Yllä oleva kuva on osoitus ainutlaatuisesta div-järjestelmästä LambdaTest-alustalla. Voit huomata, kuinka ulkoasu eroaa Google Chromesta Mozilla Firefoxiin. LambdaTest on selainten välinen testaustyökalu, jonka avulla voit testata verkkosivustosi RWD (Responsive Web Design) 2000 + -selaimessa ja niiden valikoiduissa versioissa, jotka toimivat oikeissa käyttöjärjestelmissä.

6. Väärä fonttikoko

Johdonmukaisen kirjasinkoko ja fonttiperheen pitäminen on erittäin tärkeää, kun noudatat parhaita käyttöliittymäkäytäntöjä. Lihavoidut ja suuret typografiat hyväksytään, mutta se on väärin, jos otsikon ja kappaleen fonttikoko on 4: 1.

7. Monimutkaisen prototyypin suunnittelu

Monimutkainen prototyyppi, jossa on liian monia elementtejä ja joka ei ole asianmukainen indeksointi, ei kuulu lainkaan parhaisiin käyttöliittymäkäytäntöihin. Se johtaa kehittäjään sekoittumiseen ja saattaa johtaa sivustoon, joka on täynnä virheitä ja joka ei lainkaan täytä asiakkaiden vaatimuksia.

8. Miksi niin kiinteä kohti vanhentunutta ja klusterisuunnittelua?

Klusteroitu muotoilu, joka sisältää sattumanvaraisesti järjestettyjä sisältöjä ja kuvia, ei vain näytä häiritsevältä loppukäyttäjää, vaan myös hämmentää sitä, mihin seuraavaan siirtää tai miten suorittaa tarkoitus, jolle hän avasi sivuston.

9. Sisältö on kuningas, mainokset eivät ole!

Mainokset ovat hyvä tapa tuottaa tuloja sivustollesi. Mutta liian monien mainosten käyttö ei ole lainkaan parhaita käyttöliittymäkäytäntöjä. Käyttäjät ärsyyntyvät, kun he löytävät enemmän mainoksia kuin hyödyllistä sisältöä.

10. Monimutkainen navigointi sekoittaa käyttäjän

Yksi parhaista käyttöliittymäkäytännöistä ainutlaatuisen käyttökokemuksen suunnittelussa on yksinkertaistetun navigoinnin luominen. Tämä auttaa käyttäjää navigoimaan tarvittavaan sisältöön ilman mitään komplikaatioita. Monimutkainen navigointipalkki, jossa on liikaa linkkejä ja painikkeita, ei vain hämmennä käyttäjää, vaan tekee myös asettelusta klusterin, jota tavoitteemme on välttää.

11. Plagioitu muotoilu

Varmista ennen suunnittelua, että mallisi on täysin ainutlaatuinen. Inspiraatio toisen sivuston suunnittelusta on hyväksyttävää. Mutta kun toisen sivuston koko mallia käytetään, se luo sivustolle huonon maineen ja käyttäjän arvostelujen perusteella Google vähentää automaattisesti hakukoneiden sijoitusta.

Tässä on toinen esimerkki plagioinnista.

12. Verkkosivustolta puuttuu kontrastia

Jos suunnittelulla on oikeat värikontrastit, se tekee sisällöstä luettavan ja helpon käyttäjän silmälle. Jos kuvion värikontrasti on huono fonttien, kuvien ja taustan välillä, käyttäjä turhautuu helposti ja siirtyy toiselle sivustolle.

13. Huonosti suunnitellut CTA: t

CTA: lla on valtuudet käskeä käyttäjää toimimaan. Väristä kirjasimeen, kaiken heidän tulisi pyytää käyttäjää napsauttamaan. CTA: t, jotka ovat liian huomion herättäviä, pakottavat käyttäjän muuttamaan pois, kun taas liian yksinkertaiset CTA: t jätetään huomiotta. Pidä väritasapaino, varjot ja mukava kirjasinlaji CTA: issa, jotta ne ovat havaittavissa ja napsautettavissa.

14. Teksti, typografia ja esitys

Nykyään useimmat verkkosivustojen käyttäjät eivät käy läpi sisältöä kokonaan. Jos haluat ilmaista ideasi sisällöllisesti, sinun tulisi pitää hyvä tasapaino tekstisisältöä kuvien ja multimediatiedostojen, kuten äänen tai videon, ohella. Liian suuri tekstisisältö pakottaa käyttäjän vain sivuuttamaan ne ja siten jättämään huomioimatta tärkeät tiedot, joita yrität välittää.

15. Suuret mediaelementit

Usein havaitaan, että sivuston nopeus vähenee huomattavasti tai ei toimi ollenkaan, kun liikenne kasvaa yhtäkkiä. Tämä johtuu lähinnä suurten kuvien tai animatioiden käytöstä. Yksi parhaimmista käyttöliittymäsuunnittelukäytännöistä on rajoitetun kokoiset kuvat ja viimeaikaisten suuntausten mukaan skaalautuvat vektorikuvat, jotka ovat erittäin pieniä ja jotka varmistavat sivustosi toimivuuden kaikissa tilanteissa.

16. Pakollisten ja pitkien lomakkeiden suunnittelu

Lomakkeet ovat tärkeä osa verkkosivustoasi, etenkin sellainen, joka vaatii käyttäjän rekisteröitymistä. Pitkän, paljon tietoa sisältävän lomakkeen hankkiminen vain vaikeuttaa käyttäjää ja hän voi kadottaa joitain tärkeitä tietoja täyttäessään sitä, etenkin mobiililaitteissa. Yksi parhaista käyttöliittymäsuunnittelukäytännöistä on pitää yksinkertainen lomake, joka on helpompi täyttää ja jolla on mahdollisimman vähän tietoa. Muista myös, että et kirjoita liian monta pakollista kenttää käyttäjälle. Mitä pakollisempia kenttiä pidät, sitä suurempi poistumisprosentti koet.

17. jolla ei ole hyvää tietoarkkitehtia

Aivan kuten kehittäminen, verkkosivuston suunnittelun suunnittelu vaatii myös asianmukaisen strategian, jota varten tarvitset UX-arkkitehdin apua. Annamme sinulle käyttöliittymän suunnittelukärjen. Hyvä tietoarkkitehti antaa sinulle hyvän suunnittelustrategian. Jos sinulla ei ole sellaista tai jolla ei ole tapaa, jolla lähestymistapa sivuston suunnitteluun on vanhentunut, johtaa huonosti suunniteltuun sivustoon, jonka oletetaan epäonnistuneen käyttäjän arvioinnissa.

Suunnittelutapa, jota on muutettava

1. Asiakkaan ei osallistuminen

Tällä hetkellä on syy, jonka vuoksi DevOps ja Agile -menetelmät ovat saaneet niin paljon suosiota. On ihanteellista ottaa asiakas mukaan jokaiseen vaiheeseen suunnittelusta kehitykseen, jotta hän voi tarkistaa, onko sovellus kehitetty noudattaen parhaita käyttöliittymäkäytäntöjä, ja myös, jos heidän UX-arkkitehtinsa voi tarvittaessa tarjota lisäkäyttöliittymäsuunnitteluvihjeitä.

2. Ei ymmärrä vaatimusta

Suunnittelijat aloittavat usein työskentelynsä käymättä läpi vaatimusehdotusta. Tämä ei ole ollenkaan parhaiden käyttöliittymäkäytäntöjen mukaista. Tämän tekeminen voi johtaa täydelliseen tai osittaiseen uusintaan myös täysin toimivan paikan kehittämisen jälkeen.

3. Suunnittelu sen jälkeen, kun olet asettanut asiakaskenkäsi

Suunnittelun tai kehityksen aikana sinun on ajateltava loppukäyttäjän näkökulmasta. Muista, että suunnittelet kuvitteellista persoonallisuutta. Voi olla tietty väri- tai kaltevuuskuvio, jota voit mieluummin pitää, mutta ei ole välttämätöntä, että loppukäyttäjä pitää samanlaisesta. Tutkimus uusimmista UX-suuntauksista ja siitä, mikä suurimmasta osasta käyttäjiä tykkää ennen suunnittelun toteuttamista.

4. Ei sisällä käytettävyystestausta

Käytettävyystestaus on toinen asia sisällytettäväksi testausstrategiaasi. Se edellyttää, että loppukäyttäjät testaavat verkkosivustosi ja ilmoittavat sinulle asioista, jotka tuntuivat väärin tai joita voidaan parantaa. Sen sisällyttäminen testaussuunnitelmaan ei ole ollenkaan paras käyttöliittymän suunnittelukäytäntö.

5. Ei sisällä esteettömyystestausta

Yksi parhaimmista käyttöliittymäsuunnitteluvihjeistä, jotka auttavat lisäämään sivustosi hakukoneiden sijoitusta, on noudattaa W3C-saavutettavuusstandardeja. W3C: n 508 §: n mukaan verkkosivuston on oltava kaikkien, etenkin vammaisten, käytettävissä. Jos tavoitteesi on noudattaa parhaita käyttöliittymäsuunnittelukäytäntöjä, sinun on sisällytettävä asianmukainen saavutettavuustestaus.

Se kaikki meiltä. Kerro meille, voitko ajatella mitä tahansa muuta virhettä tai suunnitteluskenaariota, joka ei noudata parhaita käyttöliittymäkäytäntöjä. Toivomme, että yllä mainitut käyttöliittymän suunnitteluvihjeet auttavat sinua luomaan täysin toimivan sivuston, joka tarjoaa vankan käyttökokemuksen.

Alun perin julkaistu LambdaTest-lehdessä

Kirjailija Arnab Roy Chowdhury

Lisää lukemista ...

Jos pidät viestistä, taputtele ja auta muita löytämään sen myös.