SlideShare ist ein Scribd-Unternehmen logo

Bedre webteknologi = Bedre webdesign

•
•
MediaFront
MediaFront

A review over the last ten years of design web history and a look on new web design implications.

Design
1 von 19
Downloaden Sie, um offline zu lesen
BEDRE WEBTEKNOLOGI = BEDRE GRAFISK DESIGN Hvordan utnytte teknologien for å lage bedre grafisk design på nett? MEDIAFRONT A PART OF MCCANN WORLDGROUP tirsdag 11. januar 2011
LEGO 1996 MEDIAFRONT A PART OF MCCANN WORLDGROUP tirsdag 11. januar 2011
LEGO 2011 MEDIAFRONT A PART OF MCCANN WORLDGROUP tirsdag 11. januar 2011
WEBDESIGN ER FORTSATT ET UNGT FAGFELT MediaFront ble etablert i 1995 1500 1600 1700 1800 1900 2000 1440 1920 1991 Print TV World Johannes Gutenberg Wide Web MEDIAFRONT A PART OF MCCANN WORLDGROUP tirsdag 11. januar 2011
GRID Første steget på veien Underliggende rutenett brukt som hjelpemiddel i design MEDIAFRONT A PART OF MCCANN WORLDGROUP tirsdag 11. januar 2011
MEDIAFRONT A PART OF MCCANN WORLDGROUP tirsdag 11. januar 2011
MEDIAFRONT A PART OF MCCANN WORLDGROUP tirsdag 11. januar 2011
STRUKTURERING AV INFORMASJONS BITER MEDIAFRONT A PART OF MCCANN WORLDGROUP tirsdag 11. januar 2011
MIN VERSJON STANDARD VERSJON MEDIAFRONT A PART OF MCCANN WORLDGROUP tirsdag 11. januar 2011
SLANKING Det er lettere å legge på seg enn å slanke seg... Det samme ser ut til å gjelde for informasjon på nettsider. MEDIAFRONT A PART OF MCCANN WORLDGROUP tirsdag 11. januar 2011
LETT TUNG MEDIAFRONT A PART OF MCCANN WORLDGROUP tirsdag 11. januar 2011
LETT MEDIAFRONT A PART OF MCCANN WORLDGROUP tirsdag 11. januar 2011
NAVIGASJON Marty Naumeier, The brand gap “People like clicking - they just hate waiting” MEDIAFRONT A PART OF MCCANN WORLDGROUP tirsdag 11. januar 2011
TYPOGRAFI Endelig total frihet (nesten ihvertfall) RETRO MODERNE MEDIAFRONT A PART OF MCCANN WORLDGROUP tirsdag 11. januar 2011
RESPONSIV WEBDESIGN Nettsiden tilpasser seg enheten man surfer på, uten at man trenger å lage enhetsspesifikke versjoner av en side MEDIAFRONT A PART OF MCCANN WORLDGROUP tirsdag 11. januar 2011
LITEN SKJERM STOR SKJERM MEDIAFRONT A PART OF MCCANN WORLDGROUP tirsdag 11. januar 2011
VISUELLE FREMSTILLINGER AV DATA MEDIAFRONT A PART OF MCCANN WORLDGROUP tirsdag 11. januar 2011
DESIGN AV SOSIALE KANALER MEDIAFRONT A PART OF MCCANN WORLDGROUP tirsdag 11. januar 2011
BEDRE WEBTEKNOLOGI = BEDRE DESIGN Innhold: Tydeligere design ved å begrense innholdsmengden Navigasjon: Informasjonen trenger ikke lenger kun å ligge vertikalt Typografi: Mer frihet Responsiv webdesign: Lag skalerbare sider tilpasset flere enheter Data: Internett et fantastisk verktøy for å visualisere data Sosiale kanaler: Design de! MEDIAFRONT A PART OF MCCANN WORLDGROUP tirsdag 11. januar 2011

Empfohlen

Capital budgeting
Capital budgetingCapital budgeting
Capital budgetingRakesh Sharma
 
Intrepid Selectinglms 414
Intrepid Selectinglms 414Intrepid Selectinglms 414
Intrepid Selectinglms 414Hidayathulla NS
 
Good Thoughts
Good ThoughtsGood Thoughts
Good ThoughtsAnand Nataraj
 
Directrices para la creación de un repositorio institucional para las agencia...
Directrices para la creación de un repositorio institucional para las agencia...Directrices para la creación de un repositorio institucional para las agencia...
Directrices para la creación de un repositorio institucional para las agencia...ADON189
 
