konceptutveckling, interaktionsdesign i digitala projekt
Post on 30-Apr-2015
3.582 Views
Preview:
DESCRIPTION
TRANSCRIPT
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!
top related