SlideShare une entreprise Scribd logo
1  sur  46
Télécharger pour lire hors ligne
Web
     Design



Monday 28 December 2009
Web 2.0 is so 2005




Monday 28 December 2009
And yet people still say ...

                          “I want that design
                            to be more 2.0”




Monday 28 December 2009
2009 - 2005 = 4 years




Monday 28 December 2009
Who’s fault is that?




Monday 28 December 2009
It’s everyone’s fault
                          Everyone’s fault?




                                            Picture by flickr.com/photos/isayx3

Monday 28 December 2009
It’s the ones to blame!
                          We are   everyone’s fault




Monday 28 December 2009
“We” everyone’s fault
                             It’s as in: designers,
                          developers, accounts, ...




Monday 28 December 2009
Why?everyone’sto hide
                            It’s We love fault
                           behind technology




Monday 28 December 2009
Web 2.0 & web 3.0 has brought us
                          a lot of “new” (sometimes useful) stuff...




Monday 28 December 2009
... but how has web design
                               changed ever since?




Monday 28 December 2009
Web Design should
                          become more mature




Monday 28 December 2009
This is what people think when you say
  you’re a web designer...




Monday 28 December 2009
My definition of web design:

                   It’s a pixel perfect craft that communicates
                           a clear & structured message.




Monday 28 December 2009
2 things to keep in mind




Monday 28 December 2009
The internet is all about content
                                          &
                          People get frustrated in no time




Monday 28 December 2009
5 skills each web designer should practice




                                                 Picture by flickr.com/photos/anjin

Monday 28 December 2009
... or at least should have an interest in!




Monday 28 December 2009
1   Information Design
                          2   Usability
                          3   Typography
                          4   Visual Language
                          5   Change - ?




Monday 28 December 2009
Skill 1: Get addicted to Information Design




                                                        Picture by konigi.com

Monday 28 December 2009
“Information design makes complex
                          information easier to understand and use”




Monday 28 December 2009
‣     Human-centered design

   ‣     Measure information
         density

   ‣     What’s the knowledge
         base of my audience?

   ‣     Whitespace is sexy

   ‣     Prioritize

   ‣     Respect Standards




Monday 28 December 2009
Monday 28 December 2009
Skill 2: Usability, to ease everyone’s mind




                                                 Picture by flickr.com/photos/jepoirrier

Monday 28 December 2009
“Don’t make me think - please”




Monday 28 December 2009
‣     “What we design for” VS
         “How people really use it”

   ‣     Sense of Location

   ‣     What elements are
         clickable?

   ‣     Visual Hierarchy

   ‣     Less noise more signal

   ‣     Be consistent: it gives
         people the grip they need




Monday 28 December 2009
Monday 28 December 2009
Who doesn’t recognize these shapes?




Monday 28 December 2009
Skill 3: Typography, yes we Kern




Monday 28 December 2009
“typography is the art and
                          technique of arranging type”




Monday 28 December 2009
‣     Drop the tiny font-size

   ‣     Use different font-faces

   ‣     People Love color

   ‣     What should be
         emphasized?




Monday 28 December 2009
Monday 28 December 2009
Skill 4: Visual Language




                                      Picture by flickr.com/photos/41894180030@N01

Monday 28 December 2009
Matching content and design.
                          “Are they telling the same story?”




Monday 28 December 2009
‣     Your design should
            communicate something

      ‣     There’s no such thing as;
            “One template to rule
            them all”

      ‣     Design your content, not
            only the surrounding
            elements

      ‣     Your header & footer
            shouldn’t be the only
            Climax

      ‣     Your copy should be
            part of the lay-out




Monday 28 December 2009
Monday 28 December 2009
Monday 28 December 2009
Skill 5
                          change
Monday 28 December 2009
“Find a piece of the status-quo
                           and try to change it”




                                                 Seth Godin
Monday 28 December 2009
“You can tell who the pioneers are
                   from the arrows sticking out of
                            their backs”




                                           Hugh MacLeod
Monday 28 December 2009
Web design is Craftsmanship

                          Craftsmanship gets noticed twice as hard




                                                 Picture by flickr.com/photos/jepoirrier
