Ergste foute met die ontwerp van web: 10 voorbeelde van slegte webwerwe

Artikel geskryf deur:
  • Website Design
  • Opgedateer: Apr 16, 2020

Of u kursusse by die plaaslike gemeenskapskollege aangebied het, na die skep van webwerwe Vir jare, of as jy 'n amateur leer, is daar 'n paar dinge wat elke webontwerper moet vermy as hy wil hê dat besoekers tyd op sy webwerf moet spandeer.

U het waarskynlik die term “gehoor”taai'Met verwysing na 'n webwerf.

Dit beteken bloot 'n webwerf waar die besoeker wil rondbly - 'n webwerf wat by die blaaier bly en wat sy boekmerke en gereeld gebruik. Daar is soveel elemente wat in die maak van 'n werf taai maak dat dit 'n hele ander onderwerp is.

Daar is egter beslis 'n paar webontwerpfoute wat 'n webwerf kan maak waarna besoekers wil weghardloop. Hier is die ontwerp-no-no's wat jy moet vermy.

Fout # 1: Jarring Colors

Kleure wat so helder is dat dit u oë of kleure beseer wat met mekaar bots, kan 'n besoeker van 'n webwerf laat weghardloop.

Probeer om kleure te kies wat mekaar aanvul. Geel werk selde as 'n hoofkleur, hoewel dit goed kan lyk as 'n aksent. Ook is dit selde 'n goeie idee om elke kleur van die reënboog te gebruik.

Voorbeeld van slegte webwerweite: Moradito

Slegte Ontwerp Voorbeelde
Hierdie webwerf gebruik byna elke kleur denkbaar in 'n legkaart-tipe patroon. Die enigste manier om dit te beskryf, is lelik.

Fout #2: Te veel grafieke

As u u webblad met grafika besaai, kom daar twee verskillende dinge voor.

Eerstens word die bladsy so besig dat besoekers onseker kan wees waar om te klik of waarna hulle wil kyk.

Tweedens, as 'n gebruiker 'n stadiger internetverbinding het, kan die bladsy te lank neem om te laai. Na 30 sekondes vertrek die meeste mense na 'n ander webwerf. Ons leef in 'n tyd waarin alles onmiddellik is. As u nie binne die eerste paar sekondes die kliënt se aandag trek nie, loop u die risiko om haar heeltemal te verloor.

Voorbeeld van slegte webwerweite: Pine-Sol

Slegte Ontwerp Voorbeelde
Hierdie webwerf het so baie grafika dat dit net deurmekaar lyk. Boonop beweeg die prente oral op die bladsy, so selfs as die besoeker op een van die beelde wil klik, sal sy dit met haar muis moet jaag.

Fout #3: Stadige laai Tyd

Laai jou webwerf so stadig dat die besoeker tyd het om 'n koppie koffie en 'n doughnut te kry voordat hy terugkom?

Deur te veel elemente, soos flits, klank, ton hoë resolusiegrafika of java-skrifte te voeg, kan 'n webwerf stadiger en stadiger laai. Hou in gedagte dat terwyl die meeste van u besoekers hoë spoed het, is daar steeds landelike kliënte wat op inbel sal wees en nie toegang tot u webwerf kan hê as dit te stadig laai nie.

Wenk: Gaan na webwerf spoed en kry verbetering advies via Google Page Speed ​​Insights.

Nie net is spoed noodsaaklik vir die gebruikerservaring nie, dit is 'n baie belangrike posisie faktor. Bladspoed het 'n posisie in die soekenjin geword in 2010, en in Junie 2016 het Google berig dat dit die bladsyspoed-posisiefaktor sal opdateer om spesifiek na die blaaisspoed van jou mobiele bladsye te kyk. Met mobiele soekrekeningkunde vir meer as die helfte van Google se soektogte, moet selfoonspoedspoed ook geoptimaliseer word.

- Bron: Verbeter jou SEO met beter werfspoed

Voorbeeld van slegte webwerweite: The Museum of Me

Slegte Ontwerp Voorbeelde
Die flits op hierdie webwerf veroorsaak dat dit baie stadig laai. Daarbenewens is daar nie 'n maklik sigbare skakel om die flits oor te slaan nie. Browsers met stadiger aflaai spoed sal hierdie webwerf so omslagtig vind om te laai dat hulle waarskynlik uit die werf gaan en nooit terugkom nie.

Fout # 4: Te veel advertensies

