SlideShare ist ein Scribd-Unternehmen logo
1 von 33
“
The Design Panel                            “



 WebVisions 2006 in Portland, Oregon • Friday, July 21, 2006 @ 3:00pm
ZERO.

Time to meet the panelists!
            :D
Say “hi” to,

Mike Davidson


Also known for:
Newsvine.
sIFR ( or “siff-er” ).
iPod Contests.
Not being a Comcast fan.
Say “hi” to,

Keith Robinson


Also known for:
Blue Flavor.
Asterisk.
Design Eye.
Being the Doctor.
Say “hi” to,

Dan Cederholm


Also known for:
Simplebits.
Cork’d.
Being Bulletproof.
Dodgeball.
Say “hi” to,

Bryan Veloso


Also known for:
Avalonstar.
Facebook.
His RX-8.
Dance Dance? o_O;
Say “hi” to,

Bryan Veloso


Also known for:
Avalonstar.
Facebook. Revyver. (re-vy-ver)
His RX-8.
Dance Dance? o_O;
ONE.

So, what’s wrong with design today?
                o_O;
So, what’s wrong with design today?




‣ Internet Explorer.
‣ Revenue being the bottom line in driving design decisions.
‣ The disconnect between graphic design and web design.
‣ Too much focus on technology, technique and the latest trends.
‣ Browsers, HTML, and CSS are still moving forward at a glacial pace.
‣ There are ridiculous arguments about bad design actually being good.
‣ There isn't enough focus on copy as a design element.
‣ We need new heroes.
TWO.

So, what’s right with design today?
                ^_^;
So, what’s right with design today?


‣ Best practices are now part of the quot;standard design skill setquot;.
‣ Designers creating their own products/companies.
‣ People are learning the quot;right wayquot; at an earlier age.
‣ Many different people from different backgrounds in design are trying their
  hand at the web.
‣ Web designers are maturing, beginning to develop good fundamental bases.
‣ Complexity of design is increasing in proportion with average bandwidth.
‣ We're still able to do an amazing amount with the very few tools we're given
  as designers.
‣ Flexible platforms like WordPress, Django, and ExpressionEngine make
  design more leverage-able.
THREE.

The most important elements.
The most important elements of any design.




‣ A clear and defined purpose.
‣ A solid concept well executed.
‣ A solid architecture.
‣ Balance.
‣ Answering the quot;who, what, whyquot; questions as quickly as possible.
‣ Making your interface easy enough for beginners but also appropriate for
  advanced users.
‣ Easy navigation from one area to another... the scent of information.
‣ Personality & Memorability: Standing out from the crowd.
FOUR.

Breaking it down.
The comment counters at
jeffcroft.com
The photos at
thebignoob.com
The “laptop” at
31three.com
The “clean URL’s” at
technorati.com
The art and illustrations at
veerle.duoh.com
The 5-style style-switcher at
dustindiaz.com
The store’s fine print at
muledesign.com
The front page widgets at
uxmag.com
The flybox at
tatteredfly.com
The typography at
nytimes.com
The comment ratings at
digg.com
The dynamic head at
digitalmash.com
The interactive bear at
bearskinrug.co.uk
The typography at
newyorkmetro.com
FIVE.

Reassembly.
Reassembly.




‣ I stumped the panel on this one. ^_^;
‣ Take the elements of design and apply them to your projects.
‣ Find what fits.
‣ Quirky’s cool, but only if it fits in with the overall feel.
‣ Little details can make the most impact, but don’t spend 99% of your time
  on 1% of the project.
‣ So, you got some inspiration? Make sure to keep the following in mind...
SIX.

Spinning it and making it your own.
Spinning it and making it your own.


‣ There are no new ideas... just old ideas spun differently.
‣ Copy at your own risk.
‣ Don't be afraid to experiment or twist conventional models.
‣ Style is something every designer develops eventually.
‣ The need for better checks against theft.
‣ Sometimes it's better to be good than original. (especially on the Web)
‣ Learning from good design is an age old tradition.
‣ Don't steal, use nodes of design inspiration (http://www.cameronmoll.com/archives/000016.html)
‣ Try a glass of wine.
‣ Mix up your process (e.g. if you normally comp in PS first, try designing in
  CSS initially)
SEVEN.

   So, any questions?
Remember! There are awesome t-shirts at stake!

Weitere ähnliche Inhalte

Andere mochten auch (6)

Slides from a Wireless (Cellular) Design Panel at Joint Venture Silicon Valle...
Slides from a Wireless (Cellular) Design Panel at Joint Venture Silicon Valle...Slides from a Wireless (Cellular) Design Panel at Joint Venture Silicon Valle...
Slides from a Wireless (Cellular) Design Panel at Joint Venture Silicon Valle...
 
Panel Design-Outline
Panel Design-OutlinePanel Design-Outline
Panel Design-Outline
 
SA08302002E Control Panel Design Guide
SA08302002E Control Panel Design GuideSA08302002E Control Panel Design Guide
SA08302002E Control Panel Design Guide
 
