Design of web sites Day 2

Størrelse: px

Begynne med side:

Download "Design of web sites Day 2"

Ida Ulriksen
8 år siden
Visninger:

1 HiO Design of web sites Day 2 Jørgen Dalen, Bouvet

2 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å?

3 The users: three basic ques?ons Who are they? What do they want? How can we help them achieve their goals?

4 The customer journey

5 Guess with the help of personas

7 Agenda Day 1 Methodology, overview Goals and target groups Needs assessment: personas and customer journeys Day 2 User experience concept Content and func?onality Informa?on structure Day 3 Informa?on structure, cont. Mul?- channel designs Naviga?on Interac?on design

8 Ac?vi?es in a project Strategy Goals Target groups Needs assessment UX concept Content and functionality Information structure Navigation Interaction design Graphical design

9 Halogen blog hnp://kjokkenfesten.no

11 Internet: Good is not enough Lawsuit Horrible Bad OK Fantastic Really good Good

12 Walk the extra mile User centered design Icing on the cake Close Cigar

13 Balancing the needs of the users and the company (example: web shop) The company Get rid of products they have too many of Sell more products Get as much info from the users as possible The user Find the specific product fast Give away as linle info as possible Pay as linle as possible

15 Simple model for describing a ux concept Func?on How was the performance? User experience Communica?on How was the descrip?on of the performance etc Interac?on Was it a long queue? Was it easy finding the seats?

16 Eksempel på konsept for brukeropplevelse Sømløs kundeopplevelse Vennlig kommunikasjon Fullservice- kanal Kundereisen Vi skal orkestrere kundeopplevelsen. Vær vennlig før du spør om behov, kjenn behovet før du?lbyr tjeneste!

18 Concept: The town square Tone-of-voice Associations Content examples User interaction Enkelt, folkelig, muntlig Variasjon Spennende tilbud Byttehandel Uformelt Knytte kontakter Sladder klikkdannelse Gammel mann på benken som forteller historier Spåkone i campingvogn som forteller om fremtiden Smaksprøver Taler Opplevelsesbasert interaksjon Frivillig brukergenerert innhold Multibrukerinteraksjon Blanding av nytte og underholdning

19 Concept 3: Telenor Forum

20 Concept 1: Telenor Academy Learning center Playing field Hall of Fame

21 Concept 2: Campus Telenor

22 Play Learn Comm. Play Learn Comm. Play Learn Comm.

23 User experience concept?ps The ux concept must support the overall effect goal of the solu?on Use any technique you are comfortable with describing the user experience concept

24 Agenda Day 1 Methodology, overview Goals and target groups Needs assessment Day 2 User experience concept Content and funcconality Informa?on structure Day 3 Informa?on structure, cont. Naviga?on Interac?on design

25 How to write func?onal requirements User story (example: HiO web site) As a student, I would like to be able to compare the different courses, to be able to make the right choice With user stories, you link the func?onality to the target groups and the goals

26 Increase the number of highly qualified job seekers

27 Priori?ze the target groups

28 Priori?ze the needs of the target groups

29 Map content and fun?onality to the needs

30 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

31 Agenda Day 1 Methodology, overview Goals and target groups Needs assessment Day 2 User experience concept Content and func?onality InformaCon structure Day 3 Informa?on structure, cont. Naviga?on Interac?on design

32 Key ques?ons How do you work with informa?on structure in projects? What kinds of structures do you need? How much structure do you need? What is the most important quality of a structure Usefulness? Consistency? Completeness?

33 What is informa?on architecture?

34 Organizing the content

35 Organizing content by usage

36 Organizing content by category

37 Organizing content descrip?ve

38 Organizing content by target group Donald Silja Ole Hanne Dole Joakim Doffen Thomas

40 40

41 Informa?on architecture: the dilemma I think all the content should be categorized by our target groups It be nice if all the budgets were in the same folder The best would be to collect all the documents from each department in one place I prefer to have a personal folder