Inhoudwebwerwe en blogs maak geld uit advertensies in plaas van om produkte te verkoop. Maar waar baie webwerf-eienaars misluk, word soveel advertensies bygevoeg dat die besoeker nie die verskil tussen inhoud en advertensies kan vertel nie. As die besoeker moet soek om die artikel of die res van 'n artikel te vind, dan is daar te veel advertensies op die bladsy. Een of twee advertensies wat op die werf geplaas word, is die beste. Meer as dit en jy kan jou blaaiers irriteer.

Trouens, in 'n digitale advertensie verslag wat deur Upstream en YouGov in 2012 uitgevoer is, het hulle bevind dat ongeveer 20% van verbruikers gesê het dat indien 'n maatskappy te veel geadverteer word, hulle nooit weer daardie maatskappy sal gebruik nie.

Voorbeeld van slegte webwerwedit: Hemmy.net

Slegte Ontwerp Voorbeelde
Op verskeie bladsye van hierdie webwerf gaan die hele kykarea boaan die bladsy oor 90% advertensies van verskillende soorte. Om na die inhoud van die bladsy te gaan, moet 'n mens blaai. Selfs daar, daar is bykomende advertensies versprei dwarsdeur. Dit is so afleidend dat dit moeilik is om op die webwerf te fokus.

Fout # 5: Amateurfoto redigering

Niks skree amateur hoer as 'n prent wat nie korrek bewerk is nie. Webwerwe met hierdie tipe probleem het moontlik foto's met fuzzy grense, outo-gekorrigeerde kleure wat uitkyk, gesny, swak lek tegnieke wat dit duidelik maak dat twee prente saamgesmelt is of vreemde grootte grootte verhoudings.

Wenk: Maak gebruik van gratis bewerkingsreddingshulpmiddels aanlyn: Canva, Pic Monkey

Voorbeeld van slegte webwerwedit: Peter's Buses

Slegte Ontwerp Voorbeelde
Daar is verskeie probleme met die grafika op hierdie bladsy. Eerstens is daar die bus met 'n wit in plaas van 'n deursigtige agtergrond wat net op die bladsy neergeslaan is en amateuragtig lyk. Die twee foto's aan die regterkant is ook problematies, aangesien dit gerek en verander is, sonder dat die verhoudings gehandhaaf word. Die foto's kyk af en die mense aan die regterkant lyk so uitgestrek dat dit reuse in die land Lilliput kan wees.

Fout # 6: Ontwerp 'n drie jaar oud kan skep

As jou webwerf lyk of jy Microsoft Word oopgemaak het, 'n stuk Woordkuns geskep het en die webwerf op die internet gegooi het, wil jy dalk jou ontwerpelemente heroorweeg. Alhoewel eenvoud is 'n welkome verligting van sommige van die besige plekke, as jy te eenvoudig gaan, loop jy die risiko dat jou webwerf jong en goedkoop lyk.

Voorbeeld van slegte webwerwedit: Cyber ​​D-Sign Clan

Slegte Ontwerp Voorbeelde
Die ontwerper het nie eers die kleure van die woorde verander van die standaardontwerp waarmee MS begin nie. Hierdie ontwerp is so eenvoudig dat dit onmiddellik herkenbaar is as 'n basiese Microsoft-agtergrond en Word Art.
Slegte Ontwerp Voorbeelde
Daarbenewens probeer 'n pop-up-bladsy laai. Dit kan dalk misgekyk word as die ontwerp beter was sodra u die inleiding oorgeslaan het en na die hoofblad geklik het. Die ontwerp van die gekoppelde bladsy (hieronder) is egter net so teleurstellend.

Fout # 7: Swak Navigasie

Selfs as 'n webwerf 'n visueel aantreklike ontwerp het, kan besoekers gefrustreerd raak en hulle swak navigasie oorlaat.

Byvoorbeeld, werwe sonder 'n duidelike skakel of met soveel items dat dit moeilik is om te besluit waarheen u moet gaan. 'N Probleem waarmee baie eienaars van die webwerf te kampe het, is dat 'n klein webwerf skielik groter word. Navigasie wat gewerk het toe die webwerf vyf bladsye gehad het, werk eenvoudig nie as die webwerf 500 bladsye het nie. Kyk hoe die werf kan herwerk en herstruktureer word in kategorieë en subkategorieë, sodat besoekers presies sal kan verstaan ​​waarheen hulle wil gaan. Dit is ook slim om 'n soekkassie by te voeg.

Voorbeeld van slegte webwerweITO: LawnSignDirectory.com

