11 yhteistä web-suunnitteluvirhettä (Blunders)

Internetissä on tonnia verkkosivustoja, ja satoja tai todennäköisesti tuhansia luodaan päivällä. Tässä on mielenkiintoinen asia miettiä - Mitkä ovat hyvän verkkosivuston osat?

Sivuston rakentaminen voi olla pelottavaa, mutta todellinen haaste on sen käyttökelpoisuus. Ongelmana on useimmat web-suunnittelijat unohtavat, että sivusto ei ole luotu itselleen vaan ratkaisemaan käyttäjien tarpeet. Ne antavat luovuuden etusijalle käytännöllisyyden ja käytettävyyden suhteen.

Tässä artikkelissa haluamme korostaa 11 web-suunnittelun virheitä, joita web-kehittäjät ja suunnittelijat tekevät ja joitakin ehdotuksia siitä, miten näitä virheitä voidaan helposti välttää.

1. Missä Etsi-ruutu on?

Verkko on kuin tietojen arkisto. Olipa yrityksen verkkosivusto tai vain blogi, hakukenttä on välttämätön. Kävijä saattaa etsiä jotain, joka on piilotettu verkkosivustossa, ja hakukenttä, mahdollisuudet ovat, kävijät saavat haluamansa.

Ehdotukset:Google Custom Search on siisti, yksinkertainen ja tehokas tapa aloittaa. Sen avulla kävijät voivat etsiä sivustostasi tehokkaasti. Kopioi HTML-koodi ohjauspaneelista ja liitä se sivustoosi ja voilà Â?.

Tässä on yksinkertainen lomakkeen koodi, jolla voit näyttää Googlen hakukoneen myös sivustossasi. Sinun tarvitsee vain vaihtaa sivuston nimi sivustosi nimeksi. Lisäksi voit muokata lähetysarvoa mihin tahansa.

Lisää: Pyhän hakukentän suunnittelu: esimerkkejä ja parhaita käytäntöjä- Tässä artikkelissa kuvataan hakukentän suunnittelun ohjeet.

2. Huono luettavuus ja luettavuus.

Tämä on olennainen osa web-suunnittelua. Hyvä käyttöliittymäsuunnitelma tarttuu tietenkin käyttäjien huomioon, mutta käyttäjien täytyy lukea tekstiä, jotta he voivat ymmärtää haluamansa tiedot. Jotkut sivustot käyttävät kaikkein outoja fonttityyppejä ja -kokoja, jotka tekevät kivun lukemisesta.

Ehdotukset:Onneksi on olemassa yksinkertaisia ​​tapoja, joilla voit parantaa käyttäjien lukukokemusta sivustossasi.

1. Vertaa useimpien tärkeimpien sivustojen värejä ja huomaa, miten värit parantavat luettavuutta. Hyvä paikka kokeilla eri värejä on Adobe Kuler.
2. Käytä Sans serif kirjasin koska se mahdollistaa helpon lukemisen verkossa.

Lisää: Tässä on hyvä artikkeli, joka antaa sinulle lisää vinkkejä luettavuuden parantamiseen - Luettavuus - verkkosivujen helppo lukea.

3. Järjestämätön sisällön asettelu.

Sivuston sisältö on siihen, mikä ajaa liikennettä siihen. Miten sisältö on jäsennelty, mikä tekee siitä onnistumisen tai epäonnistumisen. Käyttäjät eivät lue, ellei se ole ehdottoman välttämätöntä, mutta skannaa tietoja ja poimi kiinnostavia kohteita verkkosivulta. Jotkut suunnittelijat asettavat vain tekstilohkon verkkosivulle ja laiminlyövät kokonaan otsikot, alaotsikot, luoteja, avainsanat, kappaleet jne..

Käytä kullekin verkkosivulle sopivaa sivun otsikkoa, jotta käyttäjät tietävät tarkalleen, missä ne ovat. Jotkut suunnittelijat unohtavat jopa nimetä verkkosivun.

