Innlegg 8. mai 2012
-
Upload
frankfardal -
Category
Technology
-
view
114 -
download
7
description
Transcript of Innlegg 8. mai 2012
![Page 1: Innlegg 8. mai 2012](https://reader033.fdocuments.net/reader033/viewer/2022061300/54c728604a7959cc328b4583/html5/thumbnails/1.jpg)
HVA FORVENTER BRUKEREN/INNBYGGEREN AV EN PORTAL?
Frank Fardal
![Page 2: Innlegg 8. mai 2012](https://reader033.fdocuments.net/reader033/viewer/2022061300/54c728604a7959cc328b4583/html5/thumbnails/2.jpg)
htt
p:/
/ww
w.f
lickr
.co
m/p
ho
tos/
crys
talji
ng
sr/3
91
47
29
34
3/in
/se
t-7
21
57
62
23
54
78
93
20
/
![Page 3: Innlegg 8. mai 2012](https://reader033.fdocuments.net/reader033/viewer/2022061300/54c728604a7959cc328b4583/html5/thumbnails/3.jpg)
_dChris@flickr
![Page 4: Innlegg 8. mai 2012](https://reader033.fdocuments.net/reader033/viewer/2022061300/54c728604a7959cc328b4583/html5/thumbnails/4.jpg)
http://semanticstudios.com/publications/semantics/000029.php
![Page 5: Innlegg 8. mai 2012](https://reader033.fdocuments.net/reader033/viewer/2022061300/54c728604a7959cc328b4583/html5/thumbnails/5.jpg)
gagilas@flickr
![Page 6: Innlegg 8. mai 2012](https://reader033.fdocuments.net/reader033/viewer/2022061300/54c728604a7959cc328b4583/html5/thumbnails/6.jpg)
htt
p:/
/ww
w.f
lickr
.co
m/p
ho
tos/
crys
talji
ng
sr/3
91
47
29
34
3/in
/se
t-7
21
57
62
23
54
78
93
20
/
![Page 7: Innlegg 8. mai 2012](https://reader033.fdocuments.net/reader033/viewer/2022061300/54c728604a7959cc328b4583/html5/thumbnails/7.jpg)
http://semanticstudios.com/publications/semantics/000228.php
![Page 8: Innlegg 8. mai 2012](https://reader033.fdocuments.net/reader033/viewer/2022061300/54c728604a7959cc328b4583/html5/thumbnails/8.jpg)
Basics
Audience. Who must you reach?
Content. What is the message?
Context. Where is the conversation?
Process. When is the message?
Problem. Why are you communicating?
http://semanticstudios.com/publications/semantics/000228.php
![Page 9: Innlegg 8. mai 2012](https://reader033.fdocuments.net/reader033/viewer/2022061300/54c728604a7959cc328b4583/html5/thumbnails/9.jpg)
The Pageman@flickr
![Page 10: Innlegg 8. mai 2012](https://reader033.fdocuments.net/reader033/viewer/2022061300/54c728604a7959cc328b4583/html5/thumbnails/10.jpg)
htt
p:/
/ww
w.f
lickr
.co
m/p
ho
tos/
crys
talji
ng
sr/3
91
55
12
28
2/in
/ph
oto
stre
am
/
![Page 11: Innlegg 8. mai 2012](https://reader033.fdocuments.net/reader033/viewer/2022061300/54c728604a7959cc328b4583/html5/thumbnails/11.jpg)
htt
p:/
/ww
w.f
lickr
.co
m/p
ho
tos/
crys
talji
ng
sr/3
91
47
29
34
3/in
/se
t-7
21
57
62
23
54
78
93
20
/
![Page 12: Innlegg 8. mai 2012](https://reader033.fdocuments.net/reader033/viewer/2022061300/54c728604a7959cc328b4583/html5/thumbnails/12.jpg)
http://www.regjeringen.no/nb/dep/fad/kampanjer/dan/pa-nett-med-innbygerne/kap1.html?id=677793
![Page 13: Innlegg 8. mai 2012](https://reader033.fdocuments.net/reader033/viewer/2022061300/54c728604a7959cc328b4583/html5/thumbnails/13.jpg)
http://www.regjeringen.no/nb/dep/fad/kampanjer/dan/pa-nett-med-innbygerne/kap1.html?id=677793
![Page 14: Innlegg 8. mai 2012](https://reader033.fdocuments.net/reader033/viewer/2022061300/54c728604a7959cc328b4583/html5/thumbnails/14.jpg)
Gov.uk: Design Principles
1. Start with needs*
2. Do less
3. Design with data
4. Do the hard work to make it simple
5. Iterate. Then iterate again.
6. Build for inclusion
7. Understand context
8. Build digital services, not websites
9. Be consistent, not uniform
10.Make things open: it makes things better
https://www.gov.uk/designprinciples
![Page 15: Innlegg 8. mai 2012](https://reader033.fdocuments.net/reader033/viewer/2022061300/54c728604a7959cc328b4583/html5/thumbnails/15.jpg)
htt
ps:
//ww
w.g
ov.
uk
/de
sig
np
rin
cip
les
![Page 16: Innlegg 8. mai 2012](https://reader033.fdocuments.net/reader033/viewer/2022061300/54c728604a7959cc328b4583/html5/thumbnails/16.jpg)
http://www.techrepublic.com/blog/hiner/look-out-the-10-rising-tech-trends-of-2012/9470
![Page 17: Innlegg 8. mai 2012](https://reader033.fdocuments.net/reader033/viewer/2022061300/54c728604a7959cc328b4583/html5/thumbnails/17.jpg)
http://labs.finn.no/webstatistikken-for-finn-no-mars-2012/
![Page 18: Innlegg 8. mai 2012](https://reader033.fdocuments.net/reader033/viewer/2022061300/54c728604a7959cc328b4583/html5/thumbnails/18.jpg)
http://labs.finn.no/webstatistikken-for-finn-no-mars-2012/
![Page 19: Innlegg 8. mai 2012](https://reader033.fdocuments.net/reader033/viewer/2022061300/54c728604a7959cc328b4583/html5/thumbnails/19.jpg)
![Page 20: Innlegg 8. mai 2012](https://reader033.fdocuments.net/reader033/viewer/2022061300/54c728604a7959cc328b4583/html5/thumbnails/20.jpg)
![Page 21: Innlegg 8. mai 2012](https://reader033.fdocuments.net/reader033/viewer/2022061300/54c728604a7959cc328b4583/html5/thumbnails/21.jpg)
![Page 22: Innlegg 8. mai 2012](https://reader033.fdocuments.net/reader033/viewer/2022061300/54c728604a7959cc328b4583/html5/thumbnails/22.jpg)
Responsive (web) design
![Page 23: Innlegg 8. mai 2012](https://reader033.fdocuments.net/reader033/viewer/2022061300/54c728604a7959cc328b4583/html5/thumbnails/23.jpg)
Responsive design
”Fluid grids, flexible images, and media queries are the three technical ingredients for responsive web design, but it also requires a different way of thinking. Rather than quarantining our content into disparate, device-specific experiences, we can use media queries to progressively enhance our work within different viewing contexts.”
http://www.alistapart.com/articles/responsive-web-design/
![Page 24: Innlegg 8. mai 2012](https://reader033.fdocuments.net/reader033/viewer/2022061300/54c728604a7959cc328b4583/html5/thumbnails/24.jpg)
http://www.gonzoblog.nl/2011/07/new-responsive-design-gonzoblog-nl/
![Page 25: Innlegg 8. mai 2012](https://reader033.fdocuments.net/reader033/viewer/2022061300/54c728604a7959cc328b4583/html5/thumbnails/25.jpg)
![Page 26: Innlegg 8. mai 2012](https://reader033.fdocuments.net/reader033/viewer/2022061300/54c728604a7959cc328b4583/html5/thumbnails/26.jpg)
paulswansen@flickr
![Page 27: Innlegg 8. mai 2012](https://reader033.fdocuments.net/reader033/viewer/2022061300/54c728604a7959cc328b4583/html5/thumbnails/27.jpg)
http://www.findmebyip.com/litmus/
![Page 28: Innlegg 8. mai 2012](https://reader033.fdocuments.net/reader033/viewer/2022061300/54c728604a7959cc328b4583/html5/thumbnails/28.jpg)
![Page 29: Innlegg 8. mai 2012](https://reader033.fdocuments.net/reader033/viewer/2022061300/54c728604a7959cc328b4583/html5/thumbnails/29.jpg)
HTML5
http://html5demos.com/geo
http://html5demos.com/contenteditable
http://aacook.co/jq-cc-plugin
![Page 30: Innlegg 8. mai 2012](https://reader033.fdocuments.net/reader033/viewer/2022061300/54c728604a7959cc328b4583/html5/thumbnails/30.jpg)
http://html5demos.com/geo
![Page 31: Innlegg 8. mai 2012](https://reader033.fdocuments.net/reader033/viewer/2022061300/54c728604a7959cc328b4583/html5/thumbnails/31.jpg)
htt
p:/
/ww
w.f
lickr
.co
m/p
ho
tos/
crys
talji
ng
sr/3
91
55
14
58
8/in
/se
t-7
21
57
62
23
54
78
93
20
/
![Page 32: Innlegg 8. mai 2012](https://reader033.fdocuments.net/reader033/viewer/2022061300/54c728604a7959cc328b4583/html5/thumbnails/32.jpg)