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 Goal 2 Target- group 1 Target- group 2 Need 1 Need 2 Content element 1 Content element 2 Content owner 1 Cotnent owner 2 Support from the organisa;on Goal n Target- group n Need n Content element n Content owner n
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? Utgivere Re_ghetshavere Media/opinionsdannere Bibliotekledelse Needs info about NB Tjenesteytere Bibliotekarer Forskere/studenter Do not need access to archives Drive- in users Do not need info about NB Need access to archives 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 job 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 Assume with personas 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 Ønsker seg ro og oppladning i naturen Target group Ønsker å delta i ak;ve naturopplevelser Target group Ønsker å være i e` med natur og kultur Petra (44) fra Tyskland. Gie med Bernt Malin (25) fra Sverige. Kjæreste med Kalle Har du kjent hvor deilig tre? du blir e?er en lang dag på sjøen eller i Bellet? Mats, 36 år, fra Danmark. Samboer med Karianne 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 Rule based interac;on Interac;on to increase the mo;va;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 Drive- in users 1 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?