Interaktionsdesign i praksis

Transkript

1 Interaktionsdesign i praksis

2 Hej jeg hedder

3

4 IDENTITETS DESIGN DIGITALT DESIGN TEKNISK UDVIKLING SERVICE DESIGN

5

6 Vi skaber begrundet design med udgangspunkt I brugernes behov og vore kunders forretning

7 Reality check: Hvad kan man bruge sådan noget som interaktionsdesignkurset til?

8

9 Usability og heuristik er ikke (kun) svaret

10 MINDSET PROCES FORM

11 Hvor mange her har et website?

12

13 Hvorfor? Til hvem? Hvad skal man kunne? Hvorfor? og hvordan tjener du penge på det? og næste år?

14 TEKNIK KLAR STRATEGI VIDEN OM BRUGERNE INDHOLDS- ORGANISATION

15 Aktiviteter for udvikling STRATEGISK AFKLARING KONCEPT DESIGN LAUNCH(ES) RESEARCH IA TEKNISK IMPLEMENTERING

16 Hvad er strategi? >

17 KLAR STRATEGI VIDEN OM BRUGERNE INDHOLDS- ORGANISATION

18 Hvad er strategi? Strategi handler om at være anderledes: definer en unik og værdiskabende position Strategi handler om at kunne definere retning: Man kan ikke alt på en gang Strategi handler om at definere aktiviteter, der passer til organisationen

19 Strategi handler om at kunne sige hvad man IKKE er at være den bedste er IKKE en strategi

20 I skal prøve det her site fordi

21 FORRETNINGS- STRATEGI R&D strategi Designstrategi Webstrategi Markedsstrategi Organisationsstrategi Brandstrategi PROJEKTER OG INITIATIVER

22 Strategisk identitet>

23 Overordnet forretningsstrategi Hvilke services tilbyder I? Hvilke services tilbyder I ikke? Hvordan kan jeres forskellige services kombineres til at skabe en sammenhængende værdi for jeres kunder?

24 Passer til forretningsstrategi Passer ikke ift. forretningsstrategi Ens ift konkurrenter Forskellig fra konkurrenter

25 Etabler forretningsmål og prioritér ØGET PRODUKTSALG FLERE ABONNENTER ØGET KENDSKAB TIL PRODUKT FLERE BESØGENDE FLERE SIDEVISNINGER

26 Vigtighed ØGET PRODUKTSALG FLERE ABONNENTER ØGET KENDSKAB TIL PRODUKT 2 1 FLERE BESØGENDE Implementeringsgrad FLERE SIDEVISNINGER

27 Vigtighed Fokusér Overvej 1 Ignorer Implementeringsgrad

28 Vigtighed ØGET PRODUKTSALG 5 Fokusér ØGET KENDSKAB TIL PRODUKT FLERE ABONNENTER 4 3 FLERE SIDEVISNINGER FLERE BESØGENDE 2 1 Overvej Ignorer Implementeringsgrad

29 Vigtighed FLERE SIDEVISNINGER ØGET ØGET KENDSKAB PRODUKTSALG TIL PRODUKT 5 Fokusér FLERE BESØGENDE FLERE ABONNENTER Overvej 1 Ignorer Implementeringsgrad

30 Positionering: Konkurrenter>

31 Høj Lav Pris Hastighed Sikkerhed Funktionaliteter Usability

32

33 Team me up with Peter Paul Mary INVITE INVITE INVITE

34

35 Good morning Mr. Petersson These sessions may fit you well sir: Spa Gym Gym ADD TO MY CALENDAR ADD TO MY CALENDAR ADD TO MY CALENDAR BOOK BOOK BOOK

36 Definition: Elevatorpitch >

37 Elevatorpitch Den forklarende tale, du holder mellem 2 etager i en elevator

