En av de viktigaste uppgifterna på din platta som webbdesigner är användbarhet. Användbarhet definieras som en mätare av kvaliteten på användarens erfarenhet när den interagerar med din webbplats. Varje webbsida du designar ska alltid vara sömlös ur användarens synvinkel. De ska hitta din webbplats lätt att navigera utan att behöva genomgå särskild träning. Användbarhet bygger normalt på flera olika faktorer.
En person som tittar på din webbplats vill ha sin lätthet att lära sig vara högklassig. De vill snabbt lära sig användargränssnittet så att de kan hoppa in och genomföra grundläggande navigationsuppgifter. Effektivitet i användningen är en annan faktor: efter att ha lärt sig att navigera på din webbplats, vill de utföra uppgifter snabbt. Även om användaren har använt webbplatsen tidigare måste de lätt komma ihåg noga med processen för att kunna använda webbplatsen effektivt nästa gång. Detta kallas minnesförmåga. När de använder din webbplats kan de uppleva vissa fel, men är dessa fel vanliga eller svåra? Slutligen, efter att de är färdiga med din webbplats, är användarens subjektiva tillfredsställelse hög eller låg? De borde ha gillat att använda din webbplats.
Naturligtvis kan du inte behaga alla besökare hela tiden, men vissa standarder är vanliga för att säkerställa god användbarhet. Vilka mediokra webbdesigners tar för givet, du borde inte. Här är en översikt över de tre bästa användbarhetsfel som webbdesigners borde undvika till varje pris.
Din webbplats kommer vara chock full av hyperlänkar, som tydligt är avsedda att klickas. Så se till att de är stora nog att klickas enkelt. Det är så enkelt. Annars kommer dina hyperlänkar inte att vara väl mottagna. Användarens handrörelser på musen kommer inte att vara exakta för att börja med, så gör inte klickbara områden så små att användaren måste använda en kombination av finess och strategi för att bara ta ett skott när du klickar på dina små hyperlänkar.
Å andra sidan, ett större, lättare klickbart område gör det mycket bekvämare att sväva markören över alla länkar. För att göra det klickbara området större, helt enkelt göra hela länken större eller förbättra vaddering som omger länken. Du kan göra detta genom att använda CSS-polstningsegenskapen.
Ta en titt på denna böter exempel av ett fruktansvärt litet klickbart område. Det är från sidan "Hacker News" på en webbplats som heter Y Combinator, som ger seed finansiering för start. Lägg märke till hur kommentarer och användar länkar är så försvårande små. Du har tur att äntligen lyckas med att klicka på dem efter att ha övat flera gånger.
Pagination är stor när den används för rätt ändamål i webbdesign. Vid korrekt användning är pagination en välkommen funktion eftersom det gör en webbplatss layout bekvämare och lättare att absorbera. Det används främst för att dela innehållet i olika sidor, och det är en funktion som vanligtvis ses på webbplatser som presenterar långa listor över objekt.
Paginering kan emellertid också missbrukas, vilket gör det en bidragande faktor till användbarhet besvär. Vissa webbplatser är förtjusta i att missbruka paginering för att dela upp grundläggande innehållssidor på flera sidor, och det finns också ett bakomliggande motiv bakom detta. De webbplatser som gör det här är troligtvis försök att öka sina sidvisningar, enkla och enkla. Många onlinemagasiner och bloggar får sina intäkter genom reklam, så att fler sidvisningar ökar sin visningsstatistik och låter dem ladda mer för annonser.
Titta på det här missbruk av pagination, som kommer till oss från Wired Magazine. Observera hur artikeln på Googles färgstarka logotyp delas upp i åtta sidor när alla åtta sidor lätt kan kombineras till en webbsida. Även då skulle den längre artikeln inte ha orsakat att sidan blev långsammare vid lastning och bearbetning. Observera också hur försvårande det är att klicka flera gånger för att slutföra läsningen av artikeln.
Dessutom kan detta missbruk av pagination skadas med avseende på SEO; Om du delar upp innehåll på din webbplats upp till flera sidor sparar du ditt innehåll. Detta medför att antalet relevanta sökord minskas om ämnet på varje webbsida, vilket innebär att varje sida är mindre meningsfullt av sig själv. Som ett resultat kan sökmotorerna misslyckas med att korrekt tolka vad varje sida handlar om och därigenom negativt påverka artikelns sökmotorresultat rankningar.
Innehåll som är svårt för webbplatsanvändare att skanna är vanligtvis innehåll som lider av dålig kopia. Kopiera är det textinnehåll som du har fyllt på din webbplats och är absolut nödvändigt för att göra din webbplats användbarhet utmärkt. Även innan du oroar dig för bra kopia måste du dock ha en grundlig förståelse för användarnas visningsbeteenden. Webbplatsanvändare brukar inte läsa all information på en webbsida från topp till botten, som du kanske förväntar dig.
I själva verket absorberar webbplatsanvändare information genom att helt enkelt hoppa från en bit innehåll till nästa, väsentligen styrd av vad som dyker upp på dem på webbsidan. Du kan tacka det faktum att internet bombarderar människor med information för detta frenetiska webvisningsbeteende. Användarnas ögon plockar i princip från en intressant del av en viss webbsida till en annan, vilket innebär att du, som den fulländiga webbdesignern du, måste strukturera dina sidor på ett sätt som passar det här häftiga beteendet.
Först, se till att din webbplats har bara några, tydliga fokuspunkter. Dessa kommer att fungera som sektioner på din sida som kommer att få besökarnas uppmärksamhet. Du kan lyckas genom att inkludera större teckensnitt och högkontrastfärger. För extra visuell attraktion, inkludera även bilder som ikoner precis bredvid texten.
För det andra bör varje fokuspunkt helst ha ett beskrivande rubrik. Utan att läsa kopian ytterligare, bör en användare genast förstå vad det här avsnittet av innehåll kommer att täcka. Gör aldrig rubrikerna kryptiska eller oklara för att dra läsarna in. Gör rubrikerna korta men exakta.
Slutligen måste ytterligare text vara kortfattad och lätt att absorbera. Erbjud bara grundläggande och utesluta allt annat. Mycket av tiden innehåller ytterligare text som copywriters för att klargöra en punkt faktiskt subtraherar från läsbarheten av texten. Det finns en tendens för många att bara läsa små textstycklingar samtidigt som man undviker längre stycken, så trimma fettet.
Låt oss ta en snabb titt på a webbsida som organiserar sin kopia väl. Detta är Cultured Code s saker app för Mac. Du märker att vid första anblicken är fokuspunkterna, som är skärmdumpen och den jättestora "Things" -rubriken, mycket uppenbara. Kopian av appens olika funktioner, som du kan se mer av genom att rulla ner sidan, är också mycket kort och till den punkten, med bara en kort stycke eller två för att ge en kort beskrivning av varje funktion.
Bra användbarhet innebär så många olika faktorer som de alla kan vara lite svåra att hålla reda på. Användbarhet handlar om slutanvändaren och hur de känner som de navigerar och skannar genom din webbplats. Sätt dig i sina skor när du utformar din webbplats. Kan de enkelt komma runt din webbplats? Kommer de lätt att komma ihåg vad de ska göra och vart ska de gå nästa gång de besöker din webbplats? Kommer de i slutändan att njuta av sin erfarenhet att surfa på din webbplats? Alla dessa frågor borde vara främsta och centrala i ditt sinne när du designar din webbplats.
Bra användbarhet har också praktiska fördelar. Ju mer en användare kan navigera på din webbplats effektivt, desto mer kommer de att vara tillbaka. De kommer också att berätta för sina vänner, deras mamma, deras medarbetare ... du får bilden. De kommer att kolla in din webbplats. Som ett resultat får du fler sidvisningar, fler läsare och, förhoppningsvis, ett lojalt följe. Det innebär att du kan tjäna pengar på din webbplats och ladda mer för annonser på webbplatsen. Ta hand om användbarhet, och du kommer skörda belöningarna på så många sätt.
Vilka användbarhetsfel skulle du lägga till? Vilka är de värsta användbarhetsfelkonstruktörerna ofta gör? Låt oss veta dina tankar i kommentarerna.