10 användbarhetstips för webbdesigners
Enkelt uttryckt gör användbarheten din webbplats enkelt för dina besökare att hitta den information de behöver när de behöver det .
En vanlig missuppfattning om användbarhet hos webbföretag är att användbarheten är dyr. Ja, det finns multinationella företag som spenderar tusentals dollar på användbarhetstest och forskning, men för ett vardagligt företag kan användbarheten uppnås utan kunskap om användbarhetsexperter eller utan dyr utrustning för testning .
Webbdesigners har ett ännu enklare jobb att göra, bara genom att läsa användbarhetsartiklar kan de samla en ganska bra kunskap om användbarhetsgrunderna och hur man implementerar dem på en webbplats.
1. Inkludera en Tagline
En tagline är ett uttalande eller motto som representerar ett företags, eller i vårt fall en hemsida, filosofi och uppdrag. Det borde vara det mest uppenbara elementet på en hemsida och det borde tydligt beskriva webbplatsen i en fras.
Statistik visar att en webbplats bara har 8 sekunder för att fånga besökarens uppmärksamhet för att de ska bläddra bland annat på webbplatsen. Utan en tydlig tagline skulle en webbplats ha svårt att hålla besökarna tillräckligt långa för att bläddra på de inre sidorna.
2. Implementera webbplatssökning
Som med taglines är webbplatssökning ett mycket viktigt element på en webbplats. När användare letar efter något söker de vanligtvis efter ett textfält där de kan skriva in deras sökord.
Enligt Jacob Nielsens webbanvändbarhetstips, gör den här sökrutan 27 tecken breda för att texten ska vara tydlig synlig och enkel att använda. Placera söktextfältet längst upp på din webbsida , eftersom användarna brukar söka efter en webbplats enligt F-mönstret , vilket betyder längst upp till vänster till höger.
Inkludera en sökknapp och tydligt specificera söktexten, använd inte text som Gå eller Skicka , eftersom dessa uttryck tenderar att vilseleda besökarnas webbplats.
3. Använd inte omfattande grafik
Missbruk av designelement och grafik är alltid dåligt för en webbplats, de vilseleder bara webbplatsens besökare. Design endast för att förbättra webbsidan, inte bara för att dekorera den. Ur användbarhetssynpunkt är mindre alltid mer.
4. Använd sajtkartor
Webbplatskartor är en relativt ny webbplatsfunktion som förbättrar webbsidans navigering och även sökmotoroptimering (SEO). Webbkartor är i huvudsak en strukturell representation av en webbplatss sidor och arkitektur. Det kan vara ett dokument i någon form, eller en webbsida som listar sidorna på en webbplats, vanligtvis organiserad på hierarkisk sätt.
Nyligen har sökmotorer som Google, Yahoo och MSN börjat erbjuda ett webbplatskampanjprotokoll som liknar en webbplatss webbplatskarta, men dataen är organiserad i XML-format. Det finns Sitemap XML-generatorer som skapar dessa dokument för en specifik webbadress.
5. Bryt inte arbetsflödet
Med arbetsflöden menar vi varje operation som en användare gör på en webbplats . Till exempel att fylla i ett formulär, registrera på en webbplats, surfkategorier, arkiv etc. Ta inte bort dessa arbetsflöden, låt användaren avbryta någon operation. Genom att inte låta användaren avbryta en operation tvingar vi dem att slutföra det även om de inte vill.
Inte alla operationer på en webbplats är uppenbara för användarna, vägleda dem genom det specifika arbetsflödet genom att använda beskrivande tips. (t.ex. när du fyller i ett formulär). Javascript-länkar brukar bryta arbetsflödet, så det rekommenderas inte att använda dem på din webbplats.
Ett annat misstag förändrar inte färgen på besökta länkar , vilket resulterar i att navigationsdesignen bryts. Låt användarna veta var de har varit och var de är på en webbplats.
6. Skapa enkelt skannbara webbsidor
Lättlästa webbsidor spelar en viktig roll för att behålla besökarnas lojalitet, hålla dem på din webbplats och läsa ditt innehåll. Användbarhetsprov visar att majoriteten av användarna inte läser webbsidor, de skannar dem , letar efter titlar, djärva, betonade text eller listor.
Ojspårningsstudier utförda av Jakob Nielsen visar att användarna läser innehåll som liknar en F-form, vilket betyder att läsningen börjar från den övre vänstra sidan av webbsidan, därefter går den lite nedåt från vänster igen.
Nielsen anger också konsekvenserna av detta läsemönster:
- Användare kommer inte att läsa ett ordinnehåll för webbsidor, de kommer att extrahera viktiga punkter, fet text etc.
- De två första styckena är viktiga på en webbsida. Dessa måste innehålla den viktigaste informationen som dina besökare letar efter.
- Underrubriker och listor sticker ut från de vanliga styckena. Använd dessa element för att informera användare om viktig information.
En viktig metod som vi kan lära av traditionella tryckta tidningar är att journalisterna tänkte på en catchy rubrik och en catchy första stycke för att läsarna ska läsa hela artikeln. De organiserar innehållet i ett inverterat pyramidformat , bara bild en upp och ner pyramid. Den breda basen representerar den viktigaste informationen i hela artikeln och den smala spetsen representerar den minst viktiga informationen.
Vi kan använda det här formatet för att organisera webbinnehåll genom att lägga de viktigaste bitarna överst och minst viktiga i botten , men hur vet vi vilken information som är viktig och vilken är inte? Med hjälp av nyhetsvärden .
7. Designa inte vilseledande gränssnittskontroller
Med användargränssnitt (UI) kontroller menar vi webbsidor, komponenter och widgets som en användare kan interagera med (t.ex. en knapp, listrutan).
Utforma inte grafiska element som ser ut som en knapp, men det är det inte . Vi ser ofta text som är understruken och ser ut som länkar men kan inte klickas.
Genom att inte ha den åtgärd som användarna väntade skulle de tro att webbplatsen är bruten och så småningom lämnar. En annan viktig användbarhetstips om användargränssnittskontroller är konsistens: Se till att dina gränssnittskontroller är konsekventa .
Yahoo , som bilden ovan visar är ett bra exempel på konsekvent användargränssnittskontroll. Varje flik på sidan ser ut och beter sig på samma sätt, varje länk är understruken på musen över, varje knapp ser på samma, etc.
8. Ge meningsfull feedback
Betydande feedback är viktigt för en webbplats. Det här är kommunikationskanalen mellan webbplatsen och användarna, med hjälp av feedback vi låter användarna veta vad som händer på webbplatsen. Vid fel på din webbsida, skriv inte bara ut Fel inträffade , skriv i stället meningsfulla felmeddelanden som berättar användaren vad som gick fel och vilka åtgärder de kan göra därifrån.
Feedback fungerar på båda sätten . När en användare fyller i ett formulär ger de väsentligen dig feedback. Gör inte användarna för att fylla i samma information två gånger. Till exempel om en användare har registrerat sig på en webbplats och behöver fylla i ett formulär vid något tillfälle, fråga inte deras namn eller annan information som de redan har tillhandahållit, eftersom dessa uppgifter redan finns någonstans i en fil eller databas. Genom att helt enkelt få dessa detaljer automatiskt förenklar vi hela processen.
9. Överanvänd inte Javascript
Med tillkomsten av Javascript och AJAX-tekniken kan webbdesigners och utvecklare skapa responsiva, transparenta webbplatser, men som med all ny teknik finns det en kostnad. I vårt fall är kostnaden webbläsarens inkonsekvens. Inte alla användare har en aktuell webbläsare. De kanske inte har Javascript aktiverat som standard.
Genom att använda Javascript på en webbplats i stor utsträckning blockerar vi ut dessa användare. Använd istället diskreta Javascript och värdigt förfall .
10. Undvik CAPTCHAs
CAPTCHA står för fullständigt automatiserat public turing-test för att berätta för datorer och människor separat. Även namnet låter komplext. Den vanligaste formen av CAPTCHA är text inbäddad i en bild och genom att testa besökare kan vi separera mänskliga användare från spambots.
Problemet med CAPTCHAs är att varje form av mänsklig verifieringsmetod utlöser en komplex process i användarnas hjärnor (t ex att räkna ut den förvrängda texten, lägga till två siffror, etc.).
Ett annat problem med CAPTCHAs är inkonsekvenserna med olika kulturer . Till exempel kinesiska symboler skiljer sig siffrorna från de flesta västliga bokstäverna och arabiska siffror. Kineser har en mycket svårare tid med hjälp av CAPTCHA-aktiverade onlineformulär.
Sammanfattning
- Alltid inkludera en tagline som borde vara det mest uppenbara elementet på en webbsida.
- Implementera en 27-sidig bred söksökning och placera den ovanpå din webbplats.
- Använd inte omfattande grafik och designelement.
- Inkludera en webbplatskarta och registrera ett sitemap XML-dokument i sökmotorer.
- Bryt inte användarens arbetsflöde. Låt varje åtgärd avbrytas om det behövs.
- Skapa enkelt skannbart webbinnehåll och placera viktigaste informationen ovanpå din webbsida.
- Utforma inte grafiska element som ser ut som en knapp, men det är det inte.
- Nuvarande meningsfull feedback och glöm inte att feedback fungerar på båda sätten.
- Använda sig av diskreta Javascript och värdigt förfall .
- Undvik CAPTCHAs, använd mer användbar metoder istället.
Följer du dessa principer? Vänligen lägg till din feedback och extra tips nedan.