Romanian Traditions - Dragobete's Day
Romanian Traditions - Dragobete's DayRomanian Traditions - Dragobete's Day
Romanian Traditions - Dragobete's Dayguest7c5a7d
 
Market Validation Analysis for selling owners and shareholders of privately h...
Market Validation Analysis for selling owners and shareholders of privately h...Market Validation Analysis for selling owners and shareholders of privately h...
Market Validation Analysis for selling owners and shareholders of privately h...guestd2bbe9
 
Web Applications Are Technically Awesome!
Web Applications Are Technically Awesome!Web Applications Are Technically Awesome!
Web Applications Are Technically Awesome!MediaFront
 
The Core of Gamification
The Core of GamificationThe Core of Gamification
The Core of GamificationMediaFront
 

Empfohlen

Capital budgeting
Capital budgetingCapital budgeting
Capital budgetingRakesh Sharma
 
Intrepid Selectinglms 414
Intrepid Selectinglms 414Intrepid Selectinglms 414
Intrepid Selectinglms 414Hidayathulla NS
 
Good Thoughts
Good ThoughtsGood Thoughts
Good ThoughtsAnand Nataraj
 
Directrices para la creación de un repositorio institucional para las agencia...
Directrices para la creación de un repositorio institucional para las agencia...Directrices para la creación de un repositorio institucional para las agencia...
Directrices para la creación de un repositorio institucional para las agencia...ADON189
 
Romanian Traditions - Dragobete's Day
Romanian Traditions - Dragobete's DayRomanian Traditions - Dragobete's Day
Romanian Traditions - Dragobete's Dayguest7c5a7d
 
Market Validation Analysis for selling owners and shareholders of privately h...
Market Validation Analysis for selling owners and shareholders of privately h...Market Validation Analysis for selling owners and shareholders of privately h...
Market Validation Analysis for selling owners and shareholders of privately h...guestd2bbe9
 
Web Applications Are Technically Awesome!
Web Applications Are Technically Awesome!Web Applications Are Technically Awesome!
Web Applications Are Technically Awesome!MediaFront
 
The Core of Gamification
The Core of GamificationThe Core of Gamification
The Core of GamificationMediaFront
 
LIVE 365
LIVE 365LIVE 365
LIVE 365MediaFront
 
Physical is the new digital
Physical is the new digitalPhysical is the new digital
Physical is the new digitalMediaFront
 
(20)13 Things to Think About
(20)13 Things to Think About(20)13 Things to Think About
(20)13 Things to Think AboutMediaFront
 
The Marketing Revolution - Caused by you and 3.000.000.000 people
The Marketing Revolution - Caused by you and 3.000.000.000 peopleThe Marketing Revolution - Caused by you and 3.000.000.000 people
The Marketing Revolution - Caused by you and 3.000.000.000 peopleMediaFront
 
FORWARD TO REALITY - PHYSICAL COMPUTING – THE NEXT LEVEL OF WEB INTERACTION
FORWARD TO REALITY - PHYSICAL COMPUTING – THE NEXT LEVEL OF WEB INTERACTION FORWARD TO REALITY - PHYSICAL COMPUTING – THE NEXT LEVEL OF WEB INTERACTION
FORWARD TO REALITY - PHYSICAL COMPUTING – THE NEXT LEVEL OF WEB INTERACTION MediaFront
 
THE DIGITAL HEART.
THE DIGITAL HEART. THE DIGITAL HEART.
THE DIGITAL HEART. MediaFront
 
Activate The Market
Activate The MarketActivate The Market
Activate The MarketMediaFront
 
ARG + AR = The physical environment and the reality as a game platform
ARG + AR = The physical environment and the reality as a game platformARG + AR = The physical environment and the reality as a game platform
ARG + AR = The physical environment and the reality as a game platformMediaFront
 
(20)11 things to think about
(20)11 things to think about (20)11 things to think about
(20)11 things to think about MediaFront
 
Kampanjer Som Sprengte Grenser i 2010
Kampanjer Som Sprengte Grenser i 2010Kampanjer Som Sprengte Grenser i 2010
Kampanjer Som Sprengte Grenser i 2010MediaFront
 
Tid for å aktivere markedet
Tid for å aktivere markedetTid for å aktivere markedet
Tid for å aktivere markedetMediaFront
 
ARG + AR = De fysiske omgivelsene og virkeligheten som spillplattform.
ARG + AR = De fysiske omgivelsene og virkeligheten som spillplattform. ARG + AR = De fysiske omgivelsene og virkeligheten som spillplattform.
ARG + AR = De fysiske omgivelsene og virkeligheten som spillplattform. MediaFront
 