Kaiken kaikkiaan tässä luokassa pahin on, että sivustossasi on virheellistä, käsittämätöntä, merkityksetöntä tai vanhentunutta sisältöä. Sisällön on vastattava verkkosivuston yleistä teemaa ja oltava hyödyllisiä. Jos sivu on rakenteilla, miksi vaivaudu? Jos suunnittelijan täytyy todella, niin se on vain väliaikaista ja 3 viikkoa ei enää pidetä väliaikaisena.

Ehdotukset: Järjestä verkkosivustosi sisältöä HTML: n ja CSS: n avulla, kun luot sivujen suunnittelua.

1. Luo tarpeeksi välilyöntiä tekstin ja kuvien välillä käyttämällä marginaaleja.
2. Päivitä ja ole johdonmukainen. Päivityksen tarkoituksena ei ole vain lisätä uutta sisältöä vaan havainnoida ja korjata menneitä virheitä. Jakob Nielsen ehdottaa, että vuokraat a verkko “puutarhuri”.

Talousarvio palkata web-puutarhuri osana tiimiäsi. Tarvitset jonkun, joka juurtuu rikkaruohot ja istuttavat kukkia uudelleen, kun sivusto muuttuu, mutta useimmat ihmiset mieluummin viettävät aikaa luomalla uutta sisältöä kuin ylläpitoon. Käytännössä huolto on halpa tapa parantaa verkkosivustosi sisältöä, koska monet vanhat sivut säilyttävät merkityksensä ja ne olisi liitettävä uusiin sivuihin. Tietysti jotkin sivut poistetaan kokonaan palvelimelta niiden viimeisen käyttöpäivän jälkeen - Jakob Nielsen

4. Huono navigointi.

Verkkosivuston navigoinnin pitäisi olla saumatonta. Käyttäjien olisi voitava löytää tiensä helposti. Vaikka verkkosivustossa ei ole standardia navigoinnille, varsinkin kun uusia web-kehitystekniikoita syntyy, on välttämätöntä ymmärtää, että navigoinnin on oltava intuitiivinen ja johdonmukainen.

Jos tekstiä käytetään navigointina, sen pitäisi olla tiivis. Visuaalisia metaforia ei pitäisi keksitä uudelleen. Jos käytetään hyperlinkkejä, niiden pitäisi erottua tekstin rungosta. Kuolleiden linkkien ei pitäisi olla missään verkkosivustossa. Tämä lisää käyttäjän sekaannusta ja tuhlaa aikaa. Ja se, joka on jopa yhtä huonompi, on linkki kotisivulle linkittyvällä kotisivulla.

Ehdotukset:

1. Tee navigointi sujuvaksi käyttämällä kaikkien linkkien tekstin kuvauksia. Anna kuville alt-teksti. Käytä vaihtoehtoisia tekstin kuvaustekniikoita Flash- tai Javascript-linkkeihin.
2. Järjestä ja jäsennä navigointi yhdessä sivuston teeman kanssa. Henkilökohtaisilla verkkosivuilla on varaa olla entistä luovampia, mutta saatavilla, mutta yrityksen verkkosivusto vaatii enemmän tehokkuutta ja selkeyttä.

Muista, että jos käyttäjät eivät löydä sitä, mitä he haluavat alle 3 napsautuksella, useimmat lähtevät heti.

Lisää: Tehokkaan verkkosivujen navigoinnin toteuttaminen - Tämä artikkeli antaa lisää tietoa tehokkaan navigoinnin toteuttamisesta sivustossasi.

5. Epäjohdonmukainen käyttöliittymäsuunnittelu.