PLC Control Panel for Tobacco Filling Station
PLC Control Panel for Tobacco Filling StationPLC Control Panel for Tobacco Filling Station
PLC Control Panel for Tobacco Filling Station
 
Earthing
EarthingEarthing
Earthing
 
Panel designing
Panel designingPanel designing
Panel designing
 

Ähnlich wie The Design Panel

DCATL 2010: The Importance of Great Design
DCATL 2010: The Importance of Great DesignDCATL 2010: The Importance of Great Design
DCATL 2010: The Importance of Great Design
Jared Ponchot
 
The good, the bad, the ugly of UX Recruiting
The good, the bad, the ugly of UX RecruitingThe good, the bad, the ugly of UX Recruiting
The good, the bad, the ugly of UX Recruiting
Jason Mesut
 
RoseWalshPortfolio_2015
RoseWalshPortfolio_2015RoseWalshPortfolio_2015
RoseWalshPortfolio_2015
Rose Walsh
 
How To Champion Ideas - AEA Boston
How To Champion Ideas - AEA BostonHow To Champion Ideas - AEA Boston
How To Champion Ideas - AEA Boston
berkun
 

Ähnlich wie The Design Panel (20)

DCATL 2010: The Importance of Great Design
DCATL 2010: The Importance of Great DesignDCATL 2010: The Importance of Great Design
DCATL 2010: The Importance of Great Design
 
The good, the bad, the ugly of UX Recruiting
The good, the bad, the ugly of UX RecruitingThe good, the bad, the ugly of UX Recruiting
The good, the bad, the ugly of UX Recruiting
 
So…What Do I Make? (Dan Mall)
So…What Do I Make? (Dan Mall)So…What Do I Make? (Dan Mall)
So…What Do I Make? (Dan Mall)
 
Good vs. Great Design
Good vs. Great DesignGood vs. Great Design
Good vs. Great Design
 
RoseWalshPortfolio_2015
RoseWalshPortfolio_2015RoseWalshPortfolio_2015
RoseWalshPortfolio_2015
 
What web designers could learn from print designers
What web designers could learn from print designersWhat web designers could learn from print designers
What web designers could learn from print designers
 
Digital design workshop
Digital design workshop Digital design workshop
Digital design workshop
 
Designing for Today's Web
Designing for Today's WebDesigning for Today's Web
Designing for Today's Web
 
Debunking Web Design Myths
Debunking Web Design MythsDebunking Web Design Myths
Debunking Web Design Myths
 
User Experience Design For Non Designers
User Experience Design For Non DesignersUser Experience Design For Non Designers
User Experience Design For Non Designers
 
Interaction Design for fast-paced Startups
Interaction Design for fast-paced StartupsInteraction Design for fast-paced Startups
Interaction Design for fast-paced Startups
 
HCI: Design & Research
HCI: Design & ResearchHCI: Design & Research
HCI: Design & Research
 
RWD in the Wild
RWD in the WildRWD in the Wild
RWD in the Wild
 
D4D Boston 2010: Great Design - Why It's Important and How to Achieve It
D4D Boston 2010: Great Design - Why It's Important and How to Achieve ItD4D Boston 2010: Great Design - Why It's Important and How to Achieve It
D4D Boston 2010: Great Design - Why It's Important and How to Achieve It
 
Goodgreater
GoodgreaterGoodgreater
Goodgreater
 
How To Champion Ideas - AEA Boston
How To Champion Ideas - AEA BostonHow To Champion Ideas - AEA Boston
How To Champion Ideas - AEA Boston
 
Intro to the SF Design Community Resources
Intro to the SF Design Community ResourcesIntro to the SF Design Community Resources
Intro to the SF Design Community Resources
 
"What if we tried..." Practical Prototyping for Tinkerers, Inventors & On-the...
"What if we tried..." Practical Prototyping for Tinkerers, Inventors & On-the..."What if we tried..." Practical Prototyping for Tinkerers, Inventors & On-the...
"What if we tried..." Practical Prototyping for Tinkerers, Inventors & On-the...
 
Slyart 2009
Slyart 2009Slyart 2009
Slyart 2009
 
Awwwards 2011 digital - cópia
Awwwards 2011 digital - cópiaAwwwards 2011 digital - cópia
Awwwards 2011 digital - cópia
 

Kürzlich hochgeladen

Histor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slideHistor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slide
vu2urc
 

Kürzlich hochgeladen (20)

How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
 
Developing An App To Navigate The Roads of Brazil
Developing An App To Navigate The Roads of BrazilDeveloping An App To Navigate The Roads of Brazil
Developing An App To Navigate The Roads of Brazil
 
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
 
A Year of the Servo Reboot: Where Are We Now?
A Year of the Servo Reboot: Where Are We Now?A Year of the Servo Reboot: Where Are We Now?
A Year of the Servo Reboot: Where Are We Now?
 
Boost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivityBoost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivity
 
AWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of TerraformAWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of Terraform
 
Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024
 
Handwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed textsHandwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed texts
 
Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)
 
Boost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdfBoost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdf
 
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time AutomationFrom Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
 
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, AdobeApidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
 
