Design of web sites Day 1

HiO Design of web sites Day 1 Jørgen Dalen About me: Worked with web since 2001 Currently works for Bouvet AS Background from Oslo School of Architecture and Design and NTNU (psychology) Agenda Day 1 Introduc;on. What is user experience? Goals and target groups Personas and customer journeys Day 2 Concept Content and func;onality Informa;on structure Day 3 Informa;on structure, cont. Naviga;on Interac;on design Kan jeg stole på det?
Passer det mitt image?
Er det bra for miljøet?
Hva vil naboen si?
Virker det?
Hva kan jeg bruke det til?
Forstår jeg hvordan det fungerer?
Ser det farlig ut?
Ser det bra ut?
Lukter det godt?
Er det bra å ta på?
Key insights Good user experience is acchieved when you… •  Hit an emo;onal chord •  Fits into the daily life of the user •  Appeals to the values of the user If you appeal to the values of the users, you also trigger a stronger emo;onal response The more similar products gets, the more important will emo;ons be in choosing between them Ac;vi;es in a project Strategy
Goals
Target groups
Needs
assessment
Content and
functionality
Information
structure
Navigation
Interaction
design
Graphical
design
Elements of a successful project Define your target groups Define a goal for each target group Know the needs of the target groups Create the content that fulfils the needs Define an owner of all the content Have an organisa;on that supports the content owners Goal 1 Target-­‐
group 1 Need 1 Goal 2 Target-­‐
group 2 Goal n Target-­‐
group n Content element 1 Content owner 1 Need 2 Content element 2 Cotnent owner 2 Need n Content element n Content owner n Support from the organisa;on Agenda Day 1 Introduc;on Target groups and goals Personas and customer journeys Day 2 Concept Content and func;onality Informa;on structure Day 3 Informa;on structure, cont. Naviga;on Interac;on design The users: three basic ques;ons Who are they? What do they want? How can they achieve their goals? What you want to achieve Target groups What you would like to offer What you want to achieve Target groups Typical result Target groups: how to address the problem Target groups are defined by their needs Different target groups Example from Lånekassen: A= poten;al students B= exis;ng students C= former students Needs common for the target groups Na;onal library: target groups Researchers/students People interested in culture Drive-­‐in users Utgivere og trykkerier Librarinas Library management Teachers Hobby researchers Authors Media Content owners Do the target groups have the same needs? Needs info about NB Utgivere Re_ghetshavere Media/opinionsdannere Bibliotekledelse Do not need access to archives Tjenesteytere Bibliotekarer Forskere/studenter Need access to archives Drive-­‐in users Do not need info about NB Undervisere Forfa`ere Kulturinteresserte Slekts/hobbyforskere Se_ng the goal for the solu;on Effect goal What are the concrete results the solu;on will give me? (for a web shop, it can be number of sold items) CommunicaKon goal What kind of impression will the solu;on give the users? Project goal When is the project going to be completed? At what cost? Increase the consumpKon of digital content
Increase the number of highly qualified j ob seekers Break Agenda Day 1 Methodology, overview Goals and target groups Understanding the user needs: personas and customer journeys Day 2 Concept Content and func;onality Informa;on structure Day 3 Informa;on structure, cont. Naviga;on Interac;on design Ac;vi;es in a project Goals
Target groups
Needs
assessment
Content and
functionality
Information
structure
Navigation
Interaction
design
Graphical
design
How do we know what the users want? Validity Observe Ask Assume with personas Assume Amount of work Guess with the help of personas Ask: making a survey Observe The personas we made Knows where – knows what Knows what-­‐ not where Do not know what to do Target group Target group Target group Ønsker seg ”ro og oppladning i naturen” Ønsker å delta i ”ak;ve naturopplevelser” Ønsker å være ”i e` med natur og kultur” Petra (44) fra Tyskland. Gie med Bernt Malin (25) fra Sverige. Kjæreste med Kalle Mats, 36 år, fra Danmark. Samboer med Karianne ”Har du kjent hvor deilig tre? du blir e?er en lang dag på sjøen eller i Bellet?” ”Jeg vil oppleve noe sammen med familien. Se og lære nye 6ng; møte mennesker og se hvordan de lever.” The users on different stages in the process of ordering the trip to Norway Knowledge based interac;on Interac;on to increase the mo;va;on Rule based interac;on Åse har invitert sin grandtante Gudrun på middag. Hun er minstepensjonist og forteller at det har bli` trangt økonomisk e`er at husleien hennes gikk kraeig opp. •  Unge mennesker trenger en realitetsorientering rundt sin økonomi som pensjonister. •  SpareBank1 skal ikke bruke ”skremsel” som virkemiddel, men bør overlate ;l andre aktører å be unge ”ta inn over seg alvoret”. •  Dagens pensjonister har det ganske bra, men det vil bli flere sannhetsvitner som Gudrun når konsekvensene av pensjonsreformen får effekt. Åse har samtalen med Gudrun i bakhodet. På Instagram kommer hun over en SpareBank 1-­‐video hun velger å se. •  Videoer og ar;kler i sosiale medier kan være kundens første møte med temaet i SB1 sin regi. Budskapet bør være mest mulig posi;vt vinklet (”promo;on”). •  Vik;g at video/ar;kler leder kunden videre ;l åpne sider (for eksempel avslu`e med en tydelig call to ac;on: finn ut hva andre som deg sparer på sparebank1.no”). •  Fortell kunden det er enkelt å komme i gang 39 Åse går inn på åpne sider for å finne ut hvor mye andre som hun sparer. Her ser Åse raskt tre fordeler ved å spare ;l pensjon. Bruker forenklet spareveileder. Fyller inn beløp, men går ikke videre •  Åse er minimalist, vi må ;lby henne en enkel og rask måte å komme frem ;l et cirka-­‐beløp. •  Åse er skep;sk ;l rådgivning, vi baserer derfor anbefalingen på hva andre kunder tenker, heller enn hva rådgiver anbefaler. Åse er på T-­‐banen og sjekker saldo på mobilen. Hun ser et banner om at det er veldig fort gjort å oppre`e pensjonssparing. Hun klikker ikke på banneret. •  Sjekking av saldo gjøres hyppig. Kundene er som regel ikke i modus for å gjøre noe mer, men vi kan eksponere de for enkle budskap •  Budskapet bør ;lpasses hvilke andre budskap hun har bli` eksponert for ;dligere (eskalerende kommunikasjon) 41 Åse si`er i sofaen og betaler en regning. Hun blir påminnet fordelen med å komme i gang ;dlig. Da hun har ;d ;l overs klikker på banneret. Telefonen ringer, Åse blir logget ut av mobilen. •  Vi vet aldri når kunden har ;d ;l å lese mer. Enkle budskap bør all;d kobles ;l videre orientering i ;lfelle kunden er klar for det. 42 The customer journey The customer journey The customer journey Other ;ps and tricks People doesn’t necessarily like to be part of a target group. You don’t have to be explicit about it in the design! It is not necessarily the most important target group that should be given most a`en;on, but the one that needs to be mo;vated and helped Don’t have too many target groups/personas! User needs: how to document it Target groups Priority Researchers. Librarians, authors 1 Drive-­‐in users 2 Media, journalists 3 User needs: how to document it Target groups Priority of needs Researchers Get easy access to archive, Get assistance – searching, Apply for a place to work Librarians Drive-­‐in users User needs: how to document it Target group: Researcher Need Priority of needs Get easy access to archive 1 Get assistance -­‐ searching 2 Apply for a place to work 3 The users: three basic ques;ons Who are they? What do they want? How can we help them achieve their goals?