BERGHS:Konceptutveckling Interaktionsdesign

Jesper Gisslén, Ottoboni

Inledning

Min bakgrund- Beteendevetenskap

- AD

- Informationsarkitekt

Nu:

Konceptutvecklare/Interaktionsdesigner

Innehåll idag- På både övergripande och detaljnivå

- Hur jag jobbar

- Fokus på det digitala

- Avbryt! Ställ frågor!

InteraktionsdesignerWebbstrategKonceptutvecklareInformationsdesignerInformationsarkitektUser Interface

designerUser Experience

Det handlar om att förstå människor- Deras behov

- Deras kunskapsnivå

- Deras intressen

- Deras krav

Det handlar om att förstå människor

Konceptutvecklare/Interaktionsdesigner

Beställare ”Kund”

Kundens kunder

Det handlar om att förstå människor

Konceptutvecklare/Interaktionsdesigner

Beställare ”Kund”

Kundens kunder

Översikt: konceptfasBehovsidentifiering1. - Mål, syften, målgrupper,

Innehållsanalys2. - Nytt, gammalt, ny funktionalitet

3. Struktur/Navigation - Antal nivåer, hållbarhet

4. Wireframes - Användarvänlighet, målgruppsanpassning

5. Externa faktorer - SEO, sociala medier, nischsajter, länkbygge

Formgivning

Teknisk utveckling

Konceptutvecklaren i projektmodellen

Konceptfas Avstämning form Avstämning teknik

Överlämning

Design Teknik

Uppföljning (användartester, mätningar)

Konceptfas

Stort projekt

Litet projekt

Behovsidentifiering

BehovsidentifieringVad?

-Lära känna beställaren (och dennes

kunder)

-Hur?

- Workshops / Arbetsmöten (”gula lappar”)

- Gå igenom existerande material

- Användarundersökning, träffa

målgrupper

- Personas (fiktiva användare)

- Intervjuer (lyssna i kundcenter)

Behovsidentifiering: Mål- Kommunikationsmål / Affärsmål / Mätbara mål:

Öka försäljning, varumärkeskännedom, öka service

(t.ex. kundservice), bygga relationer, öka

besökarantalet etc.

Behovsidentifiering: Användartest- Ofta finns det redan material

- Pappersskisser i sin enklaste form

- Kvalitativ/Kvantitativ

- Referensgrupper genom processen

- Klickbar prototyp

- ”Card sorting”

Innehållsanalys

Innehållsanalys- Gå igenom existerande information/ rensa,

skriva om

- Skapa nytt innehåll

- Förstår besökare språket?

- Envägskommunikation eller dialog?

Innehållsanalys: Funktioner- Behövs ny funktionalitet för att stödja

innehållet?Förebygga skador(interaktiv guide)

Innehållsanalys: Funktioner Leda besökaren rätt direkt mha personnummer

Innehållsanalys: Språk- Förstår besökare vad som sägs?

- Våga lyfta fram och välja bort

- Rakt på sak

- Tonalitet

- ”Responsivitet” (dialog)

Innehållsanalys: Språk

Innehållsanalys: Språk

Innehållsanalys: Internt sök-Får ofta mycket klagomål ”Jag använder

Google för att söka på vår egen webbplats”

- Hjälp när man fyller i

- Bättre resultatsida

- Analysera interna sökningar

Innehållsanalys: Internt sökAuto suggestion

Struktur/Navigation

Struktur- Baserat på innehållet

- Måste vara flexibelt för framtiden

- Skapa hierarkier (våga vikta)

-Max antal nivåer?

- Ett slags ”skelett” för webbplatsen

Struktur: Sitemap

Navigation- Baserat på strukturen

- Enkel att förstå

- Stödja olika målgrupper

Navigation: Ska svara på:- Var är jag?

- Var har jag varit?

- Vart kan jag gå?

Navigation: Exempel (Skanska)

Navigation: exempelToppmeny

Brödsmule-meny

Facetterad navigering-Kategori-Storlek-Färg-Designer-Pris

Navigation: Startsida

Produkt/Tjänst

Behov

Besökare som inte bestämt sig för att köpa hushållsnära tjänster

Besökare som har bestämt sig för att köpa hushållsnära tjänster

Navigation: Exempelflöden

Wireframe

Wireframe:- Testa sajten utan färg, form

- Inte glömma innehåll/funktioner

- Få godkänt innan nästa fas (designfasen)

Wireframe: Länsförsäkringar

Wireframe: Länsförsäkringar

Wireframe: Länsförsäkringar

Wireframe: Prototyp

Externa Faktorer

Externa Faktorer: Vad är en startsida?

Traditionell syn

Idag

Externa Faktorer: Vad är en startsida?

Sociala nätverk (t.ex. Facebook)

Social sharing (t.ex. Youtube)

Bloggar, mikrobloggar (t.ex.

Twitter)Nischsajter (t.ex Prisjakt)

Externa Faktorer: SEO- Nyckelord (keyword tool)

- Optimera sidan (titel, rubrik, text, meta-

taggar)

- Intern, extern länkning

- Benämningar (vinterjacka.jpg isf image.jpg)

- Skapa sitemap

- Skapa intressant innehåll!

Externa Faktorer: SEONyckelordsanalys (Keyword tool)

Externa Faktorer: SEOTrender

Externa Faktorer: SEOTrender

Sponsrade länkar

Organiskt sökresultat

Externa Faktorer: SEO

Externa Faktorer: SEO

Titel

Rubrik (H1)

Nyckelordet (”mopedförsäkring”)

”Externa Faktorer”: SEO

Länk till webbplatsen

”Externa Faktorer”: SEO

Länk till webbplatsen

”Externa Faktorer”: SEO

Relevanta taggar

Företag Konsumenter

Externa Faktorer: Sociala medier (nya sätt att kommunicera)

Företag Konsumenter

Externa Faktorer: Sociala medier (nya sätt att kommunicera)

Företag Konsumenter

Dialog

Externa Faktorer: Sociala medier (nya sätt att kommunicera)

Externa Faktorer: Sociala medier (posta till Facebook)

Externa Faktorer: Sociala medier (posta till Facebook)

Externa Faktorer: Sociala medier (posta till Facebook)

Externa Faktorer: Sociala medier (Facebook fan page)

Externa Faktorer: Sociala medier (Facebook connect)

Externa Faktorer: Sociala medier (Twitter)- 140 tecken:

-PR

- Kundservice

- Driva trafik

- Krisinformation etc.

Ni bestämmer! Men det måste vara

personligt

Externa Faktorer: Sociala medier (Twitter)

Saltå Kvarn: Nyheter

Externa Faktorer: Sociala medier (Twitter)

Ving: Sista Minuten

Externa Faktorer: Sociala medier (Twitter)

Hertz: tävling

Externa Faktorer: Sociala medier (Twitter)

Chicago Bulls: Inför match

Externa Faktorer: Sociala medier (Twitter)

Wachovia (bank): Kundservice

Externa Faktorer: Bevaka

Externa Faktorer: Bevaka

Slutsatser- Konceptfasen är oerhört viktig

- Våga lägga tid på att göra rätt från början

- Se till att konceptet följs genom hela

processen

- Vem gör vi lösningen för? Beställaren?

Beställarens kunder?

- Inte bara ”hemsida” längre

Tack!