5 Esimerkkejä Huonosta Sivuston Suunnittelu ja Miten Tehdä Se Paremmin
suunnittelu sivusto vaikuttaa suoraan käyttökokemusta., Huonosti suunniteltu sivusto ei todennäköisesti saa kävijöitä suorittamaan toimintaa, kuten ostamaan tuotteen tai liittymään postituslistalle.
Itse asiassa, jos sivu latautuu hitaasti tai on vaikea liikkua, 95% kävijöistä jättää muutamassa sekunnissa.
Jos et saa tuloksia, jotka haluat verkkosivun, kuten lisääntynyt tuloksia ja laski poistumisprosentti, arvioida suunnittelu.
Tässä muutamia virheitä, joita olemme saaneet muilla sivustoilla kiinni. Yritä välttää toistamasta mitään näistä viidestä esimerkistä huonosta verkkosivujen suunnittelusta.
miltä huono Verkkosivujen suunnittelu näyttää?,
keskimääräinen yrittäjä ei voi ymmärtää erot hyvän ja huonon web-suunnittelu, joka on, miksi monet sivustot päätyä kauhea ja tehoton malleja.
Kun suunnittelun trendit muuttuvat jatkuvasti, on perus-osat web-sivuston että pysyvät universal, mukaan lukien:
- Helppo seurata navigointi
- Puhdas ulkoasu
- Yhteensopivuus
- Teollisuus-asianmukainen suunnittelu
Käyttäjien ei tarvitse arvata miten löytää sivun sivustosi. Kaiken pitäisi olla selkeästi järjestetty, yksinkertaisilla valikoilla ja navigointiominaisuuksilla.,
myös puhdas asettelu suositellaan. Jos sivu on täynnä tietoa, grafiikkaa ja videota, lataaminen kestää kauemmin ja sitä on vaikeampi lukea.
yhteensopivuus ei ole yhtä suuri huolenaihe, sillä useimmat sivustot käyttävät nyt käyttäjän näytön koon mukaisia responsiivisia malleja. Perusteellista testausta tarvitaan kuitenkin usein sen varmistamiseksi, että elementit latautuvat kunnolla eri laitteisiin.
sivuston visuaalinen ilme on subjektiivinen yksityiskohta, sillä jokaisella on oma makunsa. Riippumatta, tarvitset suunnittelu, joka sopii alan., Vaikka räikeät grafiikat eivät välttämättä toimi hautaustoimiston työmaalla, ne voivat toimia esimerkiksi juhlavuokraamon työmaalla.
pidä tämä mielessä, kun käymme läpi pahimpia verkkosivujen suunnitteluvirheitä.
Sivustot Ilman Selkeää Sanomaa
Yksi pahimmista design virheitä, että voit tehdä ei ole selkeän viestin liittyviä tarkoitus verkkosivuilla. Käyttäjien pitäisi heti tietää yrityksen nimi ja mitä he myyvät.
esimerkiksi, kun ensimmäinen vierailu 3D Postilaatikkoon, se kestää muutaman sekunnin ymmärtää, mitä etsit., Se näyttää olevan verkkosivun tietyntyyppisten sähköpostiohjelmien. On vaikea määrittää, onko ohjelmisto peli, näytönsäästäjä tai sähköpostiohjelma.
sivuston CyberDsignClan on toinen esimerkki verkkosivuilla ilman selkeää viestiä. Näet vain suuren grafiikan, jossa lukee ” skip intro.”Kun napsautat sivua, todellinen Kotisivu lataa, mikä on yhtä hämmentävää kuin 3D-postilaatikko.
Molemmat sivustot puuttuu selkeä viesti. Lisätietoja tuotteesta, vierailijoiden täytyy selata sivua tai klikkaa muita linkkejä.,
kaikki, mikä näkyy sivulla ennen kuin käyttäjien täytyy vierittää edelleen, katsotaan yli kertaiseksi. Kutsumme tätä sankariosastoksi.”Tämä on alue, jossa nimi liiketoiminnan ja joitakin viitteitä siitä, mitä ne myyvät olisi sisällytettävä. Sivun yläreunassa pitäisi olla myös jonkinlainen navigointi.
sivuston kävijät muodostavat mielipiteitä liiketoiminnasta sekunnin murto-osassa. Jos käyttäjien täytyy selata sivua selvittääkseen, mitä yritys tekee, he todennäköisesti jättävät sivun.,
liian monta sivua
Sotkevaa elementtiä selkeän viestin lisäksi sivustolla pitäisi olla selkeä asettelu. Jos sivu on sekainen, se on vaikea navigoida, aiheuttaa kävijöitä lähteä.
Arngren.net on hyvä esimerkki huonosta suunnittelusta. Tämä luokiteltu sivusto sisältää listauksia heitetään yhdessä ilman rakennetta. Listat eivät ole jaettu luokkiin ja ne sopivat yhteen kuin palapeli.
toinen esimerkki, käy Rotu Autot., Sivusto on tarkoitettu käytetyille autoille, mutta siinä on niin paljon erilaisia elementtejä, että sivuston käyttötarkoituksen voi unohtaa. Suunnittelija sisälsi vähintään puoli tusinaa animoituja elementtejä yli kertaiseksi, joten se uskomattoman vaikea navigoida sivulla.
on mahdollista näyttää paljon sisältöä ilman täyttämättä sivua. Hyvä web design esimerkki, joka sisältää useita tuotteita, katso Amazon tai AliExpress. Vaikka molemmilla sivustoilla on loputon käärö tuotteita, ne on järjestetty ruudukoiksi sen sijaan, että ne olisi heitetty yhteen kuin mosaiikki.,
Muut kuin täyttämättä sivu hodgepodge linkkejä jotkut sivustot ovat täynnä pop-ups, kelluvia mainoksia, auto-lastaus videoita, ja muita elementtejä, jotka häiritse kävijöitä.
sivut, joissa ei ole Mobiilioptimointia
suurin osa Yhdysvaltojen Internet-liikenteestä tulee nyt mobiililaitteista, mutta monet sivustot on vielä rakennettu pöytätietokoneille ensin. Jos sivustoa ei ole optimoitu mobiililaitteille, suurin osa kävijöistä ei saa hyvää käyttökokemusta.,
monilla sivustoilla on nykyään responsiivinen muotoilu, jonka avulla web-sivu voi säätää elementtejä käyttäjän laitteen näytön leveyden perusteella. Sivusto voi myös piilottaa elementtejä, muuttaa fontteja tai poistaa taustoja, kun pienempi näyttö havaitaan.
Nämä tiedot, jotta sivusto toimii millä tahansa laitteella. Vaikka reagoiva mallit ovat yleisiä, on vielä monia sivustoja, jotka ovat lukukelvottomia mobiililaitteissa.
lähes kaikissa jo käsitellyissä esimerkeissä ei ole reagoivaa muotoilua. Deque University on esimerkki ei-reagoiva web design.,
Jos luet tätä selaimessasi, kokeile vierailla sivustolla ja säätää selaimen leveyttä. Kun selainikkuna pienenee, sivu ei muuta sen asettelua. Tekstiä on mahdotonta lukea vierittämättä oikealle.
Jos haluat nähdä esimerkin responsiivisesta web-suunnittelusta, käy lähes millä tahansa suuren yrityksen, kuten Niken tai Microsoftin, omistamalla sivustolla.
yksinkertaisen navigoinnin ja linkkien puute
kun käyttäjät pääsevät sivustolle, heillä ei pitäisi olla ongelmia selailla valikkoa ja löytää tarvitsemansa tiedot., Advancing Technologyn yliopiston virallisilla verkkosivuilla sivun yläreunassa on suuri animaationäyttö, joka sisältää kelluvaa grafiikkaa.
kelluva grafiikka ovat linkkejä, joita on vaikea klikkaa ja hidastaa sivun lataus nopeus. Vaikka tämä on erittäin innovatiivinen, on olemassa muita luovia tapoja suunnitella sivuston ilman, joten se on vaikea liikkua. Sen sijaan käyttää näitä kelluvat elementit kuten linkit, University of Advancing Technology pitäisi olla keskittynyt luomaan valikko, joka on helppo avata ja selata.,
Lopuksi, on olemassa monia sivustoja, jotka sisältävät parallaksi vieritys ja upotettu video elementtejä, jotka eivät kukistaa sivu ja rajoittaa sen ajo-ominaisuudet.
Lukukelvoton Teksti tai Yk: n-klikattavat Painikkeet
Koska vaatimukset web-selain, valikko edelliseen sivusto on lähes yk-klikattava. Tämä on myös ongelma, kun sivustoja ei ole optimoitu mobiililaitteille. Kun elementit eivät säädä pienemmälle näytölle, ne voivat mennä päällekkäin tai tulla liian pieniksi luettavaksi.,
tämän ongelman välttäminen on helppoa, jos suoritat yksityiskohtaisen testauksen ennen verkkosivustosi julkaisemista. Käyttää emulaattorit tai ohjelmisto jäljitellä, miten sivustosi näyttää eri mobiililaitteissa, kuten uusimmat älypuhelimet ja tabletit.
Miten Välttää Huono Suunnittelu Sivuston,
esimerkkejä keskusteli ovat suhteellisen helppo välttää, nyt tiedät mitä etsiä. Tarvittavien muutosten toteuttaminen voi kuitenkin vaatia teknistä asiantuntemusta., Wandrissa saat apua kokeneilta UX-suunnittelijoilta, jotka ymmärtävät, mitä paremman käyttökokemuksen luominen vaatii.
Jos haluat varmistaa, että sivusto ei sisällä mitään huono suunnittelu esimerkkejä, keskustella, harkita työskentelyä ammattilaisten kanssa.