42 Informa?on architecture: the dilemma 100 % 75 % 50% 51% 25% 35% 3% 3% 6% 3% Tema DokumenNype Status Kilde Format Lokasjon Person

43 Informa?on architecture: different perspec?ves The communica?on people The knowledge workers The archive people One- to many communica?on Quality assured informa?on Peer to peer communica?on Effec?ve collabora?on Informal communica?on Focus on current project Knowledge short shelf life Don t mess with my structure Everything should be archived Knowledge long shelf life

45 The informa?on model: purpose Human resources Recruiting Collaboration Site 1 Site 2 Site 3 Site 4 Site 2 Site 100 Site 100 Site 50 Site 1 Site 1000 Site 1 Blog 1 Site 1 Site 46 Site 100 Site 100 Site 15 Site 1 Site 1 Site 100 Site 345 Site n Blog 3 Blog 2 Site 100 Site 1 Site 300 Site 1 Site 7 Site 6 Site 100 Site 200

47 Two ways of working with informa?on architecture Top- down The mental model of the users Defined by the card sor?ng Based on the most important needs of the users...and principles, like mutual exclusive cateagories BoMom- up more formal proper?es of content more based on analysis than needs assessment Important because no user has overview of all the content Kilde: Adap?ve Path

48 Kortsortering: brukerens mentale modell Mental Modell gis av kortsorteringen Detaljstruktur gis av innholdskartleggingen Kilde: Adap?ve Path

49 Toppnavigasjon For å rendyrke kjernevirksomheten bil, verksted og?lbehør, fokuserer hovedmenyen på nenstedet kun på dene. Sulland.no Bil Vedlikehold og reparasjon Biltilbehør Kundeservice Innhold som dreier seg om Sulland Gruppen, drip og administrasjon er lagt i en egen global meny som er mindre fremtredende. Selskapsadm.- meny Om Sulland Jobb Presse Søk Gruppen

50 Bil Bil Finn bil/søk Import av bil Om innbytte av bil Kundefordeler Finansiering Forsikring Bilhus Presentasjon av nye biler Presentasjon av brukte biler Om skadeserviceavtalen, NAF-medlemsskap, gunstige forsikringer, osv. Om finansieringsproduktene som tilbys Finansieringskalkulator Om forsikringsproduktene som tilbys Presentasjon av bilhus Finn ditt lokale bilhus/verksted Tester Området omfaner bilene Sulland Gruppen?lbyr, samt støneinnhold som informerer om muligheten for innbyne og import av bruktbil, finansiering, forsikring og bu?kkene. Hver bil vil være merket med egenskaper som gjør det mulig å finne/søke på bil fra ulike innfallsvinkler. DeNe blir tegnet ut i interaksjonsdesignet. Mål: OppreNe dialog med potensiell kunde, forenkle beslutningsprosessen rundt anskaffelse av bil og få kunde?l bu?kk.

51 Information architecture ways of categorizing Objec?ve Chronological Geographical Alphabe?cal Subjec?ve Topic (sports, poli?cs) Task (review, edit, save) Target group (students, teachers) Metaphorical (campus)

52 Chronological

54 Geographical

55 Alphabetical

56 By topic

57 By target group

58 By task

59 By metaphor

60 Hierarchical

61 Linear

62 Relational

64 Hybrid

65 Special cases.

67 A special case: site structure

68 Ac?vi?es in a project Strategy Goals Target groups Needs assessment Content and functionality Information structure Navigation Interaction design Graphical design

69 Agenda Day 1 Methodology, overview Goals and target groups Needs assessment Day 2 Concept Content and func?onality Informa?on structure Day 3 Informa?on structure, cont. Naviga?on Interac?on design

Like dokumenter

Design of web sites Day 2

HiO Design of web sites Day 2 Jørgen Dalen, Halogen The users: three basic questions Who are they? What do they want? How can we help them achieve their goals? Agenda Day 1 Methodology, overview Goals