Vakre og varige brukeropplevelser
-
Upload
inge-fossland -
Category
Design
-
view
292 -
download
6
description
Transcript of Vakre og varige brukeropplevelser
![Page 1: Vakre og varige brukeropplevelser](https://reader035.fdocuments.us/reader035/viewer/2022062613/544f5be4af7959fb6f8b9b40/html5/thumbnails/1.jpg)
Vakre og varige brukeropplevelser
Inge Fossland10. mars 2011
![Page 2: Vakre og varige brukeropplevelser](https://reader035.fdocuments.us/reader035/viewer/2022062613/544f5be4af7959fb6f8b9b40/html5/thumbnails/2.jpg)
Massimo Vignelli
• Designer/arkitekt• Født i Milano, 1931- vignelli.com
![Page 3: Vakre og varige brukeropplevelser](https://reader035.fdocuments.us/reader035/viewer/2022062613/544f5be4af7959fb6f8b9b40/html5/thumbnails/3.jpg)
–I like design to be semantically correct, syntatically consistantand pragmatically understandable.
![Page 4: Vakre og varige brukeropplevelser](https://reader035.fdocuments.us/reader035/viewer/2022062613/544f5be4af7959fb6f8b9b40/html5/thumbnails/4.jpg)
–I like it to be visually powerful, intellectually elegant, and above all timeless.Massimo Vignelli
![Page 5: Vakre og varige brukeropplevelser](https://reader035.fdocuments.us/reader035/viewer/2022062613/544f5be4af7959fb6f8b9b40/html5/thumbnails/5.jpg)
![Page 6: Vakre og varige brukeropplevelser](https://reader035.fdocuments.us/reader035/viewer/2022062613/544f5be4af7959fb6f8b9b40/html5/thumbnails/6.jpg)
![Page 7: Vakre og varige brukeropplevelser](https://reader035.fdocuments.us/reader035/viewer/2022062613/544f5be4af7959fb6f8b9b40/html5/thumbnails/7.jpg)
![Page 8: Vakre og varige brukeropplevelser](https://reader035.fdocuments.us/reader035/viewer/2022062613/544f5be4af7959fb6f8b9b40/html5/thumbnails/8.jpg)
![Page 9: Vakre og varige brukeropplevelser](https://reader035.fdocuments.us/reader035/viewer/2022062613/544f5be4af7959fb6f8b9b40/html5/thumbnails/9.jpg)
![Page 10: Vakre og varige brukeropplevelser](https://reader035.fdocuments.us/reader035/viewer/2022062613/544f5be4af7959fb6f8b9b40/html5/thumbnails/10.jpg)
![Page 11: Vakre og varige brukeropplevelser](https://reader035.fdocuments.us/reader035/viewer/2022062613/544f5be4af7959fb6f8b9b40/html5/thumbnails/11.jpg)
![Page 12: Vakre og varige brukeropplevelser](https://reader035.fdocuments.us/reader035/viewer/2022062613/544f5be4af7959fb6f8b9b40/html5/thumbnails/12.jpg)
![Page 13: Vakre og varige brukeropplevelser](https://reader035.fdocuments.us/reader035/viewer/2022062613/544f5be4af7959fb6f8b9b40/html5/thumbnails/13.jpg)
![Page 14: Vakre og varige brukeropplevelser](https://reader035.fdocuments.us/reader035/viewer/2022062613/544f5be4af7959fb6f8b9b40/html5/thumbnails/14.jpg)
![Page 15: Vakre og varige brukeropplevelser](https://reader035.fdocuments.us/reader035/viewer/2022062613/544f5be4af7959fb6f8b9b40/html5/thumbnails/15.jpg)
![Page 16: Vakre og varige brukeropplevelser](https://reader035.fdocuments.us/reader035/viewer/2022062613/544f5be4af7959fb6f8b9b40/html5/thumbnails/16.jpg)
![Page 17: Vakre og varige brukeropplevelser](https://reader035.fdocuments.us/reader035/viewer/2022062613/544f5be4af7959fb6f8b9b40/html5/thumbnails/17.jpg)
![Page 18: Vakre og varige brukeropplevelser](https://reader035.fdocuments.us/reader035/viewer/2022062613/544f5be4af7959fb6f8b9b40/html5/thumbnails/18.jpg)
Dustin Curtis
• UI designer/blogger• Født i San Francisco, 1987- dustincurtis.com
![Page 19: Vakre og varige brukeropplevelser](https://reader035.fdocuments.us/reader035/viewer/2022062613/544f5be4af7959fb6f8b9b40/html5/thumbnails/19.jpg)
![Page 20: Vakre og varige brukeropplevelser](https://reader035.fdocuments.us/reader035/viewer/2022062613/544f5be4af7959fb6f8b9b40/html5/thumbnails/20.jpg)
![Page 21: Vakre og varige brukeropplevelser](https://reader035.fdocuments.us/reader035/viewer/2022062613/544f5be4af7959fb6f8b9b40/html5/thumbnails/21.jpg)
![Page 22: Vakre og varige brukeropplevelser](https://reader035.fdocuments.us/reader035/viewer/2022062613/544f5be4af7959fb6f8b9b40/html5/thumbnails/22.jpg)
![Page 23: Vakre og varige brukeropplevelser](https://reader035.fdocuments.us/reader035/viewer/2022062613/544f5be4af7959fb6f8b9b40/html5/thumbnails/23.jpg)
![Page 24: Vakre og varige brukeropplevelser](https://reader035.fdocuments.us/reader035/viewer/2022062613/544f5be4af7959fb6f8b9b40/html5/thumbnails/24.jpg)
![Page 25: Vakre og varige brukeropplevelser](https://reader035.fdocuments.us/reader035/viewer/2022062613/544f5be4af7959fb6f8b9b40/html5/thumbnails/25.jpg)
![Page 26: Vakre og varige brukeropplevelser](https://reader035.fdocuments.us/reader035/viewer/2022062613/544f5be4af7959fb6f8b9b40/html5/thumbnails/26.jpg)
![Page 27: Vakre og varige brukeropplevelser](https://reader035.fdocuments.us/reader035/viewer/2022062613/544f5be4af7959fb6f8b9b40/html5/thumbnails/27.jpg)
![Page 28: Vakre og varige brukeropplevelser](https://reader035.fdocuments.us/reader035/viewer/2022062613/544f5be4af7959fb6f8b9b40/html5/thumbnails/28.jpg)
–There's a common attribute that makes for good designers, good engineers, good employees, and good companies.
![Page 29: Vakre og varige brukeropplevelser](https://reader035.fdocuments.us/reader035/viewer/2022062613/544f5be4af7959fb6f8b9b40/html5/thumbnails/29.jpg)
–For a long time, I couldn't figure out what it was. Was it practice? Was it skill? Was it innate ability? Turns out, it's none of those. It's taste.Dustin Curtis
![Page 30: Vakre og varige brukeropplevelser](https://reader035.fdocuments.us/reader035/viewer/2022062613/544f5be4af7959fb6f8b9b40/html5/thumbnails/30.jpg)
![Page 31: Vakre og varige brukeropplevelser](https://reader035.fdocuments.us/reader035/viewer/2022062613/544f5be4af7959fb6f8b9b40/html5/thumbnails/31.jpg)
![Page 32: Vakre og varige brukeropplevelser](https://reader035.fdocuments.us/reader035/viewer/2022062613/544f5be4af7959fb6f8b9b40/html5/thumbnails/32.jpg)
–(...) some companies have a culture that just promotes bad taste and doesn't encourage improvement.Dustin Curtis
![Page 33: Vakre og varige brukeropplevelser](https://reader035.fdocuments.us/reader035/viewer/2022062613/544f5be4af7959fb6f8b9b40/html5/thumbnails/33.jpg)
Går detan?
![Page 34: Vakre og varige brukeropplevelser](https://reader035.fdocuments.us/reader035/viewer/2022062613/544f5be4af7959fb6f8b9b40/html5/thumbnails/34.jpg)
Sett store og hårete mål.
1. Ambisjon
![Page 35: Vakre og varige brukeropplevelser](https://reader035.fdocuments.us/reader035/viewer/2022062613/544f5be4af7959fb6f8b9b40/html5/thumbnails/35.jpg)
Sir Alex Ferguson
• Født 1941• East Stirlingshire (1974)• St. Mirren (1974–78)• Aberdeen (1978–86) • Manchester United (1986–)
![Page 36: Vakre og varige brukeropplevelser](https://reader035.fdocuments.us/reader035/viewer/2022062613/544f5be4af7959fb6f8b9b40/html5/thumbnails/36.jpg)
![Page 37: Vakre og varige brukeropplevelser](https://reader035.fdocuments.us/reader035/viewer/2022062613/544f5be4af7959fb6f8b9b40/html5/thumbnails/37.jpg)
![Page 38: Vakre og varige brukeropplevelser](https://reader035.fdocuments.us/reader035/viewer/2022062613/544f5be4af7959fb6f8b9b40/html5/thumbnails/38.jpg)
–My greatest challenge was knocking Liverpool right off their f***ing perch. And you can print that.Sir Alex Ferguson
![Page 39: Vakre og varige brukeropplevelser](https://reader035.fdocuments.us/reader035/viewer/2022062613/544f5be4af7959fb6f8b9b40/html5/thumbnails/39.jpg)
1. Ambisjon2. Forenkle Ikke gjør alt
så vanskelig.
![Page 40: Vakre og varige brukeropplevelser](https://reader035.fdocuments.us/reader035/viewer/2022062613/544f5be4af7959fb6f8b9b40/html5/thumbnails/40.jpg)
Ingvar Kamprad
• IKEAs grunnlegger• Født 1926
![Page 41: Vakre og varige brukeropplevelser](https://reader035.fdocuments.us/reader035/viewer/2022062613/544f5be4af7959fb6f8b9b40/html5/thumbnails/41.jpg)
–Simplicity and common sense should characterize planning and strategic direction.Ingvar Kamprad
![Page 42: Vakre og varige brukeropplevelser](https://reader035.fdocuments.us/reader035/viewer/2022062613/544f5be4af7959fb6f8b9b40/html5/thumbnails/42.jpg)
![Page 43: Vakre og varige brukeropplevelser](https://reader035.fdocuments.us/reader035/viewer/2022062613/544f5be4af7959fb6f8b9b40/html5/thumbnails/43.jpg)
![Page 44: Vakre og varige brukeropplevelser](https://reader035.fdocuments.us/reader035/viewer/2022062613/544f5be4af7959fb6f8b9b40/html5/thumbnails/44.jpg)
–You know you’ve achieved perfection in design, (...) when you have nothing more to take away.Antoine-Marie-Roger de Saint-Exupery
![Page 45: Vakre og varige brukeropplevelser](https://reader035.fdocuments.us/reader035/viewer/2022062613/544f5be4af7959fb6f8b9b40/html5/thumbnails/45.jpg)
–Good design is as little design as possible.Dieter Rams
![Page 46: Vakre og varige brukeropplevelser](https://reader035.fdocuments.us/reader035/viewer/2022062613/544f5be4af7959fb6f8b9b40/html5/thumbnails/46.jpg)
1. Ambisjon2. Forenkle3. Innovasjon
Dyrk de små detaljene.
![Page 47: Vakre og varige brukeropplevelser](https://reader035.fdocuments.us/reader035/viewer/2022062613/544f5be4af7959fb6f8b9b40/html5/thumbnails/47.jpg)
![Page 48: Vakre og varige brukeropplevelser](https://reader035.fdocuments.us/reader035/viewer/2022062613/544f5be4af7959fb6f8b9b40/html5/thumbnails/48.jpg)
![Page 49: Vakre og varige brukeropplevelser](https://reader035.fdocuments.us/reader035/viewer/2022062613/544f5be4af7959fb6f8b9b40/html5/thumbnails/49.jpg)
![Page 50: Vakre og varige brukeropplevelser](https://reader035.fdocuments.us/reader035/viewer/2022062613/544f5be4af7959fb6f8b9b40/html5/thumbnails/50.jpg)
![Page 51: Vakre og varige brukeropplevelser](https://reader035.fdocuments.us/reader035/viewer/2022062613/544f5be4af7959fb6f8b9b40/html5/thumbnails/51.jpg)
![Page 52: Vakre og varige brukeropplevelser](https://reader035.fdocuments.us/reader035/viewer/2022062613/544f5be4af7959fb6f8b9b40/html5/thumbnails/52.jpg)
1. Ambisjon2. Forenkle3. Innovasjon4. Se fremover
Se fremover, ikke bare bakover.
![Page 53: Vakre og varige brukeropplevelser](https://reader035.fdocuments.us/reader035/viewer/2022062613/544f5be4af7959fb6f8b9b40/html5/thumbnails/53.jpg)
–Friends don’t let friends use Internet Explorer 6.Microsoft
– ie6countdown.com
![Page 54: Vakre og varige brukeropplevelser](https://reader035.fdocuments.us/reader035/viewer/2022062613/544f5be4af7959fb6f8b9b40/html5/thumbnails/54.jpg)
Dave Shea• Designer og illustratør• Vancouver, Canada- mezzoblue.com
![Page 55: Vakre og varige brukeropplevelser](https://reader035.fdocuments.us/reader035/viewer/2022062613/544f5be4af7959fb6f8b9b40/html5/thumbnails/55.jpg)
–After creating a basic, functioning page in IE, you add extra functionality (...)This is the only way we can keep moving forward.Dave Shea
–http://www.mezzoblue.com/archives/2003/06/25/mose/
![Page 56: Vakre og varige brukeropplevelser](https://reader035.fdocuments.us/reader035/viewer/2022062613/544f5be4af7959fb6f8b9b40/html5/thumbnails/56.jpg)
Andy Clarke
• Designer og skribent- stuffandnonsense.co.uk
![Page 57: Vakre og varige brukeropplevelser](https://reader035.fdocuments.us/reader035/viewer/2022062613/544f5be4af7959fb6f8b9b40/html5/thumbnails/57.jpg)
–Instead we should take full advantage of new technologies, and craft every user’s experience so that it’s appropriate to the browser they’re using.
![Page 58: Vakre og varige brukeropplevelser](https://reader035.fdocuments.us/reader035/viewer/2022062613/544f5be4af7959fb6f8b9b40/html5/thumbnails/58.jpg)
–That will likely mean that designs will look different — sometimes very different — across browsers.Andy Clarke
–Hard Boiled Web Design (2010)
![Page 59: Vakre og varige brukeropplevelser](https://reader035.fdocuments.us/reader035/viewer/2022062613/544f5be4af7959fb6f8b9b40/html5/thumbnails/59.jpg)
1. Ambisjon2. Forenkle3. Innovasjon4. Se fremover5. Intrastruktur
Se under panseret.
![Page 60: Vakre og varige brukeropplevelser](https://reader035.fdocuments.us/reader035/viewer/2022062613/544f5be4af7959fb6f8b9b40/html5/thumbnails/60.jpg)
Mark Porter• Creative director,
The Guardian (1996–2010)
![Page 61: Vakre og varige brukeropplevelser](https://reader035.fdocuments.us/reader035/viewer/2022062613/544f5be4af7959fb6f8b9b40/html5/thumbnails/61.jpg)
Broadsheet
Tabloid
![Page 62: Vakre og varige brukeropplevelser](https://reader035.fdocuments.us/reader035/viewer/2022062613/544f5be4af7959fb6f8b9b40/html5/thumbnails/62.jpg)
Broadsheet
Tabloid
![Page 63: Vakre og varige brukeropplevelser](https://reader035.fdocuments.us/reader035/viewer/2022062613/544f5be4af7959fb6f8b9b40/html5/thumbnails/63.jpg)
Broadsheet
Berliner
Tabloid
![Page 64: Vakre og varige brukeropplevelser](https://reader035.fdocuments.us/reader035/viewer/2022062613/544f5be4af7959fb6f8b9b40/html5/thumbnails/64.jpg)
![Page 65: Vakre og varige brukeropplevelser](https://reader035.fdocuments.us/reader035/viewer/2022062613/544f5be4af7959fb6f8b9b40/html5/thumbnails/65.jpg)
1. Ambisjon2. Forenkle3. Innovasjon4. Se fremover5. Intrastruktur6. Prosess
Produkt, ikke prosjekt.
![Page 66: Vakre og varige brukeropplevelser](https://reader035.fdocuments.us/reader035/viewer/2022062613/544f5be4af7959fb6f8b9b40/html5/thumbnails/66.jpg)
![Page 67: Vakre og varige brukeropplevelser](https://reader035.fdocuments.us/reader035/viewer/2022062613/544f5be4af7959fb6f8b9b40/html5/thumbnails/67.jpg)
![Page 68: Vakre og varige brukeropplevelser](https://reader035.fdocuments.us/reader035/viewer/2022062613/544f5be4af7959fb6f8b9b40/html5/thumbnails/68.jpg)
![Page 69: Vakre og varige brukeropplevelser](https://reader035.fdocuments.us/reader035/viewer/2022062613/544f5be4af7959fb6f8b9b40/html5/thumbnails/69.jpg)
1. Ambisjon2. Forenkle3. Innovasjon4. Se fremover5. Intrastruktur6. Prosess7. Organisasjon
Bygg en organisasjon.
![Page 70: Vakre og varige brukeropplevelser](https://reader035.fdocuments.us/reader035/viewer/2022062613/544f5be4af7959fb6f8b9b40/html5/thumbnails/70.jpg)
Rebekah Cox
• Product designer- Quora.com
![Page 71: Vakre og varige brukeropplevelser](https://reader035.fdocuments.us/reader035/viewer/2022062613/544f5be4af7959fb6f8b9b40/html5/thumbnails/71.jpg)
– One thing you learn when you've worked in many different organizations (higher education, corporate, startup) and had many different roles (programmer, designer, design manager, interim director) is how little a single great designer can do on their own in a large organization.
![Page 72: Vakre og varige brukeropplevelser](https://reader035.fdocuments.us/reader035/viewer/2022062613/544f5be4af7959fb6f8b9b40/html5/thumbnails/72.jpg)
– There are so many forces exerting pressure on a design that even truly remarkable designers are often sidelined and fall victim to political pressures, limited authority, executive whims, and eventually, reduced motivation.
![Page 73: Vakre og varige brukeropplevelser](https://reader035.fdocuments.us/reader035/viewer/2022062613/544f5be4af7959fb6f8b9b40/html5/thumbnails/73.jpg)
–And yet, in all cases, the designer is ultimately responsible for the design. If something doesn’t work, it’s the designer's fault.Rebekah Cox
![Page 74: Vakre og varige brukeropplevelser](https://reader035.fdocuments.us/reader035/viewer/2022062613/544f5be4af7959fb6f8b9b40/html5/thumbnails/74.jpg)
• Designeren bør være involvert så tidlig som mulig.• Designeren må ha så mye autoritet og ansvar som mulig.• Designeren forventes å bry seg om produktet.• Designeren skal ta eierskap til reglene og rationale bak hver
eneste design-komponent.• Designeren skal motstå fristelsen til å lage design for designets
skyld, og i stedet fokusere på målene til produktet.
Quora designer
![Page 75: Vakre og varige brukeropplevelser](https://reader035.fdocuments.us/reader035/viewer/2022062613/544f5be4af7959fb6f8b9b40/html5/thumbnails/75.jpg)
1. Ambisjon2. Forenkle3. Innovasjon4. Se fremover5. Intrastruktur6. Prosess7. Organisasjon8. Si nei
Si nei. Nei! Nei! Nei! Nei!
![Page 76: Vakre og varige brukeropplevelser](https://reader035.fdocuments.us/reader035/viewer/2022062613/544f5be4af7959fb6f8b9b40/html5/thumbnails/76.jpg)
–Life of a designer is a life of fight.Massimo Vignelli
![Page 77: Vakre og varige brukeropplevelser](https://reader035.fdocuments.us/reader035/viewer/2022062613/544f5be4af7959fb6f8b9b40/html5/thumbnails/77.jpg)
JasonFried
• Grunnlegger av 37signals- 37signals.com
![Page 78: Vakre og varige brukeropplevelser](https://reader035.fdocuments.us/reader035/viewer/2022062613/544f5be4af7959fb6f8b9b40/html5/thumbnails/78.jpg)
–Software can just keep growing. Software can't overflow. It has no edges, so it can never be too big.
![Page 79: Vakre og varige brukeropplevelser](https://reader035.fdocuments.us/reader035/viewer/2022062613/544f5be4af7959fb6f8b9b40/html5/thumbnails/79.jpg)
–The only way to stop this perpetual growth of an object without physical borders is for you to create your own borders.
![Page 80: Vakre og varige brukeropplevelser](https://reader035.fdocuments.us/reader035/viewer/2022062613/544f5be4af7959fb6f8b9b40/html5/thumbnails/80.jpg)
–Those borders are discipline, self-control, an editor's eye for "enough." The ultimate border is one simple word: no.Jason Fried, 37 signals
![Page 81: Vakre og varige brukeropplevelser](https://reader035.fdocuments.us/reader035/viewer/2022062613/544f5be4af7959fb6f8b9b40/html5/thumbnails/81.jpg)
1. Ambisjon2. Forenkle3. Innovasjon4. Se fremover5. Intrastruktur6. Prosess7. Organisasjon8. Si nei9. Helhet
Skaff deg et overblikk.
![Page 82: Vakre og varige brukeropplevelser](https://reader035.fdocuments.us/reader035/viewer/2022062613/544f5be4af7959fb6f8b9b40/html5/thumbnails/82.jpg)
Sir Alfred Hitchcock
• Regissør (1899–1980)
![Page 83: Vakre og varige brukeropplevelser](https://reader035.fdocuments.us/reader035/viewer/2022062613/544f5be4af7959fb6f8b9b40/html5/thumbnails/83.jpg)
–A film should feel like the product of one mind.Alfred Hitchcock
![Page 84: Vakre og varige brukeropplevelser](https://reader035.fdocuments.us/reader035/viewer/2022062613/544f5be4af7959fb6f8b9b40/html5/thumbnails/84.jpg)
1. Ambisjon2. Forenkle3. Innovasjon4. Se fremover5. Intrastruktur6. Prosess7. Organisasjon8. Si nei9. Helhet10. Stamina
Ikke gi opp. Ting tar tid.
![Page 85: Vakre og varige brukeropplevelser](https://reader035.fdocuments.us/reader035/viewer/2022062613/544f5be4af7959fb6f8b9b40/html5/thumbnails/85.jpg)
![Page 86: Vakre og varige brukeropplevelser](https://reader035.fdocuments.us/reader035/viewer/2022062613/544f5be4af7959fb6f8b9b40/html5/thumbnails/86.jpg)
![Page 87: Vakre og varige brukeropplevelser](https://reader035.fdocuments.us/reader035/viewer/2022062613/544f5be4af7959fb6f8b9b40/html5/thumbnails/87.jpg)
–Don’t you dare come back in here without giving your all.Sir Alex Ferguson
![Page 88: Vakre og varige brukeropplevelser](https://reader035.fdocuments.us/reader035/viewer/2022062613/544f5be4af7959fb6f8b9b40/html5/thumbnails/88.jpg)
1. Ambisjon2. Forenkle3. Innovasjon4. Se fremover5. Intrastruktur6. Prosess7. Organisasjon8. Si nei9. Helhet10. Stamina
![Page 89: Vakre og varige brukeropplevelser](https://reader035.fdocuments.us/reader035/viewer/2022062613/544f5be4af7959fb6f8b9b40/html5/thumbnails/89.jpg)
1. Ambisjon2. Forenkle3. Innovasjon4. Se fremover5. Intrastruktur6. Prosess7. Organisasjon8. Si nei9. Helhet10. Stamina
![Page 90: Vakre og varige brukeropplevelser](https://reader035.fdocuments.us/reader035/viewer/2022062613/544f5be4af7959fb6f8b9b40/html5/thumbnails/90.jpg)
1. Ambisjon2. Forenkle3. Innovasjon4. Se fremover5. Intrastruktur6. Prosess7. Organisasjon8. Si nei9. Helhet10. Stamina
Går detan?
![Page 91: Vakre og varige brukeropplevelser](https://reader035.fdocuments.us/reader035/viewer/2022062613/544f5be4af7959fb6f8b9b40/html5/thumbnails/91.jpg)
![Page 92: Vakre og varige brukeropplevelser](https://reader035.fdocuments.us/reader035/viewer/2022062613/544f5be4af7959fb6f8b9b40/html5/thumbnails/92.jpg)
![Page 93: Vakre og varige brukeropplevelser](https://reader035.fdocuments.us/reader035/viewer/2022062613/544f5be4af7959fb6f8b9b40/html5/thumbnails/93.jpg)
–Designers should be arbiters of the truth: They should be the kind of people who stand up and tell it like it is, and that usually calls for courage.Kevin Mattice