5 eksempler på Dårligt Websiteebstedsdesign og hvordan man gør det bedre
design af en hjemmeside direkte påvirker brugeroplevelsen., Et dårligt designet .ebsted er mindre tilbøjeligt til at få besøgende til at gennemføre en handling, såsom at købe et produkt eller tilslutte sig en postliste.
faktisk, hvis siden indlæses langsomt eller er vanskelig at navigere, forlader 95% af de besøgende inden for få sekunder.
Hvis du ikke får de ønskede resultater fra en weebside, såsom øgede konverteringer og reducerede afvisningsfrekvenser, skal du evaluere designet.
Her er et par fejl, vi har fanget på andre websebsteder. Prøv at undgå at gentage nogen af disse fem eksempler på dårlig hjemmeside design.
Hvordan ser dårligt Websiteebstedsdesign ud?,
den gennemsnitlige virksomhedsejer forstår muligvis ikke forskellene mellem godt og dårligt webebdesign, hvorfor mange websebsteder ender med forfærdelige og ineffektive designs.
Mens design trends konstant skifter, der er grundlæggende elementer i en hjemmeside, der fortsat er universel, herunder:
- Let at følge navigation
- Ren layout
- Kompatibilitet
- Industri-relevant design
Brugerne ikke behøver at gætte, hvordan til at finde en side på din hjemmeside. Alt skal være klart organiseret med enkle menuer og navigationsfunktioner.,
et rent layout anbefales også. Hvis siden er fyldt med information, grafik og video, tager det længere tid at indlæse og bliver sværere at læse.
kompatibilitet er mindre bekymrende, da de fleste sitesebsteder nu bruger responsive designs, der svarer til størrelsen på brugerens skærm. Imidlertid er det ofte nødvendigt med grundig test for at sikre, at elementer indlæses korrekt på forskellige enheder.
websiteebstedets visuelle udseende er en subjektiv detalje, da alle har deres egen smag. Uanset hvad, du har brug for et design, der er passende fra branchen., For eksempel, mens prangende grafik muligvis ikke fungerer på et sted til et begravelseshjem, de fungerer muligvis på et sted til en festudlejningsbutik.
husk dette, når vi gennemgår de værste websiteebstedsdesignfejl.
Websebsteder uden en klar besked
en af de værste designfejl, du kan begå, er ikke at give en klar besked relateret til formålet med dit websiteebsted. Brugere skal straks kende navnet på virksomheden og hvad de sælger.for eksempel, når du først besøger 3D-postkasse, tager det et par sekunder at forstå, hvad du ser på., Det ser ud til at være en weebside for en eller anden form for e-mail-soft .are. Det er svært at afgøre, om soft .aren er et spil, pauseskærm eller e-mail-klient. Cyberebstedet CyberDsignClan er et andet eksempel på et websiteebsted uden en klar besked. Du skal blot se en stor grafik, der læser, “skip intro.”Efter at have klikket på siden indlæses den rigtige hjemmeside, hvilket er lige så forvirrende som 3D-postkasse.
begge steder mangler en klar besked. For at lære mere om produktet skal besøgende rulle gennem siden eller klikke på andre links.,
alt, hvad der vises på siden, før brugerne skal rulle videre, betragtes over folden. Vi kalder dette ” heltesektionen.”Dette er det område, hvor navnet på virksomheden og nogle angivelse af, hvad de sælger bør medtages. Øverst på siden skal også tilbyde en form for navigation.
besøgende på Websiteebstedet danner meninger om virksomheden inden for et splitsekund. Hvis brugerne skal rulle gennem siden for at finde ud af, hvad virksomheden gør, vil de sandsynligvis forlade siden.,
for mange elementer, der Rodder siden
udover en klar besked, skal siteebstedet have et klart layout. Hvis siden er rodet, bliver det svært at navigere, hvilket får besøgende til at forlade.
Arngren.net er et godt eksempel på dårligt design. Dette klassificerede websiteebsted indeholder lister kastet sammen uden struktur. Listerne er ikke opdelt i kategorier, og de passer sammen som et puslespil.
For et andet eksempel, besøg Lings biler., Hjemmesiden er for brugte biler, men har så mange forskellige elementer, du kan overse formålet med siteebstedet. Designeren inkluderede mindst et halvt dusin animerede elementer over folden, hvilket gør det utroligt svært at navigere på siden.
det er muligt at vise meget indhold uden at røre siden. For et godt eksempel på webebdesign, der indeholder flere produkter, skal du se på Ama .on eller alie .press. Mens begge sider indeholder en uendelig rulle af produkter, de er organiseret i gitter i stedet for at blive kastet sammen som en mosaik.,
bortset fra at røre siden med et sammensurium af links, er nogle sitesebsteder rodet med pop-ups, flydende annoncer, automatisk indlæsning af videoer og andre elementer, der distraherer besøgende.
sider uden mobiloptimering
de fleste internettrafik i USA kommer nu fra mobile enheder, men mange websebsteder er stadig bygget til stationære computere først. Hvis websiteebstedet ikke er optimeret til mobile enheder, får de fleste besøgende ikke en god brugeroplevelse.,mange sitesebsteder inkluderer nu responsivt design, som gør det muligt for webebsiden at justere elementer baseret på skærmbredden på brugerens enhed. Theebstedet kan også skjule elementer, ændre skrifttyper eller fjerne baggrunde, når der registreres en mindre skærm.
disse detaljer gør det muligt for siteebstedet at arbejde på enhver enhed. Mens responsive design er almindelige, er der stadig mange sitesebsteder, der er ulæselige på mobile enheder.
næsten alle de eksempler, der allerede er diskuteret, har ikke et lydhør design. De .ue University har et eksempel på ikke-responsivt webebdesign.,
Hvis du læser dette i din browebbro .ser, kan du prøve at besøge siteebstedet og justere bro .serens bredde. Da bro .servinduet bliver mindre, ændrer siden ikke sit layout. Teksten bliver umulig at læse uden at rulle til højre.
Hvis du vil se et eksempel på responsivt webebdesign, kan du besøge næsten ethvert websiteebsted, der ejes af et større firma, såsom Nike eller Microsoft.
mangel på Enkel Navigation og Links
Når brugere når et siteebsted, skal de ikke have noget problem med at gennemse menuen og finde de oplysninger, de har brug for., På det officielle Universityebsted for University of Advancing Technology er toppen af siden dækket med et stort animeret display, der indeholder flydende grafik.
Den flydende grafik er klikbare links, der er vanskelige at klikke på og bremse sidens load hastighed. Selvom dette er ekstremt innovativt, er der andre kreative måder at designe et websiteebsted på uden at gøre det vanskeligt at navigere. I stedet for at bruge disse flydende elementer som links, burde University of Advancing Technology have fokuseret på at oprette en menu, der er let at åbne og gennemse.,
endelig er der mange sitesebsteder, der inkluderer paralla SC-rulning og indlejrede videoelementer, der ikke overstyrer siden og begrænser dens navigerbarhed.
ulæselig tekst eller knapper, der ikke kan klikkes på
På grund af kravene til webebbro .seren er menuen på det forrige .ebsted næsten ikke klikbar. Dette er også et problem, når sitesebsteder ikke er optimeret til mobile enheder. Når elementerne ikke justeres for den mindre skærm, kan de overlappe hinanden eller blive for små til at læse.,
det er let at undgå dette problem, hvis du gennemfører detaljeret test, før du starter dit websiteebsted. Brug emulatorer eller Soft .are til at efterligne, hvordan dit .ebsted vises på forskellige mobile enheder, inklusive de nyeste smartphones og tablets.
Sådan undgår du Dårligt Design til dit Websiteebsted
de diskuterede eksempler er relativt lette at undgå, nu hvor du ved, hvad du skal kigge efter. Gennemførelsen af de nødvendige ændringer kan dog kræve teknisk ekspertise., Hos WANDR får du hjælp fra erfarne u. – designere, der forstår, hvad der kræves for at skabe en bedre brugeroplevelse.
Hvis du vil sikre dig, at dit .ebsted ikke indeholder nogen af de dårlige designeksempler, der diskuteres, skal du overveje at arbejde med fagfolk.