Monday 28 December 2009
Web design is functional, it goes further
                     then creating a good looking website




Monday 28 December 2009
Every website has a goal

              How do we support the visitor in completing that goal?




Monday 28 December 2009
Good Web design equals higher ROI
                            and a bunch of happy visitors




Monday 28 December 2009
... Everyone is happy!




Monday 28 December 2009
That’s it!



 Erlend Debast
 Web designer @ proximity BBDO

 twitter.com/erlend
 erlend@artueel.be


Monday 28 December 2009

Contenu connexe

Similaire à Web Design Evolution and Best Practices

Realtime 3D on the web - a toy or a useful tool?
Realtime 3D on the web - a toy or a useful tool?Realtime 3D on the web - a toy or a useful tool?
Realtime 3D on the web - a toy or a useful tool?Jens Brynildsen
 
Streetmarc Presentation
Streetmarc PresentationStreetmarc Presentation
Streetmarc PresentationDavid Parmet
 
Content Management Selection and Strategy
Content Management Selection and StrategyContent Management Selection and Strategy
Content Management Selection and StrategyIvo Jansch
 
Ibuildings Cms Talk
Ibuildings Cms TalkIbuildings Cms Talk
Ibuildings Cms Talkdean1985
 
Batista Filipe A00725354 Lab 2
Batista Filipe A00725354 Lab 2Batista Filipe A00725354 Lab 2
Batista Filipe A00725354 Lab 2guest5e035f5
 
The Social Desktop - Keynote Akademy 2008
The Social Desktop - Keynote Akademy 2008The Social Desktop - Keynote Akademy 2008
The Social Desktop - Keynote Akademy 2008Frank Karlitschek
 
It's a beautiful day in your (online) neighborhood
It's a beautiful day in your (online) neighborhoodIt's a beautiful day in your (online) neighborhood
It's a beautiful day in your (online) neighborhoodKatie Laird
 
Object Oriented Css For High Performance Websites And Applications
Object Oriented Css For High Performance Websites And ApplicationsObject Oriented Css For High Performance Websites And Applications
Object Oriented Css For High Performance Websites And ApplicationsPerconaPerformance
 
Measuring Online Influence: The Art of Making Noise Without Being Noisy
Measuring Online Influence: The Art of Making Noise Without Being NoisyMeasuring Online Influence: The Art of Making Noise Without Being Noisy
Measuring Online Influence: The Art of Making Noise Without Being NoisyMicah Baldwin
 
RefreshPhilly Presentation February 09
RefreshPhilly Presentation February 09RefreshPhilly Presentation February 09
RefreshPhilly Presentation February 09Johnny Bilotta
 
DDD Part3 Retrospective
DDD Part3 RetrospectiveDDD Part3 Retrospective
DDD Part3 RetrospectiveYukei Wachi
 
The Web Designers Toolkit
The Web Designers ToolkitThe Web Designers Toolkit
The Web Designers ToolkitR/GA
 
Well-designed Good(s)
Well-designed Good(s)Well-designed Good(s)
Well-designed Good(s)Tim Salazar
 
How OpenNTF Open Source Solutions Can Save You Time, Money And Your Hair
How OpenNTF Open Source Solutions Can Save You Time, Money And Your HairHow OpenNTF Open Source Solutions Can Save You Time, Money And Your Hair
How OpenNTF Open Source Solutions Can Save You Time, Money And Your HairBruce Elgort
 
Code Quality in Ruby and Java
Code Quality in Ruby and JavaCode Quality in Ruby and Java
Code Quality in Ruby and JavaSteve Hayes
 
Mark Rolston Presentation at Emerging Communication Conference & Awards 2009 ...
Mark Rolston Presentation at Emerging Communication Conference & Awards 2009 ...Mark Rolston Presentation at Emerging Communication Conference & Awards 2009 ...
Mark Rolston Presentation at Emerging Communication Conference & Awards 2009 ...eCommConf
 

Similaire à Web Design Evolution and Best Practices (20)

Realtime 3D on the web - a toy or a useful tool?
Realtime 3D on the web - a toy or a useful tool?Realtime 3D on the web - a toy or a useful tool?
Realtime 3D on the web - a toy or a useful tool?
 