Liberal.no Case
Liberal.no CaseLiberal.no Case
Liberal.no CaseMediaFront
 

Weitere ähnliche Inhalte

Mehr von MediaFront

Physical is the new digital
Physical is the new digitalPhysical is the new digital
Physical is the new digitalMediaFront
 
(20)13 Things to Think About
(20)13 Things to Think About(20)13 Things to Think About
(20)13 Things to Think AboutMediaFront
 
The Marketing Revolution - Caused by you and 3.000.000.000 people
The Marketing Revolution - Caused by you and 3.000.000.000 peopleThe Marketing Revolution - Caused by you and 3.000.000.000 people
The Marketing Revolution - Caused by you and 3.000.000.000 peopleMediaFront
 
FORWARD TO REALITY - PHYSICAL COMPUTING – THE NEXT LEVEL OF WEB INTERACTION
FORWARD TO REALITY - PHYSICAL COMPUTING – THE NEXT LEVEL OF WEB INTERACTION FORWARD TO REALITY - PHYSICAL COMPUTING – THE NEXT LEVEL OF WEB INTERACTION
FORWARD TO REALITY - PHYSICAL COMPUTING – THE NEXT LEVEL OF WEB INTERACTION MediaFront
 
THE DIGITAL HEART.
THE DIGITAL HEART. THE DIGITAL HEART.
THE DIGITAL HEART. MediaFront
 
Activate The Market
Activate The MarketActivate The Market
Activate The MarketMediaFront
 
ARG + AR = The physical environment and the reality as a game platform
ARG + AR = The physical environment and the reality as a game platformARG + AR = The physical environment and the reality as a game platform
ARG + AR = The physical environment and the reality as a game platformMediaFront
 
(20)11 things to think about
(20)11 things to think about (20)11 things to think about
(20)11 things to think about MediaFront
 
Kampanjer Som Sprengte Grenser i 2010
Kampanjer Som Sprengte Grenser i 2010Kampanjer Som Sprengte Grenser i 2010
Kampanjer Som Sprengte Grenser i 2010MediaFront
 
Tid for å aktivere markedet
Tid for å aktivere markedetTid for å aktivere markedet
Tid for å aktivere markedetMediaFront
 
ARG + AR = De fysiske omgivelsene og virkeligheten som spillplattform.
ARG + AR = De fysiske omgivelsene og virkeligheten som spillplattform. ARG + AR = De fysiske omgivelsene og virkeligheten som spillplattform.
ARG + AR = De fysiske omgivelsene og virkeligheten som spillplattform. MediaFront
 
Liberal.no Case
Liberal.no CaseLiberal.no Case
Liberal.no CaseMediaFront
 

Mehr von MediaFront (13)

LIVE 365
LIVE 365LIVE 365
LIVE 365
 
Physical is the new digital
Physical is the new digitalPhysical is the new digital
Physical is the new digital
 
(20)13 Things to Think About
(20)13 Things to Think About(20)13 Things to Think About
(20)13 Things to Think About
 
The Marketing Revolution - Caused by you and 3.000.000.000 people
The Marketing Revolution - Caused by you and 3.000.000.000 peopleThe Marketing Revolution - Caused by you and 3.000.000.000 people
The Marketing Revolution - Caused by you and 3.000.000.000 people
 
FORWARD TO REALITY - PHYSICAL COMPUTING – THE NEXT LEVEL OF WEB INTERACTION
FORWARD TO REALITY - PHYSICAL COMPUTING – THE NEXT LEVEL OF WEB INTERACTION FORWARD TO REALITY - PHYSICAL COMPUTING – THE NEXT LEVEL OF WEB INTERACTION
FORWARD TO REALITY - PHYSICAL COMPUTING – THE NEXT LEVEL OF WEB INTERACTION
 
THE DIGITAL HEART.
THE DIGITAL HEART. THE DIGITAL HEART.
THE DIGITAL HEART.
 
Activate The Market
Activate The MarketActivate The Market
Activate The Market
 
ARG + AR = The physical environment and the reality as a game platform
ARG + AR = The physical environment and the reality as a game platformARG + AR = The physical environment and the reality as a game platform
ARG + AR = The physical environment and the reality as a game platform
 
(20)11 things to think about
(20)11 things to think about (20)11 things to think about
(20)11 things to think about
 
Kampanjer Som Sprengte Grenser i 2010
Kampanjer Som Sprengte Grenser i 2010Kampanjer Som Sprengte Grenser i 2010
Kampanjer Som Sprengte Grenser i 2010
 
