Konceptutveckling, interaktionsdesign i digitala projekt

3,146 views

Published on

Gästföreläsning på Berghs School of Communications kring rollen som konceptutvecklare / interaktionsdesigner i webbprojekt.

Published in: Business
0 Comments
5 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
3,146
On SlideShare
0
From Embeds
0
Number of Embeds
14
Actions
Shares
0
Downloads
72
Comments
0
Likes
5
Embeds 0
No embeds

No notes for slide
  • Hand i hand – om vartannat…
  • Mål och syfte
    - De flesta beställare känner till sina kunder/målgrupper på ett bra sätt. En del beställare är dock snett på det (inifrån ut perspektiv)
  • Mål och syfte
    - De flesta beställare känner till sina kunder/målgrupper på ett bra sätt. En del beställare är dock snett på det (inifrån ut perspektiv)
  • Google
    Sociala medier
    The long tail
  • Google
    Sociala medier
    The long tail
  • - Xmind – gratsi verktyg
  • Google
    Sociala medier
    The long tail
  • Enkla URL:er ex. www.exempel.se/jacka
  • Konceptutveckling, interaktionsdesign i digitala projekt

    1. 1. BERGHS: Konceptutveckling Interaktionsdesign Jesper Gisslén, Ottoboni
    2. 2. Inledning
    3. 3. Min bakgrund - Beteendevetenskap - AD - Informationsarkitekt Nu: Konceptutvecklare/Interaktionsdesigner
    4. 4. Innehåll idag - På både övergripande och detaljnivå - Hur jag jobbar - Fokus på det digitala - Avbryt! Ställ frågor! 
    5. 5. Interaktionsdesigner Webbstrateg Konceptutvecklare Informationsdesigner Informationsarkitekt User Interface designer User Experience
    6. 6. Det handlar om att förstå människor - Deras behov - Deras kunskapsnivå - Deras intressen - Deras krav
    7. 7. Det handlar om att förstå människor Konceptutvecklare/ Interaktionsdesigner Beställare ”Kund” Kundens kunder
    8. 8. Det handlar om att förstå människor Konceptutvecklare/ Interaktionsdesigner Beställare ”Kund” Kundens kunder
    9. 9. Översikt: konceptfas Behovsidentifiering1. - 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
    10. 10. Konceptutvecklaren i projektmodellen Konceptfas Avstämning form Avstämning teknik Överlämning Design Teknik Uppföljning (användartester, mätningar)
    11. 11. Konceptfas Stort projekt Litet projekt
    12. 12. Behovsidentifiering
    13. 13. Behovsidentifiering Vad? -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)
    14. 14. 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.
    15. 15. Behovsidentifiering: Användartest - Ofta finns det redan material - Pappersskisser i sin enklaste form - Kvalitativ/Kvantitativ - Referensgrupper genom processen - Klickbar prototyp - ”Card sorting”
    16. 16. Innehållsanalys
    17. 17. Innehållsanalys - Gå igenom existerande information/ rensa, skriva om - Skapa nytt innehåll - Förstår besökare språket? - Envägskommunikation eller dialog?
    18. 18. Innehållsanalys: Funktioner - Behövs ny funktionalitet för att stödja innehållet? Förebygga skador (interaktiv guide)
    19. 19. Innehållsanalys: Funktioner Leda besökaren rätt direkt mha personnummer
    20. 20. 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)
    21. 21. Innehållsanalys: Språk
    22. 22. Innehållsanalys: Språk
    23. 23. 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
    24. 24. Innehållsanalys: Internt sök Auto suggestion
    25. 25. Struktur/Navigation
    26. 26. 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
    27. 27. Struktur: Sitemap
    28. 28. Navigation - Baserat på strukturen - Enkel att förstå - Stödja olika målgrupper
    29. 29. Navigation: Ska svara på: - Var är jag? - Var har jag varit? - Vart kan jag gå?
    30. 30. Navigation: Exempel (Skanska)
    31. 31. Navigation: exempel Toppmeny Brödsmule-meny Facetterad navigering -Kategori -Storlek -Färg -Designer -Pris
    32. 32. Navigation: Startsida Produkt/Tjänst Behov
    33. 33. 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
    34. 34. Wireframe
    35. 35. Wireframe: - Testa sajten utan färg, form - Inte glömma innehåll/funktioner - Få godkänt innan nästa fas (designfasen)
    36. 36. Wireframe: Länsförsäkringar
    37. 37. Wireframe: Länsförsäkringar
    38. 38. Wireframe: Länsförsäkringar
    39. 39. Wireframe: Prototyp
    40. 40. Externa Faktorer
    41. 41. Externa Faktorer: Vad är en startsida? Traditionell syn
    42. 42. 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)
    43. 43. 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!
    44. 44. Externa Faktorer: SEO Nyckelordsanalys (Keyword tool)
    45. 45. Externa Faktorer: SEO Trender
    46. 46. Externa Faktorer: SEO Trender
    47. 47. Sponsrade länkar Organiskt sökresultat Externa Faktorer: SEO
    48. 48. Externa Faktorer: SEO
    49. 49. Titel Rubrik (H1) Nyckelordet (”mopedförsäkring”) ”Externa Faktorer”: SEO
    50. 50. Länk till webbplatsen ”Externa Faktorer”: SEO
    51. 51. Länk till webbplatsen ”Externa Faktorer”: SEO Relevanta taggar
    52. 52. Företag Konsumenter Externa Faktorer: Sociala medier (nya sätt att kommunicera)
    53. 53. Företag Konsumenter Externa Faktorer: Sociala medier (nya sätt att kommunicera)
    54. 54. Företag Konsumenter Dialog Externa Faktorer: Sociala medier (nya sätt att kommunicera)
    55. 55. Externa Faktorer: Sociala medier (posta till Facebook)
    56. 56. Externa Faktorer: Sociala medier (posta till Facebook)
    57. 57. Externa Faktorer: Sociala medier (posta till Facebook)
    58. 58. Externa Faktorer: Sociala medier (Facebook fan page)
    59. 59. Externa Faktorer: Sociala medier (Facebook connect)
    60. 60. Externa Faktorer: Sociala medier (Twitter) - 140 tecken: -PR - Kundservice - Driva trafik - Krisinformation etc.  Ni bestämmer! Men det måste vara personligt
    61. 61. Externa Faktorer: Sociala medier (Twitter) Saltå Kvarn: Nyheter
    62. 62. Externa Faktorer: Sociala medier (Twitter) Ving: Sista Minuten
    63. 63. Externa Faktorer: Sociala medier (Twitter) Hertz: tävling
    64. 64. Externa Faktorer: Sociala medier (Twitter) Chicago Bulls: Inför match
    65. 65. Externa Faktorer: Sociala medier (Twitter) Wachovia (bank): Kundservice
    66. 66. Externa Faktorer: Bevaka
    67. 67. Externa Faktorer: Bevaka
    68. 68. 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
    69. 69. Tack!

    ×