Cloudera Desktop
Cloudera DesktopCloudera Desktop
Cloudera Desktop
 
Streetmarc Presentation
Streetmarc PresentationStreetmarc Presentation
Streetmarc Presentation
 
Content Management Selection and Strategy
Content Management Selection and StrategyContent Management Selection and Strategy
Content Management Selection and Strategy
 
Ibuildings Cms Talk
Ibuildings Cms TalkIbuildings Cms Talk
Ibuildings Cms Talk
 
Batista Filipe A00725354 Lab 2
Batista Filipe A00725354 Lab 2Batista Filipe A00725354 Lab 2
Batista Filipe A00725354 Lab 2
 
The Social Desktop - Keynote Akademy 2008
The Social Desktop - Keynote Akademy 2008The Social Desktop - Keynote Akademy 2008
The Social Desktop - Keynote Akademy 2008
 
It's a beautiful day in your (online) neighborhood
It's a beautiful day in your (online) neighborhoodIt's a beautiful day in your (online) neighborhood
It's a beautiful day in your (online) neighborhood
 
Object Oriented Css For High Performance Websites And Applications
Object Oriented Css For High Performance Websites And ApplicationsObject Oriented Css For High Performance Websites And Applications
Object Oriented Css For High Performance Websites And Applications
 
Reef - ESUG2011
Reef  - ESUG2011Reef  - ESUG2011
Reef - ESUG2011
 
Measuring Online Influence: The Art of Making Noise Without Being Noisy
Measuring Online Influence: The Art of Making Noise Without Being NoisyMeasuring Online Influence: The Art of Making Noise Without Being Noisy
Measuring Online Influence: The Art of Making Noise Without Being Noisy
 
RefreshPhilly Presentation February 09
RefreshPhilly Presentation February 09RefreshPhilly Presentation February 09
RefreshPhilly Presentation February 09
 
SEO Basics
SEO   BasicsSEO   Basics
SEO Basics
 
The Design of Everyday Things
The Design of Everyday ThingsThe Design of Everyday Things
The Design of Everyday Things
 
DDD Part3 Retrospective
DDD Part3 RetrospectiveDDD Part3 Retrospective
DDD Part3 Retrospective
 
The Web Designers Toolkit
The Web Designers ToolkitThe Web Designers Toolkit
The Web Designers Toolkit
 
Well-designed Good(s)
Well-designed Good(s)Well-designed Good(s)
Well-designed Good(s)
 
How OpenNTF Open Source Solutions Can Save You Time, Money And Your Hair
How OpenNTF Open Source Solutions Can Save You Time, Money And Your HairHow OpenNTF Open Source Solutions Can Save You Time, Money And Your Hair
How OpenNTF Open Source Solutions Can Save You Time, Money And Your Hair
 
Code Quality in Ruby and Java
Code Quality in Ruby and JavaCode Quality in Ruby and Java
Code Quality in Ruby and Java
 
Mark Rolston Presentation at Emerging Communication Conference & Awards 2009 ...
Mark Rolston Presentation at Emerging Communication Conference & Awards 2009 ...Mark Rolston Presentation at Emerging Communication Conference & Awards 2009 ...
Mark Rolston Presentation at Emerging Communication Conference & Awards 2009 ...
 

Dernier

DragonBall PowerPoint Template for demo.pptx
DragonBall PowerPoint Template for demo.pptxDragonBall PowerPoint Template for demo.pptx
DragonBall PowerPoint Template for demo.pptxmirandajeremy200221
 
Nepali Escort Girl Gomti Nagar \ 9548273370 Indian Call Girls Service Lucknow...
Nepali Escort Girl Gomti Nagar \ 9548273370 Indian Call Girls Service Lucknow...Nepali Escort Girl Gomti Nagar \ 9548273370 Indian Call Girls Service Lucknow...
Nepali Escort Girl Gomti Nagar \ 9548273370 Indian Call Girls Service Lucknow...nagunakhan
 
Recommendable # 971589162217 # philippine Young Call Girls in Dubai By Marina...
Recommendable # 971589162217 # philippine Young Call Girls in Dubai By Marina...Recommendable # 971589162217 # philippine Young Call Girls in Dubai By Marina...
Recommendable # 971589162217 # philippine Young Call Girls in Dubai By Marina...home
 