Tid for å aktivere markedet
Tid for å aktivere markedetTid for å aktivere markedet
Tid for å aktivere markedet
 
ARG + AR = De fysiske omgivelsene og virkeligheten som spillplattform.
ARG + AR = De fysiske omgivelsene og virkeligheten som spillplattform. ARG + AR = De fysiske omgivelsene og virkeligheten som spillplattform.
ARG + AR = De fysiske omgivelsene og virkeligheten som spillplattform.
 
Liberal.no Case
Liberal.no CaseLiberal.no Case
Liberal.no Case
 

Bedre webteknologi = Bedre webdesign

  • 1. BEDRE WEBTEKNOLOGI = BEDRE GRAFISK DESIGN Hvordan utnytte teknologien for å lage bedre grafisk design på nett? MEDIAFRONT A PART OF MCCANN WORLDGROUP tirsdag 11. januar 2011
  • 2. LEGO 1996 MEDIAFRONT A PART OF MCCANN WORLDGROUP tirsdag 11. januar 2011
  • 3. LEGO 2011 MEDIAFRONT A PART OF MCCANN WORLDGROUP tirsdag 11. januar 2011
  • 4. WEBDESIGN ER FORTSATT ET UNGT FAGFELT MediaFront ble etablert i 1995 1500 1600 1700 1800 1900 2000 1440 1920 1991 Print TV World Johannes Gutenberg Wide Web MEDIAFRONT A PART OF MCCANN WORLDGROUP tirsdag 11. januar 2011
  • 5. GRID Første steget på veien Underliggende rutenett brukt som hjelpemiddel i design MEDIAFRONT A PART OF MCCANN WORLDGROUP tirsdag 11. januar 2011
  • 6. MEDIAFRONT A PART OF MCCANN WORLDGROUP tirsdag 11. januar 2011
  • 7. MEDIAFRONT A PART OF MCCANN WORLDGROUP tirsdag 11. januar 2011
  • 8. STRUKTURERING AV INFORMASJONS BITER MEDIAFRONT A PART OF MCCANN WORLDGROUP tirsdag 11. januar 2011
  • 9. MIN VERSJON STANDARD VERSJON MEDIAFRONT A PART OF MCCANN WORLDGROUP tirsdag 11. januar 2011
  • 10. SLANKING Det er lettere å legge på seg enn å slanke seg... Det samme ser ut til å gjelde for informasjon på nettsider. MEDIAFRONT A PART OF MCCANN WORLDGROUP tirsdag 11. januar 2011
  • 11. LETT TUNG MEDIAFRONT A PART OF MCCANN WORLDGROUP tirsdag 11. januar 2011
  • 12. LETT MEDIAFRONT A PART OF MCCANN WORLDGROUP tirsdag 11. januar 2011
  • 13. NAVIGASJON Marty Naumeier, The brand gap “People like clicking - they just hate waiting” MEDIAFRONT A PART OF MCCANN WORLDGROUP tirsdag 11. januar 2011
  • 14. TYPOGRAFI Endelig total frihet (nesten ihvertfall) RETRO MODERNE MEDIAFRONT A PART OF MCCANN WORLDGROUP tirsdag 11. januar 2011
  • 15. RESPONSIV WEBDESIGN Nettsiden tilpasser seg enheten man surfer på, uten at man trenger å lage enhetsspesifikke versjoner av en side MEDIAFRONT A PART OF MCCANN WORLDGROUP tirsdag 11. januar 2011
  • 16. LITEN SKJERM STOR SKJERM MEDIAFRONT A PART OF MCCANN WORLDGROUP tirsdag 11. januar 2011
  • 17. VISUELLE FREMSTILLINGER AV DATA MEDIAFRONT A PART OF MCCANN WORLDGROUP tirsdag 11. januar 2011
  • 18. DESIGN AV SOSIALE KANALER MEDIAFRONT A PART OF MCCANN WORLDGROUP tirsdag 11. januar 2011
  • 19. BEDRE WEBTEKNOLOGI = BEDRE DESIGN Innhold: Tydeligere design ved å begrense innholdsmengden Navigasjon: Informasjonen trenger ikke lenger kun å ligge vertikalt Typografi: Mer frihet Responsiv webdesign: Lag skalerbare sider tilpasset flere enheter Data: Internett et fantastisk verktøy for å visualisere data Sosiale kanaler: Design de! MEDIAFRONT A PART OF MCCANN WORLDGROUP tirsdag 11. januar 2011