Driving Behavioral Change for Information Management through Data-Driven Gree...
Driving Behavioral Change for Information Management through Data-Driven Gree...Driving Behavioral Change for Information Management through Data-Driven Gree...
Driving Behavioral Change for Information Management through Data-Driven Gree...
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
 
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
 
What Are The Drone Anti-jamming Systems Technology?
What Are The Drone Anti-jamming Systems Technology?What Are The Drone Anti-jamming Systems Technology?
What Are The Drone Anti-jamming Systems Technology?
 
Histor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slideHistor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slide
 
GenAI Risks & Security Meetup 01052024.pdf
GenAI Risks & Security Meetup 01052024.pdfGenAI Risks & Security Meetup 01052024.pdf
GenAI Risks & Security Meetup 01052024.pdf
 
Strategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a FresherStrategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a Fresher
 
Real Time Object Detection Using Open CV
Real Time Object Detection Using Open CVReal Time Object Detection Using Open CV
Real Time Object Detection Using Open CV
 

The Design Panel

  • 1. “ The Design Panel “ WebVisions 2006 in Portland, Oregon • Friday, July 21, 2006 @ 3:00pm
  • 2. ZERO. Time to meet the panelists! :D
  • 3. Say “hi” to, Mike Davidson Also known for: Newsvine. sIFR ( or “siff-er” ). iPod Contests. Not being a Comcast fan.
  • 4. Say “hi” to, Keith Robinson Also known for: Blue Flavor. Asterisk. Design Eye. Being the Doctor.
  • 5. Say “hi” to, Dan Cederholm Also known for: Simplebits. Cork’d. Being Bulletproof. Dodgeball.
  • 6. Say “hi” to, Bryan Veloso Also known for: Avalonstar. Facebook. His RX-8. Dance Dance? o_O;
  • 7. Say “hi” to, Bryan Veloso Also known for: Avalonstar. Facebook. Revyver. (re-vy-ver) His RX-8. Dance Dance? o_O;
  • 8. ONE. So, what’s wrong with design today? o_O;
  • 9. So, what’s wrong with design today? ‣ Internet Explorer. ‣ Revenue being the bottom line in driving design decisions. ‣ The disconnect between graphic design and web design. ‣ Too much focus on technology, technique and the latest trends. ‣ Browsers, HTML, and CSS are still moving forward at a glacial pace. ‣ There are ridiculous arguments about bad design actually being good. ‣ There isn't enough focus on copy as a design element. ‣ We need new heroes.
  • 10. TWO. So, what’s right with design today? ^_^;
  • 11. So, what’s right with design today? ‣ Best practices are now part of the quot;standard design skill setquot;. ‣ Designers creating their own products/companies. ‣ People are learning the quot;right wayquot; at an earlier age. ‣ Many different people from different backgrounds in design are trying their hand at the web. ‣ Web designers are maturing, beginning to develop good fundamental bases. ‣ Complexity of design is increasing in proportion with average bandwidth. ‣ We're still able to do an amazing amount with the very few tools we're given as designers. ‣ Flexible platforms like WordPress, Django, and ExpressionEngine make design more leverage-able.
  • 13. The most important elements of any design. ‣ A clear and defined purpose. ‣ A solid concept well executed. ‣ A solid architecture. ‣ Balance. ‣ Answering the quot;who, what, whyquot; questions as quickly as possible. ‣ Making your interface easy enough for beginners but also appropriate for advanced users. ‣ Easy navigation from one area to another... the scent of information. ‣ Personality & Memorability: Standing out from the crowd.
  • 15. The comment counters at jeffcroft.com
  • 18. The “clean URL’s” at technorati.com
  • 19. The art and illustrations at veerle.duoh.com
  • 20. The 5-style style-switcher at dustindiaz.com
  • 21. The store’s fine print at muledesign.com
  • 22. The front page widgets at uxmag.com
  • 25. The comment ratings at digg.com
  • 26. The dynamic head at digitalmash.com
  • 27. The interactive bear at bearskinrug.co.uk
  • 30. Reassembly. ‣ I stumped the panel on this one. ^_^; ‣ Take the elements of design and apply them to your projects. ‣ Find what fits. ‣ Quirky’s cool, but only if it fits in with the overall feel. ‣ Little details can make the most impact, but don’t spend 99% of your time on 1% of the project. ‣ So, you got some inspiration? Make sure to keep the following in mind...
  • 31. SIX. Spinning it and making it your own.
  • 32. Spinning it and making it your own. ‣ There are no new ideas... just old ideas spun differently. ‣ Copy at your own risk. ‣ Don't be afraid to experiment or twist conventional models. ‣ Style is something every designer develops eventually. ‣ The need for better checks against theft. ‣ Sometimes it's better to be good than original. (especially on the Web) ‣ Learning from good design is an age old tradition. ‣ Don't steal, use nodes of design inspiration (http://www.cameronmoll.com/archives/000016.html) ‣ Try a glass of wine. ‣ Mix up your process (e.g. if you normally comp in PS first, try designing in CSS initially)
  • 33. SEVEN. So, any questions? Remember! There are awesome t-shirts at stake!