nkf web design 2
TRANSCRIPT
![Page 1: NKF web design 2](https://reader033.vdocuments.net/reader033/viewer/2022052622/559493bd1a28abae3e8b46ea/html5/thumbnails/1.jpg)
Introduksjonskurs iweb design 2.0
Responsivt designSkjermoppløsningWireframes
Are SlevelandVJU Brand and Business Innovation
![Page 2: NKF web design 2](https://reader033.vdocuments.net/reader033/viewer/2022052622/559493bd1a28abae3e8b46ea/html5/thumbnails/2.jpg)
![Page 3: NKF web design 2](https://reader033.vdocuments.net/reader033/viewer/2022052622/559493bd1a28abae3e8b46ea/html5/thumbnails/3.jpg)
Dagen igår
1. Introduksjon2. Historikk3. Kundeanalyse4. Informasjonsarkitektur
![Page 4: NKF web design 2](https://reader033.vdocuments.net/reader033/viewer/2022052622/559493bd1a28abae3e8b46ea/html5/thumbnails/4.jpg)
Kundebrief8-punkts modellen
![Page 5: NKF web design 2](https://reader033.vdocuments.net/reader033/viewer/2022052622/559493bd1a28abae3e8b46ea/html5/thumbnails/5.jpg)
1. Hva er målet?
- Letter å navigere- Mer brukervennlig- Innbydende- Sterkere identitet- Forenklet - ta vekk unødvendig informasjon- Få fram det viktigste på forsiden- Vise bredde. Grottene og Akvariet.- Mer bruk av lokalene
![Page 6: NKF web design 2](https://reader033.vdocuments.net/reader033/viewer/2022052622/559493bd1a28abae3e8b46ea/html5/thumbnails/6.jpg)
2. Hvem snakker vi til?
- Studenter- Konsertgjengere
![Page 7: NKF web design 2](https://reader033.vdocuments.net/reader033/viewer/2022052622/559493bd1a28abae3e8b46ea/html5/thumbnails/7.jpg)
3. Hva hindrer oss i å nå målet?
- Ulike interne oppfatninger- Forvirrende identitet- Tung strukturert nettside- For mye informasjon på forsiden- Utdatert informasjon- Lange tekster
![Page 8: NKF web design 2](https://reader033.vdocuments.net/reader033/viewer/2022052622/559493bd1a28abae3e8b46ea/html5/thumbnails/8.jpg)
4. Hva kan vi gjøre?
- Rydde i strukturen- Forenkle budskap- Fjerne unødvendig informasjon- Gjøre alle lokalene tydeligere- Fremheve Grottene som et fritidssted
![Page 9: NKF web design 2](https://reader033.vdocuments.net/reader033/viewer/2022052622/559493bd1a28abae3e8b46ea/html5/thumbnails/9.jpg)
5. Hva mener de om oss?
- Svart og skummelt- Skittent- Snevert tilbud - Jeg passer ikke inn her- Lite gjennomført
![Page 10: NKF web design 2](https://reader033.vdocuments.net/reader033/viewer/2022052622/559493bd1a28abae3e8b46ea/html5/thumbnails/10.jpg)
6. Hva vil vi de skal mene?
- Åpent for alle- Ikke bare konserter- Billig utested for studenter- Samlingspunkt- Bredt tilbud
![Page 11: NKF web design 2](https://reader033.vdocuments.net/reader033/viewer/2022052622/559493bd1a28abae3e8b46ea/html5/thumbnails/11.jpg)
7. Hva kan vi kommunisere?
- Billig for studenter- Varierte tilbud- Alle rettigheter i Grottene- Åpent for alle
![Page 12: NKF web design 2](https://reader033.vdocuments.net/reader033/viewer/2022052622/559493bd1a28abae3e8b46ea/html5/thumbnails/12.jpg)
8. Hvordan kan vi si det?
- Reindyrke image- Klarere struktur- Bevisst på budskap- Happy Hour- God gjenkjennelses effekt. Nett, Facebook, Twitter
![Page 13: NKF web design 2](https://reader033.vdocuments.net/reader033/viewer/2022052622/559493bd1a28abae3e8b46ea/html5/thumbnails/13.jpg)
Dagen idag
1. Inspirasjon2. Fonter3. Skjermoppløsning4. Responsivt design5. Grid6. Wireframes
![Page 14: NKF web design 2](https://reader033.vdocuments.net/reader033/viewer/2022052622/559493bd1a28abae3e8b46ea/html5/thumbnails/14.jpg)
Inspirasjon
![Page 15: NKF web design 2](https://reader033.vdocuments.net/reader033/viewer/2022052622/559493bd1a28abae3e8b46ea/html5/thumbnails/15.jpg)
![Page 17: NKF web design 2](https://reader033.vdocuments.net/reader033/viewer/2022052622/559493bd1a28abae3e8b46ea/html5/thumbnails/17.jpg)
Sikker typografi
![Page 18: NKF web design 2](https://reader033.vdocuments.net/reader033/viewer/2022052622/559493bd1a28abae3e8b46ea/html5/thumbnails/18.jpg)
![Page 19: NKF web design 2](https://reader033.vdocuments.net/reader033/viewer/2022052622/559493bd1a28abae3e8b46ea/html5/thumbnails/19.jpg)
Responsivt webdesign,et landskap i endring
![Page 20: NKF web design 2](https://reader033.vdocuments.net/reader033/viewer/2022052622/559493bd1a28abae3e8b46ea/html5/thumbnails/20.jpg)
1024 px
768 px
![Page 21: NKF web design 2](https://reader033.vdocuments.net/reader033/viewer/2022052622/559493bd1a28abae3e8b46ea/html5/thumbnails/21.jpg)
Men... nettet er ikkeslik lenger
![Page 22: NKF web design 2](https://reader033.vdocuments.net/reader033/viewer/2022052622/559493bd1a28abae3e8b46ea/html5/thumbnails/22.jpg)
1280x960 px1024x768 px800x600px
1920x1280px1680x1050px
1366x768 px1280x760 px
1024x768 px
960x640 px
![Page 23: NKF web design 2](https://reader033.vdocuments.net/reader033/viewer/2022052622/559493bd1a28abae3e8b46ea/html5/thumbnails/23.jpg)
26 %
56 %
2 %
16 %
1024x768 1280x800++ 800x600 Andre
Skjermoppløsning
![Page 24: NKF web design 2](https://reader033.vdocuments.net/reader033/viewer/2022052622/559493bd1a28abae3e8b46ea/html5/thumbnails/24.jpg)
960x600 px
![Page 25: NKF web design 2](https://reader033.vdocuments.net/reader033/viewer/2022052622/559493bd1a28abae3e8b46ea/html5/thumbnails/25.jpg)
Nettstedet bør fungere på telefoner og nettbrett
![Page 26: NKF web design 2](https://reader033.vdocuments.net/reader033/viewer/2022052622/559493bd1a28abae3e8b46ea/html5/thumbnails/26.jpg)
Antall smarttelefoner i Norge
![Page 27: NKF web design 2](https://reader033.vdocuments.net/reader033/viewer/2022052622/559493bd1a28abae3e8b46ea/html5/thumbnails/27.jpg)
Bruk av internett på mobil
![Page 28: NKF web design 2](https://reader033.vdocuments.net/reader033/viewer/2022052622/559493bd1a28abae3e8b46ea/html5/thumbnails/28.jpg)
Egne mobilnettsteder
m.vg.no
touch.vg.no
vg.no
![Page 29: NKF web design 2](https://reader033.vdocuments.net/reader033/viewer/2022052622/559493bd1a28abae3e8b46ea/html5/thumbnails/29.jpg)
Et nettsted
vg.no
![Page 33: NKF web design 2](https://reader033.vdocuments.net/reader033/viewer/2022052622/559493bd1a28abae3e8b46ea/html5/thumbnails/33.jpg)
![Page 34: NKF web design 2](https://reader033.vdocuments.net/reader033/viewer/2022052622/559493bd1a28abae3e8b46ea/html5/thumbnails/34.jpg)
![Page 35: NKF web design 2](https://reader033.vdocuments.net/reader033/viewer/2022052622/559493bd1a28abae3e8b46ea/html5/thumbnails/35.jpg)
12 part grid
![Page 36: NKF web design 2](https://reader033.vdocuments.net/reader033/viewer/2022052622/559493bd1a28abae3e8b46ea/html5/thumbnails/36.jpg)
12 part grid
![Page 37: NKF web design 2](https://reader033.vdocuments.net/reader033/viewer/2022052622/559493bd1a28abae3e8b46ea/html5/thumbnails/37.jpg)
12 part grid
![Page 38: NKF web design 2](https://reader033.vdocuments.net/reader033/viewer/2022052622/559493bd1a28abae3e8b46ea/html5/thumbnails/38.jpg)
12 part grid
![Page 39: NKF web design 2](https://reader033.vdocuments.net/reader033/viewer/2022052622/559493bd1a28abae3e8b46ea/html5/thumbnails/39.jpg)
12 part grid
![Page 40: NKF web design 2](https://reader033.vdocuments.net/reader033/viewer/2022052622/559493bd1a28abae3e8b46ea/html5/thumbnails/40.jpg)
12 part grid
![Page 41: NKF web design 2](https://reader033.vdocuments.net/reader033/viewer/2022052622/559493bd1a28abae3e8b46ea/html5/thumbnails/41.jpg)
12 part grid
![Page 42: NKF web design 2](https://reader033.vdocuments.net/reader033/viewer/2022052622/559493bd1a28abae3e8b46ea/html5/thumbnails/42.jpg)
![Page 43: NKF web design 2](https://reader033.vdocuments.net/reader033/viewer/2022052622/559493bd1a28abae3e8b46ea/html5/thumbnails/43.jpg)
Wireframing
![Page 44: NKF web design 2](https://reader033.vdocuments.net/reader033/viewer/2022052622/559493bd1a28abae3e8b46ea/html5/thumbnails/44.jpg)
![Page 45: NKF web design 2](https://reader033.vdocuments.net/reader033/viewer/2022052622/559493bd1a28abae3e8b46ea/html5/thumbnails/45.jpg)
Informasjonsarkitektur
![Page 46: NKF web design 2](https://reader033.vdocuments.net/reader033/viewer/2022052622/559493bd1a28abae3e8b46ea/html5/thumbnails/46.jpg)