38 HVEM ER MÅLGRUPPEN Til [navn på målgrupper] Der er utilfredse med [nuværende markedsalternativ] HVILKE SERVICES/ OPLEVELSER ER VÆRDISKABENDE FOR DEM? Tilbyder vi [Beskrivelse af service/produkt-kategori], som kan [beskrivelse af hoved-feature] HVORDAN ADSKILLER DETTE PRODUKT SIG FRA VORES KONKURRENTERS I modsætning til [alternativt produkt] Har vore produkt [usp s]

39 Tegn på, at du ikke har defineret klar værdi for dine brugere Du ligner din konkurrent Din målgrupper er alle Det er uklart, hvad du tilbyder Du har ingen konkurrencemæssige fordele

40 Hvad giver værdi for brugerne? >

41 KLAR STRATEGI VIDEN OM BRUGERNE INDHOLDS- ORGANISATION

42

43 Målgrupper og værdi Uhh det kunne jeg bruger, når Hvem er din målgruppe? Hvad motiverer din målgruppe?

44 Definer Hvem er dine brugere/forbrugere? Hvad gør de og hvorfor? Hvad og hvornår bidrager produktet til værdi for målgruppen?

45 Definer og prioriter behov Vis mine beregninger Giv mig pris på Hvad skal jeg vælge?