Kurla Call Girls Pooja Nehwal📞 9892124323 ✅ Vashi Call Service Available Nea...
Kurla Call Girls Pooja Nehwal📞 9892124323 ✅  Vashi Call Service Available Nea...Kurla Call Girls Pooja Nehwal📞 9892124323 ✅  Vashi Call Service Available Nea...
Kurla Call Girls Pooja Nehwal📞 9892124323 ✅ Vashi Call Service Available Nea...Pooja Nehwal
 
VVIP Pune Call Girls Hadapsar (7001035870) Pune Escorts Nearby with Complete ...
VVIP Pune Call Girls Hadapsar (7001035870) Pune Escorts Nearby with Complete ...VVIP Pune Call Girls Hadapsar (7001035870) Pune Escorts Nearby with Complete ...
VVIP Pune Call Girls Hadapsar (7001035870) Pune Escorts Nearby with Complete ...Call Girls in Nagpur High Profile
 
Captivating Charm: Exploring Marseille's Hillside Villas with Our 3D Architec...
Captivating Charm: Exploring Marseille's Hillside Villas with Our 3D Architec...Captivating Charm: Exploring Marseille's Hillside Villas with Our 3D Architec...
Captivating Charm: Exploring Marseille's Hillside Villas with Our 3D Architec...Yantram Animation Studio Corporation
 
Best VIP Call Girls Noida Sector 44 Call Me: 8448380779
Best VIP Call Girls Noida Sector 44 Call Me: 8448380779Best VIP Call Girls Noida Sector 44 Call Me: 8448380779
Best VIP Call Girls Noida Sector 44 Call Me: 8448380779Delhi Call girls
 
Dubai Call Girls Pro Domain O525547819 Call Girls Dubai Doux
Dubai Call Girls Pro Domain O525547819 Call Girls Dubai DouxDubai Call Girls Pro Domain O525547819 Call Girls Dubai Doux
Dubai Call Girls Pro Domain O525547819 Call Girls Dubai Douxkojalkojal131
 
VIP Call Girl Amravati Aashi 8250192130 Independent Escort Service Amravati
VIP Call Girl Amravati Aashi 8250192130 Independent Escort Service AmravatiVIP Call Girl Amravati Aashi 8250192130 Independent Escort Service Amravati
VIP Call Girl Amravati Aashi 8250192130 Independent Escort Service AmravatiSuhani Kapoor
 
VIP Call Girls Service Mehdipatnam Hyderabad Call +91-8250192130
VIP Call Girls Service Mehdipatnam Hyderabad Call +91-8250192130VIP Call Girls Service Mehdipatnam Hyderabad Call +91-8250192130
VIP Call Girls Service Mehdipatnam Hyderabad Call +91-8250192130Suhani Kapoor
 
(AISHA) Ambegaon Khurd Call Girls Just Call 7001035870 [ Cash on Delivery ] P...
(AISHA) Ambegaon Khurd Call Girls Just Call 7001035870 [ Cash on Delivery ] P...(AISHA) Ambegaon Khurd Call Girls Just Call 7001035870 [ Cash on Delivery ] P...
(AISHA) Ambegaon Khurd Call Girls Just Call 7001035870 [ Cash on Delivery ] P...ranjana rawat
 
CALL ON ➥8923113531 🔝Call Girls Aminabad Lucknow best Night Fun service
CALL ON ➥8923113531 🔝Call Girls Aminabad Lucknow best Night Fun serviceCALL ON ➥8923113531 🔝Call Girls Aminabad Lucknow best Night Fun service
CALL ON ➥8923113531 🔝Call Girls Aminabad Lucknow best Night Fun serviceanilsa9823
 
Call Girls in Kalkaji Delhi 8264348440 call girls ❤️
Call Girls in Kalkaji Delhi 8264348440 call girls ❤️Call Girls in Kalkaji Delhi 8264348440 call girls ❤️
Call Girls in Kalkaji Delhi 8264348440 call girls ❤️soniya singh
 
