En af de vigtigste opgaver på din plade som webdesigner er brugervenlighed. Usability er defineret som en måling af kvaliteten af brugerens oplevelse, når de interagerer med din hjemmeside. Enhver hjemmeside, du designer, skal altid være sømløs ud fra brugerens synspunkt. De skal finde dit websted nemt at navigere uden først at skulle gennemgå særlig træning. Usability er normalt baseret på flere forskellige faktorer.
En person, der kigger igennem dit websted, ønsker deres lethed at lære at være førsteklasses. De vil hurtigt lære brugergrænsefladen, så de kan hoppe lige ind og udføre grundlæggende navigationsopgaver. Effektivitet i brug er en anden faktor: Når de har lært at navigere dit websted, vil de gerne udføre opgaver hurtigt. Selvom brugeren tidligere har brugt webstedet, skal de nemt huske nok af processen for at kunne bruge webstedet effektivt næste gang. Dette kaldes memorability. Når de bruger dit websted, kan de opleve nogle fejl, men er disse fejl hyppige eller svære? Endelig er brugerens subjektive tilfredshed høj eller lav, når de er færdige med dit websted? De skulle have ønsket at bruge dit websted.
Selvfølgelig kan du ikke alle gæster besøge hele tiden, men nogle standarder er almindelige for at sikre god brugervenlighed. Hvad middelmådige webdesignere tager for givet, bør du ikke. Her er en oversigt over de tre bedste anvendelsesfejl, som webdesignere bør undgå for enhver pris.
Din hjemmeside vil være chock fuld af hyperlinks, som klart er beregnet til at blive klikket. Så sørg for at de er store nok til at blive klikket let. Det er så simpelt. Ellers vil dine hyperlinks ikke blive godt modtaget. Enhver brugers håndbevægelser på musen kommer ikke til at være præcise til at begynde med, så gør ikke klikbare områder så små, at brugeren skal bruge en kombination af finesse og strategi bare for at få et skud ved at klikke på dine små hyperlinks.
På den anden side gør et større, lettere klikbart område det meget mere bekvemt at svæve markøren over alle links. For at gøre det klikbare område større, skal du blot gøre hele linket større eller forbedre den polstring, der omgiver linket. Du kan gøre dette ved at bruge CSS padding egenskaben.
Tag et kig på denne bøde eksempel af et forfærdeligt lille klikbart område. Det er hentet fra siden "Hacker News" på et websted kaldet Y Combinator, som giver seed funding til startups. Bemærk hvordan kommentarerne og brugerlinkene er så skærpende små. Du vil være heldig at endelig lykkes ved at klikke på dem efter at have praktiseret flere gange.
Pagination er stor, når den bruges til det rigtige formål i webdesign. Når det bruges korrekt, er pagination en velkommen funktion, fordi det gør et websteds layout mere bekvemt og lettere at absorbere. Det bruges hovedsagelig til at opdele indhold på forskellige sider, og det er en funktion, der normalt ses på websteder, der præsenterer lange lister over genstande.
Pagination kan imidlertid også misbruges, hvilket gør det en bidragende faktor til brugbarhed ulejligheden. Nogle steder er glad for at misbruge pagination med det formål at opdele grundlæggende indholdssider på flere sider, og der er også et bagvedliggende motiv bag dette. De websteder, der gør dette, vil sandsynligvis forsøge at øge deres sidevisninger, enkle og enkle. Mange online-blade og blogs får deres indtægter ved reklame, så modtagelsen af flere sidevisninger øger deres visningsstatistik og lader dem opkræve mere for annoncer.
Tag et kig på dette misbrug af pagination, som kommer til os fra Wired Magazine. Bemærk, hvordan artiklen om Googles farverige logo er opdelt i otte sider, når alle otte sider nemt kan kombineres til en webside. Selv da ville den længere artikel ikke have fået siden til at blive langsommere i læsning og behandling. Bemærk også, hvor skærpende det er at klikke flere gange, bare for at afslutte læsningen af artiklen.
Desuden kan dette misbrug af pagination skade med hensyn til SEO; Hvis du deler indhold på dit websted op på flere sider, fortynder du dit indhold. Dette har til formål at reducere antallet af relevante søgeord om emnet på hver webside, hvilket betyder, at hver side har mindre mening selv. Som følge heraf kan søgemaskinerne muligvis ikke fortolke, hvad hver side handler om, hvilket har negativ indflydelse på artiklens resultatresultater for søgemaskinens resultater.
Indhold, der er svært for, at brugerne kan scanne, er normalt indhold, der lider af en dårlig kopi. Kopi er det tekstindhold, som du har befolket dit websted med, og det er absolut nødvendigt at gøre dit websted brugervenligt. Selv før du er bekymret for god kopi, skal du dog have en grundig forståelse for brugernes visningsadfærd. Webstedbrugere har en tendens til ikke at læse alle oplysningerne på en webside fra top til bund, som du måske forventer.
I virkeligheden absorberer webstedets brugere information ved blot at hoppe fra et indhold til det næste, hovedsageligt styret af, hvad der vises på dem på websiden. Du kan takke det faktum, at internettet bombarderer folk med oplysninger om denne frenetiske web-betragtelig adfærd. Brugernes øjne dykker dybest set fra en interessant sektion af en given webside til en anden, hvilket betyder, at du som den fuldendte webdesigner skal strukturere dine sider på en måde, der passer til denne hektiske adfærd.
Først skal du sørge for, at dit websted kun har et par klare fokuspunkter. Disse vil fungere som de sektioner på din side, der vil fange gæsternes opmærksomhed. Du kan lykkes ved at inkludere større skrifttyper samt farver med høj kontrast. For ekstra visuel attraktion kan du også inkludere billeder som ikoner lige ved siden af teksten.
For det andet bør ethvert fokuspunkt ideelt set indeholde en beskrivende overskrift. Uden at fortsætte med at læse kopien yderligere, bør en bruger straks forstå, hvad dette indholdsafsnit dækker. Gør aldrig dine overskrifter kryptiske eller uklare for at trække læsere ind. Gør overskrifterne korte, men præcise.
Endelig skal enhver yderligere tekst være kortfattet og nem at absorbere. Tilbyd blot de grundlæggende elementer og udelukker alt andet. En stor del af tiden indeholder yderligere tekst, som tekstforfattere har til at afklare et punkt, faktisk falder fra læsbarheden af teksten. Der er en tendens til, at mange mennesker bare læser små stykker tekst, mens man undgår længere afsnit, så trim fedtet.
Lad os kigge hurtigt på a hjemmeside der organiserer sin kopi godt. Dette er Cultured Code's Things app til Mac. Du vil bemærke, at ved første øjekast er fokuspunkterne, som er skærmbilledet og den kæmpestore "Things" overskrift, meget oplagte. Kopien af appens forskellige funktioner, som du kan se mere af ved at rulle ned på siden, er også meget kort og til det punkt, idet du kun optager et kort stykke eller to for at give en kort beskrivelse af hver enkelt funktion.
God brugervenlighed involverer så mange forskellige faktorer, som de alle kan være lidt svære at holde styr på. Brugervenlighed handler om slutbrugeren og hvordan de føler, da de navigerer og scanner gennem dit websted. Sæt dig selv i deres sko, når du designer dit websted. Kan de nemt komme rundt på dit websted? Kan de nemt huske hvad de skal gøre, og hvor skal de hen, næste gang de besøger dit websted? Vil de i sidste ende nyde deres oplevelse at gennemse dit websted? Alle disse spørgsmål skal være front og center i dit sind, når du designer dit websted.
God brugervenlighed har også praktiske fordele. Jo mere en bruger kan navigere dit websted effektivt, desto mere bliver de tilbage. De vil også fortælle deres venner, deres mor, deres medarbejdere ... du får billedet. De vil komme og tjekke dit websted. Som følge heraf får du flere sidevisninger, flere læsere og forhåbentlig et loyalt resultat. Det betyder at du kan tjene penge på dit websted og opkræve mere for annoncer på webstedet. Pas på brugbarhed, og du høster fordelene på mange måder.
Hvilke brugbarhedsfejl vil du tilføje? Hvad er de værste brugen af fejldesignere normalt? Lad os vide dine tanker i kommentarerne.
Fremhævet billede / miniaturebillede, fejl billede via Shutterstock.