46 Lav personas Privatpersoner, usikre IT brugere Erhvervsbrugere Pressen [Beskrivelse og karakteristika: Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed non justo. In hac habitasse platea dictumst. Duis tortor. Morbi nibh velit, vehicula vel, sagittis id, mollis a, libero. Nunc diam. Aenean [Beskrivelse og karakteristika: Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed non justo. In hac habitasse platea dictumst. Duis tortor. Morbi nibh velit, vehicula vel, sagittis id, mollis a, libero. Nunc diam. Aenean [Beskrivelse og karakteristika: Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed non justo. In hac habitasse platea dictumst. Duis tortor. Morbi nibh velit, vehicula vel, sagittis id, mollis a, libero. Nunc diam. Aenean

47

48

49

50 Long term Strategic goal Most important piece goes here! Short Term Strategic goal

51

52

53

54

55

56 Og så er der organisationen bag >

57 KLAR STRATEGI VIDEN OM BRUGERNE INDHOLDS- ORGANISATION

58 Uhh det kunne jeg bruger, når + = Forretningsmål Brugernes behov Koncept

59 Gør strategien anvendbar med et koncept 1

60 Et koncept er den bærende ide for designet

61 .Man jager et bæst men fanger et menneske

62 .som planeter i et solsystem: De er indbyrdes afhængeige, men de når aldrig hinanden.

63

64 .hvad hvis vores site var...

65

66 Funktionelt koncept: hvad vil vi gerne have brugerne til at gøre?

67 Emotionelt koncept: Hvilken umiddelbar oplevelse skal brugerne have, når de besøger sitet?

68 2 Design vedrører ikke kun løsningen an sic

69 Tværorganisatoriske Indholdsleverandører Tværorg. redaktionsgruppe med ugentligt møde Publicer Feedback

70 Brugerpanel Statistik Styregruppe

71 3 Motiver din indholdsleverandører

72

73

74 og endelig kan man begynde at producere >

75 Struktur Funktionalitet Indholdstyper Log ind RSS Nyhedsarkiv Kalender Presserum Download Publikationer Telefonbog Produktoversigt Afstemning Abonner Sitemap Nyhed Pressemeddelelse Arrangement Dataark Publikation Statistik Artikel Produktark Medarbejder Cases Tutorials Trinvis guide

76 Struktur og placering af indhold Gruppér indhold og giv grupperne et navn Vælg om den primære gruppering skal baseres på emne, handling, målgruppe eller afdeling Vælg sekundær gruppering Formål: Etablering af sitets struktur

77 MÅLGRUPPE HANDLING AFDELING EMNE

78 Krav til navngivning Skalerbarhed menupunkter skal kunne indeholde nye punkter. Distinktion menupunkter skal tydeligt adskille sig fra hinanden. Forklarende menupunkter skal forklare sig selv. Samme niveau menupunkter skal være på samme logiske niveau.

79 Start med det øverste niveau og forklar FORSIDE OM OS PRODUKTER NYHEDER KARRIERE INVESTOR Hvem vi er Det vi laver Nyt og abonnementer Arbejdsforhold og rekruttering Økonomiske forhold

80 Suppler med niveau 2 FORSIDE OM OS PRODUKTER NYHEDER KARRIERE INVESTOR Organisation Sko Nyhedsarkiv Ledige stillinger Årsrapporter Økonomi Handsker Kalender Søg et job Investornyt Strategi Huer Abonner Mød en kollega Analyser Kontakt Jakker Betingelser Downloads

81 Kortsortering tester struktur og navngivning Strukturen nedfældes på kort 5-10 repræsentanter for målgruppen placerer individuelt kortene i en struktur, der stemmer overens med deres opfattelse.

82 Navigation>

83 Vælg globalt navigationsprincip LOKAL NAVIGATION GLOBAL NAVIGATION KONTEKSTUEL NAVIGATION

84 Funktionaliteter og scope>

85 Vælg funktionaliteter ift. scope og strategi Log ind Billedkarrussel Paging Teaser RSS Brødkrummesti Personalisering Læringsunivers Nyhedsarkiv Kommenter Preview Footer Kalender Sammenlign Quicklook Guide Presserum Sideopsætning Ratings Linkoversigt Download Filtrer Søg Afstemning Publikationer Detaljeret visning Del Abonner Telefonbog Drag & Drop Slideshow Sitemap Produktoversigt Filmstrip Sliders

86 Prototyper>

87 Forside

88 Underforside

89

90 m--live.com/#/trailer

91 Dokumentation Easy acces webpart list audience relevant content form a sitecollections structure. The entire structure can be accessed by everyone, but this Webpart ensures that a specific target group (audience) is presented for most relevant links only. Easy acces webpart can theoretically contain from 1 to+100 items. Clicking on a subject title will unfold the subordinary list of links.

92 Tænke-højt-test tester interaktion og struktur Prototyper testes for interaktionsdesign, navigation, struktur og brugsscenarier? 5-10 repræsentanter for målgruppen tænker højt mens de udfører en række opgaver.

93

94 En lille case>

95

96

97

98

99

100

101 Brugsværdi + - Forretningsværdi +

102

103

104

105 MIN SIDE Afgørelse om børnetilskud er truffet. Gå ind på og se din afgørelse. Med venlig hilsen Vejle Kommune

106 MIN SIDE Velkommen til DIT BARSELSFORLØB Se filmen om hvad der skal ske til skanning

107 Borgertemaer Min side App Store

108

109

110 God til push info, underholdning, nyheder og apps i bestemte områder Kan tracke adfærd og hvor du er Synkroniserer data med andre enheder i et afgrænset område.

111

112

113

114

115

116

117

118

119

120 Tilbyd mobil infoplatform LÆS INFO PÅ BORGER:DK LÆS INFO PÅ BORGER:DK LÆS INFO PÅ BORGER:DK LÆS INFO PÅ BORGER:DK LÆS INFO PÅ BORGER:DK

121 Tilbyd app-store APPSTORE

122 Tilbyd udviklingsplatform

123 Gør borger.dk til mobil bookmarkservice

124 Tilbyd viden om adfærd og potentialer Viden om brugeradfærd til det offentlige Brugeradfærd Metoder Teknologi

125 Understøt incitamentet for de involverede? PRIVATE APP-STORE PARTNERS LEVERANDØRER AF SERVICES (KOMMUNER OG STAT) PRIVATE CO- LEVERANDØRER IFT OFF. SERVICES BORGER.DK BORGER OG BRUGER

126 Spørgsmål? >