NO1 Trending kala jadu Love Marriage Black Magic Punjab Powerful Black Magic ...
NO1 Trending kala jadu Love Marriage Black Magic Punjab Powerful Black Magic ...NO1 Trending kala jadu Love Marriage Black Magic Punjab Powerful Black Magic ...
NO1 Trending kala jadu Love Marriage Black Magic Punjab Powerful Black Magic ...Amil baba
 
Stark Industries Marketing Plan (1).pptx
Stark Industries Marketing Plan (1).pptxStark Industries Marketing Plan (1).pptx
Stark Industries Marketing Plan (1).pptxjeswinjees
 
Design Inspiration for College by Slidesgo.pptx
Design Inspiration for College by Slidesgo.pptxDesign Inspiration for College by Slidesgo.pptx
Design Inspiration for College by Slidesgo.pptxTusharBahuguna2
 
Editorial design Magazine design project.pdf
Editorial design Magazine design project.pdfEditorial design Magazine design project.pdf
Editorial design Magazine design project.pdftbatkhuu1
 
SCRIP Lua HTTP PROGRACMACION PLC WECON CA
SCRIP Lua HTTP PROGRACMACION PLC  WECON CASCRIP Lua HTTP PROGRACMACION PLC  WECON CA
SCRIP Lua HTTP PROGRACMACION PLC WECON CANestorGamez6
 

Dernier (20)

DragonBall PowerPoint Template for demo.pptx
DragonBall PowerPoint Template for demo.pptxDragonBall PowerPoint Template for demo.pptx
DragonBall PowerPoint Template for demo.pptx
 
Nepali Escort Girl Gomti Nagar \ 9548273370 Indian Call Girls Service Lucknow...
Nepali Escort Girl Gomti Nagar \ 9548273370 Indian Call Girls Service Lucknow...Nepali Escort Girl Gomti Nagar \ 9548273370 Indian Call Girls Service Lucknow...
Nepali Escort Girl Gomti Nagar \ 9548273370 Indian Call Girls Service Lucknow...
 
Recommendable # 971589162217 # philippine Young Call Girls in Dubai By Marina...
Recommendable # 971589162217 # philippine Young Call Girls in Dubai By Marina...Recommendable # 971589162217 # philippine Young Call Girls in Dubai By Marina...
Recommendable # 971589162217 # philippine Young Call Girls in Dubai By Marina...
 
Kurla Call Girls Pooja Nehwal📞 9892124323 ✅ Vashi Call Service Available Nea...
Kurla Call Girls Pooja Nehwal📞 9892124323 ✅  Vashi Call Service Available Nea...Kurla Call Girls Pooja Nehwal📞 9892124323 ✅  Vashi Call Service Available Nea...
Kurla Call Girls Pooja Nehwal📞 9892124323 ✅ Vashi Call Service Available Nea...
 