Slegte Ontwerp Voorbeelde
Die besoeker verwag 'n soekbare rigting vir hul gebied, maar daar is tientalle skakels aan die linkerkant van die bladsy, advertensies regs en 'n paar featured besighede. Hierdie webwerf kan baat vind by 'n opknapping van die organisasiestruktuur, sodat besoekers die hulpbronne wat hulle soek, maklik kan vind.

Fout #8: Tekstuitgawe

Webontwerpers wat 'n besige agtergrond gebruik en dan 'n tekskleur kies wat nie genoeg kontras bied nie, maak hul webblaaie onleesbaar. As 'n besoeker se oë seergemaak het nadat hy een artikel gelees het, waarom sou sy bly om meer bladsye van jou werf te lees? As jy 'n besige agtergrond moet kies, plaas ten minste 'n boks, laag of inhoudstabel met 'n stewige agtergrond en kies 'n teks kleur wat die teenoorgestelde is. Probeer om grys op grys te vermy, maar kies wit op donkerrooi, swart op ligpienk, ens.

Woorde wat mekaar oorvleuel, is ook moeilik om te lees, asook paragrawe wat gedeeltelik grafieke oorskakel en gedeeltelik op 'n stewige agtergrond.

Voorbeeld van slegte webwerweite: Bermuda Triangle

Slegte Ontwerp Voorbeelde
Daar is nie net kontrasprobleme op hierdie werf nie, maar die teks oorvleuel ander tekste, wat dit onmoontlik maak om te lees.

Fout # 9: Tipos

Niks screams onprofessionele meer as blink tik en grammatika kwessies. Alhoewel niemand perfek is nie, kan jy probeer om naby te kom. Vra vriende en familie om oor u bladsye te kyk en u te help om hierdie foute te vind, of huur 'n professionele redakteur om u bladsye te bewys. Die voorbeeld hieronder is net vir die pret. Dit is nie 'n ware webontwerpmaatskappy nie, maar 'n tong-in-wang kyk na hoe onprofessionele sommige maatskappye verskyn.

Wenk: Leer hoe om te vang tik en foute in u eie skryfwerk.

Voorbeeld van slegte webwerweite: Web Tek Rocks

Slegte Ontwerp Voorbeelde
Een tipo kan oor die hoof gesien word, maar hierdie webwerf wys hoe sommige skaduryke plekke vol foute is. Vir 'n maatskappy wat jou wil help om jou webwerf op die web te plaas, sal hulle waarskynlik beter bedien word om tyd te spandeer om die probleme op hul eie webwerf te verbeter voordat u joune gebou word. "Spesiaal" word SPESAIL gespel; "Kundigheid" word gespel "experteze"; Hulle bied aan om aanlyn te help om jouself te help; "Ons kan gebou Jou werf vinniger as enigiemand! "

Fout # 10: slegste webwerfontwerp ooit - so sleg dat u dit nie kan verduidelik nie

Sommige webwerwe is net intrinsiek, regtig sleg in ontwerp. Hierdie webwerwe wat sleg ontwerp is - dit is nie een ding wat die webwerf vir u oë pynlik maak nie, maar byna alles op die webwerf.

Daar mag 'n kombinasie van lelike kleure, swak navigasie en ander items wees. Gelukkig is hierdie webwerwe skaars, maar dit kan jou help om te weet wat nie om te doen wanneer jy jou webwerf ontwerp.

Voorbeeld van slegte webwerweite: Die hiernamaals

Slegte Ontwerp Voorbeelde
Hierdie webwerf is so aaklig dat dit moeilik is om te beskryf. Eerstens, moet iemand wat geneig is tot beslagleggings wegbly van hierdie webwerf af, omdat dit waarskynlik 'n beslaglegging kan veroorsaak by selfs 'n persoon wat nie 'n aanval het nie. Die webwerf blaai, is gevul met geanimeerde en flitsende grafika. Boonop is die grafika nie vir die grootste deel 'n beroep nie, eindig met 'n baba in die orkes en speel kitaar. Besoek as u dit waag.

Oor Lori Soard

Lori Soard werk sedert 'n vryskutskrywer en redakteur sedert 1996. Sy het 'n baccalaureus in Engels-onderwys en 'n PhD in Joernalistiek. Haar artikels verskyn in koerante, tydskrifte, aanlyn en sy het verskeie boeke gepubliseer. Sedert 1997, het sy as webontwerper en promotor vir outeurs en klein besighede gewerk. Sy het selfs gewerk vir 'n kort tyd posisie webwerwe vir 'n gewilde soekenjin en studeer in-diepte SEO taktiek vir 'n aantal kliënte. Sy hoor graag van haar lesers.