Liiallinen luovuus voi olla juuri sitä. Liiallinen! Jotkut suunnittelijat vievät sen toiseen tasoon luodessaan verkkosivustoja luomalla eri malleja jokaiselle verkkosivuston verkkosivulle. Tämä ei ole missään tapauksessa sekava käyttäjälle. Ja täysin ärsyttävää. Ei ole väliä kuinka erinomainen ja houkutteleva sivusto on, jos yleinen ulkoasu ja tunnelma eivät ole johdonmukaisia, käyttäjät eivät voi liittyä siihen ja tuntea olevansa vähemmän hallinnassa. Niinpä lähdetään heti kun he saapuivat.

Ehdotukset:

1. Käytä jokaisen sivun vakiomuotoista yhtenäistä mallia, jossa on linkit sivuston tärkeimpiin osiin.
2. Avainsana on yksinkertainen. Luo esteettisesti yksinkertaisia ​​malleja ja käyttäjät eivät koskaan sekoita sivustossasi.

6. Epäystävällinen näytön resoluutio.

Olen varma, että olemme käyneet verkkosivuilla, joissa sinun täytyy vierittää vaakasuunnassa. Tämä on ehdoton no-no modernissa web-suunnittelussa. Hyvä suunnittelija kehittää sivustoja, jotka sopivat useimpiin näytön kokoihin. Nykyinen optimoidut sivustot ovat tällä hetkellä 1024 x 768 pikseliä.

Ehdotukset:On vaikea ja melkein mahdotonta huolehtia suunnittelusta, jotta se soveltuisi jokaiseen resoluutioon varsinkin silloin, kun kävijät ovat nyt surffailemassa matkapuhelimista ja netbookeista, mutta saamme karkea käsitys siitä, mitkä ovat yleisesti käytetyt näytön resoluutiot seuraavilla tavoilla:

• Tarkista tilastosi - Analyyttiset palvelut, kuten Google Analytics, tarjoavat tietoja siitä, mitä näytön tarkkuutta he käyttävät. Nämä ovat hyödyllisiä tietoja, jotka sinun pitäisi tietää ennen seuraavan uudelleentarkastelun aloittamista.
• W3-koulujen selaimen tilastot - W3-koulut antavat selkeät luettelot netizensin suosituimmasta selaimesta ja lajittelevat ne suosion mukaan. Myös muita mielenkiintoisia ja tärkeitä tilastoja on.

7. Monimutkaiset rekisteröintilomakkeet.

Rekisteröintilomakkeet ovat hankalia. Kuinka paljon tietoja tarvitset käyttäjältä? Menneet ovat ne päivät, jolloin käyttäjän oli syötettävä zillion-tiedot rekisteröidäkseen sivustoosi. Jotkut sivustot tekevät useimmista rekisteröintikentistä pakollisia ja validoivat kentät siinä määrin, missä käyttäjä on turhautunut muutaman yrittämisen jälkeen. Muista, että käyttäjät käyvät verkkosivustolla tietojen hankkimiseksi. Ei päinvastoin.

Someecardin yksinkertainen muoto tekee rekisteröinnistä kivuttoman.

Ehdotukset:Vertaa rekisteröintilomakkeita eri yhteisöissä verkossa ja ymmärrä, mitä perustietoja tarvitaan käyttäjältä rekisteröintiprosessin aikana.

Lisää: 9 Yleiset käytettävyysvirheet Web-suunnittelussa - Tämä Smashing Magazine -viesti tarkastelee perusteellisesti rekisteröintilomakkeita muiden käytettävyysvirheiden joukossa.

8. Kuvien / animaatioiden häikäilemätön käyttö.

Liian paljon kuvia sivulta on valtava sammutus. Kuvia voidaan käyttää käyttäjien huomion ottamiseen, mutta se voi myös olla häiriötekijä tai pelkkä raskauttava. Kuvia on käytettävä havainnollistamaan ja ohjaamaan käyttäjää tarvittaessa.