escort service sasti (*~Call Girls in Prasad Nagar Metro❤️9953056974
escort service sasti (*~Call Girls in Prasad Nagar Metro❤️9953056974escort service sasti (*~Call Girls in Prasad Nagar Metro❤️9953056974
escort service sasti (*~Call Girls in Prasad Nagar Metro❤️9953056974
 
VVIP Pune Call Girls Hadapsar (7001035870) Pune Escorts Nearby with Complete ...
VVIP Pune Call Girls Hadapsar (7001035870) Pune Escorts Nearby with Complete ...VVIP Pune Call Girls Hadapsar (7001035870) Pune Escorts Nearby with Complete ...
VVIP Pune Call Girls Hadapsar (7001035870) Pune Escorts Nearby with Complete ...
 
Captivating Charm: Exploring Marseille's Hillside Villas with Our 3D Architec...
Captivating Charm: Exploring Marseille's Hillside Villas with Our 3D Architec...Captivating Charm: Exploring Marseille's Hillside Villas with Our 3D Architec...
Captivating Charm: Exploring Marseille's Hillside Villas with Our 3D Architec...
 
Best VIP Call Girls Noida Sector 44 Call Me: 8448380779
Best VIP Call Girls Noida Sector 44 Call Me: 8448380779Best VIP Call Girls Noida Sector 44 Call Me: 8448380779
Best VIP Call Girls Noida Sector 44 Call Me: 8448380779
 
Dubai Call Girls Pro Domain O525547819 Call Girls Dubai Doux
Dubai Call Girls Pro Domain O525547819 Call Girls Dubai DouxDubai Call Girls Pro Domain O525547819 Call Girls Dubai Doux
Dubai Call Girls Pro Domain O525547819 Call Girls Dubai Doux
 
VIP Call Girl Amravati Aashi 8250192130 Independent Escort Service Amravati
VIP Call Girl Amravati Aashi 8250192130 Independent Escort Service AmravatiVIP Call Girl Amravati Aashi 8250192130 Independent Escort Service Amravati
VIP Call Girl Amravati Aashi 8250192130 Independent Escort Service Amravati
 
VIP Call Girls Service Mehdipatnam Hyderabad Call +91-8250192130
VIP Call Girls Service Mehdipatnam Hyderabad Call +91-8250192130VIP Call Girls Service Mehdipatnam Hyderabad Call +91-8250192130
VIP Call Girls Service Mehdipatnam Hyderabad Call +91-8250192130
 
(AISHA) Ambegaon Khurd Call Girls Just Call 7001035870 [ Cash on Delivery ] P...
(AISHA) Ambegaon Khurd Call Girls Just Call 7001035870 [ Cash on Delivery ] P...(AISHA) Ambegaon Khurd Call Girls Just Call 7001035870 [ Cash on Delivery ] P...
(AISHA) Ambegaon Khurd Call Girls Just Call 7001035870 [ Cash on Delivery ] P...
 
young call girls in Vivek Vihar🔝 9953056974 🔝 Delhi escort Service
young call girls in Vivek Vihar🔝 9953056974 🔝 Delhi escort Serviceyoung call girls in Vivek Vihar🔝 9953056974 🔝 Delhi escort Service
young call girls in Vivek Vihar🔝 9953056974 🔝 Delhi escort Service
 
CALL ON ➥8923113531 🔝Call Girls Aminabad Lucknow best Night Fun service
CALL ON ➥8923113531 🔝Call Girls Aminabad Lucknow best Night Fun serviceCALL ON ➥8923113531 🔝Call Girls Aminabad Lucknow best Night Fun service
CALL ON ➥8923113531 🔝Call Girls Aminabad Lucknow best Night Fun service
 
Call Girls in Kalkaji Delhi 8264348440 call girls ❤️
Call Girls in Kalkaji Delhi 8264348440 call girls ❤️Call Girls in Kalkaji Delhi 8264348440 call girls ❤️
Call Girls in Kalkaji Delhi 8264348440 call girls ❤️
 
NO1 Trending kala jadu Love Marriage Black Magic Punjab Powerful Black Magic ...
NO1 Trending kala jadu Love Marriage Black Magic Punjab Powerful Black Magic ...NO1 Trending kala jadu Love Marriage Black Magic Punjab Powerful Black Magic ...
NO1 Trending kala jadu Love Marriage Black Magic Punjab Powerful Black Magic ...
 
Stark Industries Marketing Plan (1).pptx
Stark Industries Marketing Plan (1).pptxStark Industries Marketing Plan (1).pptx
Stark Industries Marketing Plan (1).pptx
 
Design Inspiration for College by Slidesgo.pptx
Design Inspiration for College by Slidesgo.pptxDesign Inspiration for College by Slidesgo.pptx
Design Inspiration for College by Slidesgo.pptx
 
Editorial design Magazine design project.pdf
Editorial design Magazine design project.pdfEditorial design Magazine design project.pdf
Editorial design Magazine design project.pdf
 
SCRIP Lua HTTP PROGRACMACION PLC WECON CA
SCRIP Lua HTTP PROGRACMACION PLC  WECON CASCRIP Lua HTTP PROGRACMACION PLC  WECON CA
SCRIP Lua HTTP PROGRACMACION PLC WECON CA
 

Web Design Evolution and Best Practices

  • 1. Web Design Monday 28 December 2009
  • 2. Web 2.0 is so 2005 Monday 28 December 2009
  • 3. And yet people still say ... “I want that design to be more 2.0” Monday 28 December 2009
  • 4. 2009 - 2005 = 4 years Monday 28 December 2009
  • 5. Who’s fault is that? Monday 28 December 2009
  • 6. It’s everyone’s fault Everyone’s fault? Picture by flickr.com/photos/isayx3 Monday 28 December 2009
  • 7. It’s the ones to blame! We are everyone’s fault Monday 28 December 2009
  • 8. “We” everyone’s fault It’s as in: designers, developers, accounts, ... Monday 28 December 2009
  • 9. Why?everyone’sto hide It’s We love fault behind technology Monday 28 December 2009
  • 10. Web 2.0 & web 3.0 has brought us a lot of “new” (sometimes useful) stuff... Monday 28 December 2009
  • 11. ... but how has web design changed ever since? Monday 28 December 2009
  • 12. Web Design should become more mature Monday 28 December 2009
  • 13. This is what people think when you say you’re a web designer... Monday 28 December 2009
  • 14. My definition of web design: It’s a pixel perfect craft that communicates a clear & structured message. Monday 28 December 2009
  • 15. 2 things to keep in mind Monday 28 December 2009
  • 16. The internet is all about content & People get frustrated in no time Monday 28 December 2009
  • 17. 5 skills each web designer should practice Picture by flickr.com/photos/anjin Monday 28 December 2009
  • 18. ... or at least should have an interest in! Monday 28 December 2009
  • 19. 1 Information Design 2 Usability 3 Typography 4 Visual Language 5 Change - ? Monday 28 December 2009
  • 20. Skill 1: Get addicted to Information Design Picture by konigi.com Monday 28 December 2009
  • 21. “Information design makes complex information easier to understand and use” Monday 28 December 2009
  • 22. Human-centered design ‣ Measure information density ‣ What’s the knowledge base of my audience? ‣ Whitespace is sexy ‣ Prioritize ‣ Respect Standards Monday 28 December 2009
  • 24. Skill 2: Usability, to ease everyone’s mind Picture by flickr.com/photos/jepoirrier Monday 28 December 2009
  • 25. “Don’t make me think - please” Monday 28 December 2009
  • 26. “What we design for” VS “How people really use it” ‣ Sense of Location ‣ What elements are clickable? ‣ Visual Hierarchy ‣ Less noise more signal ‣ Be consistent: it gives people the grip they need Monday 28 December 2009
  • 28. Who doesn’t recognize these shapes? Monday 28 December 2009
  • 29. Skill 3: Typography, yes we Kern Monday 28 December 2009
  • 30. “typography is the art and technique of arranging type” Monday 28 December 2009
  • 31. Drop the tiny font-size ‣ Use different font-faces ‣ People Love color ‣ What should be emphasized? Monday 28 December 2009
  • 33. Skill 4: Visual Language Picture by flickr.com/photos/41894180030@N01 Monday 28 December 2009
  • 34. Matching content and design. “Are they telling the same story?” Monday 28 December 2009
  • 35. Your design should communicate something ‣ There’s no such thing as; “One template to rule them all” ‣ Design your content, not only the surrounding elements ‣ Your header & footer shouldn’t be the only Climax ‣ Your copy should be part of the lay-out Monday 28 December 2009
  • 38. Skill 5 change Monday 28 December 2009
  • 39. “Find a piece of the status-quo and try to change it” Seth Godin Monday 28 December 2009
  • 40. “You can tell who the pioneers are from the arrows sticking out of their backs” Hugh MacLeod Monday 28 December 2009
  • 41. Web design is Craftsmanship Craftsmanship gets noticed twice as hard Picture by flickr.com/photos/jepoirrier Monday 28 December 2009
  • 42. Web design is functional, it goes further then creating a good looking website Monday 28 December 2009
  • 43. Every website has a goal How do we support the visitor in completing that goal? Monday 28 December 2009
  • 44. Good Web design equals higher ROI and a bunch of happy visitors Monday 28 December 2009
  • 45. ... Everyone is happy! Monday 28 December 2009
  • 46. That’s it! Erlend Debast Web designer @ proximity BBDO twitter.com/erlend erlend@artueel.be Monday 28 December 2009