Vad är det?

En entry point är en startpunkt i ditt gränssnitt som leder användaren in i din webbsida eller app (Tidwell, 2011). Med tydliga entry points gör man det snabbt och enkelt för användaren att fullborda sina uppgifter och förstå vad man kan göra på din webbsida. Vilken form som bör användas och hur de bör ser ut, beror både på din produkt och dina användare. Om syftet med din webbsida till exempel är att sälja kurser i matlagning, kan passande entry points vara en CTA (call to action) som leder användaren till mer information om de olika kurserna eller till ett formulär där man kan anmäla sig till nästa tillgängliga kurs. Poängen med entry points är alltså att göra syftet med din produkt tydligt, guida nya eller återkommande användare mot sina mål, och göra det enkelt för dem att klicka vidare in i din webbsida.

När används det?

Clear entry points används när vissa applikationer och webbsidor när den öppnas visar användaren för mycket information som första intrycket. Detta gör att nya och återkommande användaren blir förvirrad, detta inte ger användaren klar möjligheten om ”vad ska man göra först”.

För att ger en bra upplevelse först bör man göra en list med olika alternativ där det liknar med användarens perspektiv och på det sättet ”clear entry points”:

· Förbättrar webbsidan/applikationens första intrycket för nya och återkommande användaren

· Förminska känslan av förvirring och irritation med hjälp av mindre steg i själva navigationen

Detta ger en omedelbart tillfredsställande känsla i användaren. På det sättet användaren vet vad sidan gör och eftersom man har definierad, kategoriserad innehållet synligt och med mindre navigation steg.  

Hur används det?

När webbplatsen besöks eller applikationen startas, ska man presentera dessa entry points som “dörrar” till huvudinnehållet. Från dessa entry points, leds användaren in i applikationen eller sajten tills de har tillräckligt med information och förstår sammanhanget för att fortsätta navigera själva.

Samtliga entry points i en webbplats eller applikation bör täcka de flesta och viktigaste skäl som gjorde att användaren besökte sajten eller applikationen.  Det kan finnas en eller två entry points men också fler, det beror på vad som passar in i designen och behovet av sajten / appen. Det man böra göra är att använda ett kommunikations språk som första-gångs användare kan förstå. Här kan man inte använda sajtsspecifika språk. 

Visuellts, bör man designa dessa entry points på ett sätt som visar att de är viktiga, till exempel kan det vara en knapp som är stor och ligger centralt. De flesta webbplatser/applikationer har dessutom andra navigationslänkar till exempel global navigering, verktygsnavigering osv. Dessa bör vara mindre i storlek och mindre framträdande än de clear entry points som finns på samma sida. De är mer specialiserade och leder inte nödvändigtvis till huvudinnehållet.

Bra exempel

Boxers främsta uppgift är att sälja TV-abonnemang och bredband. Detta företag marknadsför, distribuerar och administrerar kanaler som sänder abonnemangs-TV. Deras försäljnings kanal är just nu företagens webbsidan och jag tyckte det var en bra exempel för att ha väldigt tydliga clear entry points med synligt information med allt som användaren behöver veta.   

• 

Wacom (www.wacom.com) finns det mycket information som första intrycket men den har bra clear entry point som gör att denna webbsida blir ett bra exempel. Slide show där användaren kan trycka framåt lägst ner på bilden om han vill för att se mer information utan att byta sida, chatttjänst där han kan bli besvarad alla sina funderingar. Detta visar tydligt information om produkten och var kan man hitta hjälp.

Dåliga exempel

Wolf Rock (wolfrockmarketing.co.uk) är en marknadsföringsbyrå i Cornwall som designar varumärken och marknadsföringsstrategier. De har en snygg hemsida med häftiga bilder och videos, men tyvärr saknar de tydliga entry points och deras value proposition (d.v.s. introduktionstexten till deras företag och service) är mångordig och otydlig med oklara rubriker. Hamburgermenyn gömmer dessutom viktig navigering och gör det ännu svårare för användaren att ta sig vidare. Scrollar vi några skärmar ner får vi äntligen några länkar in i sajten, men många användare är inte alltid villiga att ta sig ända dit (Fessenden, 2018).

Om syftet med deras webbsida är att sälja sina tjänster i marknadsföring, behöver detta alltså vara tydligt direkt när användaren landar på sidan och helst presenteras “above the fold” där chansen att användaren kommer att se det är stor. En introduktionstext i ett par meningar och ett par CTA:s som leder användaren till deras portfolio och detaljerad information om deras tjänster, hade gjort syftet med webbsidan tydligare och uppmuntrat både nya och återkommande användare att gå vidare in i sajten.

Mud jeans (mudjeans.eu) säljer miljövänliga jeans och det förstår man snabbt när man landar på deras sida, genom tydliga bilder och stilrena ikoner som snabbt och enkelt kommunicerar vad man kan köpa – och varför. Vi har också två tydliga CTA:s som leder användaren till deras jeans shop. Det som kan vara något förvirrande, är att de har dubblerat sina entry points längre ner. För att göra det enkelt för användaren är det en god ide att inte ha för många entry points (Tidwell, 2011), men om användaren inte är intresserad av att klicka på de första länkarna, lär de antagligen inte klicka på samma länkar längre ner. Dessutom har knapparna dålig kontrast och låg läsbarhet. Kanske hade det varit mer passande att använda ifylld knappar istället för ghost buttons och att marknadsföra andra kategorier på dessa element – t.ex. new arrivals, deras jackor eller tröjor.  

Eget exempel

https://hqyxk9.axshare.com/#id=wlp76g&p=home

Denna app är avsedd för bättre kommunikation mellan lärare och föräldrar i förskolan Vita Svanen. Målgruppens åldersintervall är ganska stor, och erfarenheten av att använda appar skiljer också mycket mellan användarna. Baserat på denna information har appen ett stort krav på enkel förståelse och en enkel användning. På hemsidans startsida ställer användaren av applikationen vilket språk de vill använda och deras identitet (förälder eller lärare). Lärarna delar på samma lösenord och kan uppdatera innehållet tillsammans. Huvudsidan väl inloggad visar bara de mest relevanta funktionerna för lärare. Funktionerna är: Annons, Diskussion, Närvaro (där lärare kan veta hur många barn som ska komma varje dag) och Veckans mat.  Föräldrar får ett specifikt konto och lösenord när deras barn börjar dagis, och huvudsidan för föräldrarna liknar lärarna. Få clear entry points gör det enkelt för användare, de kan direkt förstå uppgifterna även om de är första gången.

Källor och länktips

Tidwell, J. (2011) Designing Interfaces. 2nd ed [ebook]. Canada: O’Reilly Media, Inc. Available at: https://dawsonera.com/ [Accessed: 23 November 2019]

Fessenden, T. (2018). Scrolling and attention. Nielsen Norman Group. Available at: https://www.nngroup.com/articles/scrolling-and-attention/ [Accessed: 27 November 2019]

Bra exempel (grupp 6): 

https://www.hallon.se – På mobiloperatören Hallons webbplats hittar besökaren direkt till aktuella erbjudanden, möjligheten att ladda sitt kontantkort samt får en enkel överblick över abonnemang.

Dåligt exempel (grupp 6): 

• 

• 

https://tibber.com/se/ – På elbolaget Tibber’s webbplats är det första en besökare ser en knapp för att “Komma igång”. Klickar användaren på länken visas en ny ruta där det enda man kan göra är att bli omdirigerad för att kunna ladda ner deras app. Det upplevs som en återvändsgränd, speciellt när man besöker sidan via datorn som inte har någon nytta av appen.