Animaatiot ovat mahtavia ja voimakkaita välineitä. Erityisesti kun sitä käytetään asianmukaisesti. Kun se on sykli tai vain liian paljon verkkosivulla, se tulee käyttäjien hermoihin. Käyttäjillä ei ole kärsivällisyyttä, aikaa tai resursseja, joten suunnittelijoiden on tarjottava vaihtoehtoja tai vielä parempi, ohittaa-painiketta, jos se on koko sivun animaatio.

Lisää: Salama: 99% huono - Käytä Flashia asianmukaisesti. Se on ollut lähes 10 vuotta, kun Jakob Nielsen julkaisi tämän artikkelin, mutta se on edelleen merkityksellinen Flashin käytettävyyden kannalta Tappaa Web-perusteet pala.

9. Täytetyt sivut, enemmän tyhjää tilaa.

Liian monet suunnittelijat unohtavat välilyönti ja sen merkitys. He ovat niin innostuneita omasta suunnittelun luovuudestaan, että he unohtavat, ettei kyse ole niistä. Niinpä he yrittävät tuhota niin paljon kuin mahdollista yhdelle sivulle. Lopputulos? Kiireinen, täynnä ja lukematon sivu.

kyllästing hyödyntää hyväkseen tyhjää tilaa suunnittelussaan.

Tässä on muutamia artikkeleita, jotka antavat sinulle hyvän käsityksen avaruuden merkitys web-suunnittelussa:

• Neljän valkoisen avaruuden asettelujen vertailu
• Valkoisen tilan arvo
• välilyönnillä

10. Ei taustamusiikkia!

Käyttäjät eivät halua jäähtyä, he etsivät tehokkuutta. Ja kyllä, 99 prosenttia ei välitä sivustosi musiikista. Jotkut suunnittelijat tekevät sen pahemmaksi asettamalla eri taustamusiikin jokaiselle verkkosivulle.

Ehdotukset:Älä käytä taustamusiikkia, mutta jos sinun täytyy, luo kehys koodille ja käyttäjän ohjaimille. Näin musiikki silmukoi jatkuvasti sen sijaan, että se muuttuisi joka kerta, kun uusi sivu ladataan verkkosivustoon. Ja käyttäjä voi pysäyttää tai keskeyttää aina.

11. Testi, testi ja testi.

Tätä ei voida yliarvioida. Kuinka monta kertaa olemme olleet verkkosivuilla, joita voidaan tarkastella vain tietyllä selaimella? Web-kehittäjillä on oltava tarkistuslista lajista testattaessa verkkosivustoja.

• Voiko verkkosivustoa tarkastella eri ympäristöissä?
• Onko suunnittelun asettelu yhdenmukainen kaikissa selaimissa?
• Voiko verkkosivustoa tarkastella eri asetuksissa, kuten Kuvat pois päältä, JavaScript pois päältä, jne?

Ehdotukset:W3C tarjoaa työkaluja laadunvarmistuksen testaamiseen. Tarkista W3C Quality Assurance Toolbox ja Web-sivun vahvistaminen.

johtopäätös:

Pidä se yksinkertaisena, typeränä (K.I.S.S). Jos se on yksinkertaista, se on käyttökelpoinen. Kaiken kaikkiaan erinomaiset sivustot pitävät sen yksinkertaisena ja käyttökelpoisena. Tee kotitehtäväsi ja se on helppoa ja luonnollista.

Mitkä ovat kokemukset web-suunnitteluprojekteista? Mitä muita vinkkejä ja ajatuksia haluat jakaa web-suunnitteluvirheisiin?

Toimittajan huomautus: Tämä viesti on kirjoittanut Brujo Owoh varten Hongkiat.com. Brujo Owoh on multimediasysteemi, joka on erikoistunut Web-suunnitteluun ja 2D-animaatioon. Hän nauttii kaunokirjallisuuden lukemisesta, hengailemasta kavereidensa kanssa ja pysyy mukana Twitterin suunnittelusuunnitelmissa. Käy Brujon blogissa.