SlideShare une entreprise Scribd logo
1  sur  59
Télécharger pour lire hors ligne
The Essence of Design
                      for startups
        — J Arun, Designer at SlideShare
Colour Theory
    Layouts


Photoshop
               Web Standards
 Ty p o g ra p hy
                  CSS
Colour Theory
       Layouts


Photoshop
  What this is not about
                  Web Standards
    Ty p o g ra p hy
                     CSS
What is design?
Colours
       Balance


    Simplify on design
Everybody has an opinion
                Whitespace
    Readability
                Fonts
“Creating order out of chaos”
                –Alexander White
Design is not decoration
“Do you want the people
 visiting this site to notice it?”
Tell a story or generate some sort of
action. But if the user notices the
site, not the story, you've lost.
Think like a designer?
NO
Think like a user
Two questions to ask...
Better experience?
Better communication?
Experience
Communication
Experience
Communication
Experience
Communication
Experience
Communication
Experience
Communication

    Needless to say
Experience
Communication
Experience
Communication
Experience
Communication
Experience
Communication
Experience
Communication
Experience
Communication
Experience
Communication
Experience
Communication
Communicating in
  tangible ways
Depicts 28,000 42-gallon barrels,
the amount of of oil consumed in the
United States every two minutes
(equal to the flow of a medium-sized river).



                       Running the Numbers
                         An American Self-Portrait
                                   — Chris Jordan
The number of dollars spent every hour by
the US government on the war in Iraq
(125,000 one-hundred dollar bills, that is,
$12.5 million).



                        Running the Numbers
                         An American Self-Portrait
                                   — Chris Jordan
Simplification
Thoughtfulness
Form vs Function?
Form vs Function
Form AND Function
Questions?
Shout outs
Pankaj Jain
Nikhil Ritesh
Gurudatta Bhobe
Startup Saturday Team
Presentation slides
slideshare.com/simplyarun
Elsewhere
twitter.com/simplyarun
simplyarun.deviantart.com
simplyarun.com
Photo Credits, Attribution
http://www.flickr.com/photos/seven13avenue/2080281038/
Seth Godin: http://sethgodin.typepad.com
http://www.craigslist.com
http://www.slideshare.com
http://news.google.com
http://video.google.com
http://www.basecamphq.com
http://www.vimeo.com
Chris Jordan: http://www.chrisjordan.com
Tube map: http://www.tfl.gov.uk
http://www.flickr.com
http://www.google.com/holidaylogos.html
http://www.wordpress.org
http://www.flickr.com/photos/declanjewell/3040249233/
http://www.istockphoto.com
http://www.flickr.com/photos/zest-pk/923931403/

Contenu connexe

En vedette

Welsh Language Board Pr Network
Welsh Language Board Pr NetworkWelsh Language Board Pr Network
Welsh Language Board Pr Networkeohart
 
Design Getting Your Message Across
Design Getting Your Message AcrossDesign Getting Your Message Across
Design Getting Your Message Acrosseohart
 
Etude CSA Research / #Citroën : Nos vies en voiture
Etude CSA Research / #Citroën : Nos vies en voitureEtude CSA Research / #Citroën : Nos vies en voiture
Etude CSA Research / #Citroën : Nos vies en voitureCitroën France
 
Project Plaza Part4
Project Plaza Part4Project Plaza Part4
Project Plaza Part4Nobby285
 
How to Create an Engaging Social Media Experience
How to Create an Engaging Social Media ExperienceHow to Create an Engaging Social Media Experience
How to Create an Engaging Social Media ExperienceArun
 
Connecting Classrooms via Global Collaborative Projects - #globaled15
Connecting Classrooms via Global Collaborative Projects - #globaled15Connecting Classrooms via Global Collaborative Projects - #globaled15
Connecting Classrooms via Global Collaborative Projects - #globaled15Kim Caise
 
Guide to Information Overload
Guide to Information OverloadGuide to Information Overload
Guide to Information OverloadHope Harms
 
Information Overload Powerpoint
Information Overload PowerpointInformation Overload Powerpoint
Information Overload PowerpointHDI Atlanta
 
Design For Innovation in Manufacturing (DFIM)
Design For Innovation in Manufacturing (DFIM)Design For Innovation in Manufacturing (DFIM)
Design For Innovation in Manufacturing (DFIM)Richard Platt
 
Motivation and productivity in the workplace
Motivation and productivity in the workplaceMotivation and productivity in the workplace
Motivation and productivity in the workplaceJorge Gawad
 
Information overload
Information overloadInformation overload
Information overloadmanere
 
Job Satisfaction & Dissatisfaction
Job Satisfaction & DissatisfactionJob Satisfaction & Dissatisfaction
Job Satisfaction & DissatisfactionMoumita Roy
 
Principles of Good Logo Design
Principles of Good Logo DesignPrinciples of Good Logo Design
Principles of Good Logo DesignJake Van Ness
 

En vedette (20)

Welsh Language Board Pr Network
Welsh Language Board Pr NetworkWelsh Language Board Pr Network
Welsh Language Board Pr Network
 
Design Getting Your Message Across
Design Getting Your Message AcrossDesign Getting Your Message Across
Design Getting Your Message Across
 
Subconscious Design
Subconscious DesignSubconscious Design
Subconscious Design
 
Etude CSA Research / #Citroën : Nos vies en voiture
Etude CSA Research / #Citroën : Nos vies en voitureEtude CSA Research / #Citroën : Nos vies en voiture
Etude CSA Research / #Citroën : Nos vies en voiture
 
Project Plaza Part4
Project Plaza Part4Project Plaza Part4
Project Plaza Part4
 
Big sally presentation
Big sally presentationBig sally presentation
Big sally presentation
 
How to Create an Engaging Social Media Experience
How to Create an Engaging Social Media ExperienceHow to Create an Engaging Social Media Experience
How to Create an Engaging Social Media Experience
 
Connecting Classrooms via Global Collaborative Projects - #globaled15
Connecting Classrooms via Global Collaborative Projects - #globaled15Connecting Classrooms via Global Collaborative Projects - #globaled15
Connecting Classrooms via Global Collaborative Projects - #globaled15
 
Hmaria1
Hmaria1Hmaria1
Hmaria1
 
Drive project with essence
Drive project with essenceDrive project with essence
Drive project with essence
 
Guide to Information Overload
Guide to Information OverloadGuide to Information Overload
Guide to Information Overload
 
Information Overload Powerpoint
Information Overload PowerpointInformation Overload Powerpoint
Information Overload Powerpoint
 
Design For Innovation in Manufacturing (DFIM)
Design For Innovation in Manufacturing (DFIM)Design For Innovation in Manufacturing (DFIM)
Design For Innovation in Manufacturing (DFIM)
 
Motivation and productivity in the workplace
Motivation and productivity in the workplaceMotivation and productivity in the workplace
Motivation and productivity in the workplace
 
Information overload
Information overloadInformation overload
Information overload
 
Job satisfaction
Job satisfactionJob satisfaction
Job satisfaction
 
Job Satisfaction & Dissatisfaction
Job Satisfaction & DissatisfactionJob Satisfaction & Dissatisfaction
Job Satisfaction & Dissatisfaction
 
Unit v
Unit vUnit v
Unit v
 
Principles of Good Logo Design
Principles of Good Logo DesignPrinciples of Good Logo Design
Principles of Good Logo Design
 
Colour Theory
Colour TheoryColour Theory
Colour Theory
 

Similaire à The Essence of Design for Startups

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 DesignJared Ponchot
 
Web Directions South 2010 Design Thinking & Doing
Web Directions South 2010 Design Thinking & DoingWeb Directions South 2010 Design Thinking & Doing
Web Directions South 2010 Design Thinking & DoingDigital Eskimo
 
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 ItJared Ponchot
 
Programming for Non-Programmers - SXSW Vegas 2014
Programming for Non-Programmers - SXSW Vegas 2014Programming for Non-Programmers - SXSW Vegas 2014
Programming for Non-Programmers - SXSW Vegas 2014Chris Castiglione
 
Responsive Experience Design (RXD): A holistic approach to web - UXDEV Summit
Responsive Experience Design (RXD): A holistic approach to web - UXDEV SummitResponsive Experience Design (RXD): A holistic approach to web - UXDEV Summit
Responsive Experience Design (RXD): A holistic approach to web - UXDEV SummitMike Donahue
 
Programming for Non-programmers PFNP @ Razorfish
Programming for Non-programmers PFNP @ Razorfish Programming for Non-programmers PFNP @ Razorfish
Programming for Non-programmers PFNP @ Razorfish Chris Castiglione
 
writing for Web 2.0 and the 3D web
writing for Web 2.0 and the 3D webwriting for Web 2.0 and the 3D web
writing for Web 2.0 and the 3D webstefan.geens
 
Branding & Designing
Branding & DesigningBranding & Designing
Branding & Designing02mansi
 
Make it Responsive! the logic, the code & tricks of trade
Make it Responsive! the logic, the code & tricks of tradeMake it Responsive! the logic, the code & tricks of trade
Make it Responsive! the logic, the code & tricks of tradeSidharth Sidharth
 
A New Toolbox: Artifact Providence 2013
A New Toolbox: Artifact Providence 2013A New Toolbox: Artifact Providence 2013
A New Toolbox: Artifact Providence 2013Kevin Sharon
 
Things designers and developers should know (WDS18)
Things designers and developers should know (WDS18)Things designers and developers should know (WDS18)
Things designers and developers should know (WDS18)Ben Buchanan
 
Class 2: Setting the foundation for a successful website design
Class 2: Setting the foundation for a successful website designClass 2: Setting the foundation for a successful website design
Class 2: Setting the foundation for a successful website designDon Stanley
 
Designer vs Developer: BE THE UNICORN
Designer vs Developer: BE THE UNICORNDesigner vs Developer: BE THE UNICORN
Designer vs Developer: BE THE UNICORNSara Cannon
 
Programming for non-Programmers
Programming for non-ProgrammersProgramming for non-Programmers
Programming for non-ProgrammersEvgeny Tsarkov
 
Enhance Your Teams Creative Abilities
Enhance Your Teams Creative AbilitiesEnhance Your Teams Creative Abilities
Enhance Your Teams Creative AbilitiesGGunther
 
How To Be A (Fill in Blank) Superstar?
How To Be A (Fill in Blank) Superstar?How To Be A (Fill in Blank) Superstar?
How To Be A (Fill in Blank) Superstar?designsojourn
 

Similaire à The Essence of Design for Startups (20)

FOWD November 2007
FOWD November 2007FOWD November 2007
FOWD November 2007
 
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
 
Web Directions South 2010 Design Thinking & Doing
Web Directions South 2010 Design Thinking & DoingWeb Directions South 2010 Design Thinking & Doing
Web Directions South 2010 Design Thinking & Doing
 
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
 
Programming for Non-Programmers - SXSW Vegas 2014
Programming for Non-Programmers - SXSW Vegas 2014Programming for Non-Programmers - SXSW Vegas 2014
Programming for Non-Programmers - SXSW Vegas 2014
 
Responsive Experience Design (RXD): A holistic approach to web - UXDEV Summit
Responsive Experience Design (RXD): A holistic approach to web - UXDEV SummitResponsive Experience Design (RXD): A holistic approach to web - UXDEV Summit
Responsive Experience Design (RXD): A holistic approach to web - UXDEV Summit
 
Programming for Non-programmers PFNP @ Razorfish
Programming for Non-programmers PFNP @ Razorfish Programming for Non-programmers PFNP @ Razorfish
Programming for Non-programmers PFNP @ Razorfish
 
writing for Web 2.0 and the 3D web
writing for Web 2.0 and the 3D webwriting for Web 2.0 and the 3D web
writing for Web 2.0 and the 3D web
 
Branding & Designing
Branding & DesigningBranding & Designing
Branding & Designing
 
Make it Responsive! the logic, the code & tricks of trade
Make it Responsive! the logic, the code & tricks of tradeMake it Responsive! the logic, the code & tricks of trade
Make it Responsive! the logic, the code & tricks of trade
 
A New Toolbox: Artifact Providence 2013
A New Toolbox: Artifact Providence 2013A New Toolbox: Artifact Providence 2013
A New Toolbox: Artifact Providence 2013
 
Better Typography
Better TypographyBetter Typography
Better Typography
 
Things designers and developers should know (WDS18)
Things designers and developers should know (WDS18)Things designers and developers should know (WDS18)
Things designers and developers should know (WDS18)
 
Class 2: Setting the foundation for a successful website design
Class 2: Setting the foundation for a successful website designClass 2: Setting the foundation for a successful website design
Class 2: Setting the foundation for a successful website design
 
Designer vs Developer: BE THE UNICORN
Designer vs Developer: BE THE UNICORNDesigner vs Developer: BE THE UNICORN
Designer vs Developer: BE THE UNICORN
 
Programming for non-Programmers
Programming for non-ProgrammersProgramming for non-Programmers
Programming for non-Programmers
 
Web Site Redesign
Web Site RedesignWeb Site Redesign
Web Site Redesign
 
Enhance Your Teams Creative Abilities
Enhance Your Teams Creative AbilitiesEnhance Your Teams Creative Abilities
Enhance Your Teams Creative Abilities
 
Acting outside the box
Acting outside the boxActing outside the box
Acting outside the box
 
How To Be A (Fill in Blank) Superstar?
How To Be A (Fill in Blank) Superstar?How To Be A (Fill in Blank) Superstar?
How To Be A (Fill in Blank) Superstar?
 

Dernier

Merck Moving Beyond Passwords: FIDO Paris Seminar.pptx
Merck Moving Beyond Passwords: FIDO Paris Seminar.pptxMerck Moving Beyond Passwords: FIDO Paris Seminar.pptx
Merck Moving Beyond Passwords: FIDO Paris Seminar.pptxLoriGlavin3
 
Ensuring Technical Readiness For Copilot in Microsoft 365
Ensuring Technical Readiness For Copilot in Microsoft 365Ensuring Technical Readiness For Copilot in Microsoft 365
Ensuring Technical Readiness For Copilot in Microsoft 3652toLead Limited
 
Unraveling Multimodality with Large Language Models.pdf
Unraveling Multimodality with Large Language Models.pdfUnraveling Multimodality with Large Language Models.pdf
Unraveling Multimodality with Large Language Models.pdfAlex Barbosa Coqueiro
 
A Deep Dive on Passkeys: FIDO Paris Seminar.pptx
A Deep Dive on Passkeys: FIDO Paris Seminar.pptxA Deep Dive on Passkeys: FIDO Paris Seminar.pptx
A Deep Dive on Passkeys: FIDO Paris Seminar.pptxLoriGlavin3
 
Developer Data Modeling Mistakes: From Postgres to NoSQL
Developer Data Modeling Mistakes: From Postgres to NoSQLDeveloper Data Modeling Mistakes: From Postgres to NoSQL
Developer Data Modeling Mistakes: From Postgres to NoSQLScyllaDB
 
What's New in Teams Calling, Meetings and Devices March 2024
What's New in Teams Calling, Meetings and Devices March 2024What's New in Teams Calling, Meetings and Devices March 2024
What's New in Teams Calling, Meetings and Devices March 2024Stephanie Beckett
 
Advanced Computer Architecture – An Introduction
Advanced Computer Architecture – An IntroductionAdvanced Computer Architecture – An Introduction
Advanced Computer Architecture – An IntroductionDilum Bandara
 
Use of FIDO in the Payments and Identity Landscape: FIDO Paris Seminar.pptx
Use of FIDO in the Payments and Identity Landscape: FIDO Paris Seminar.pptxUse of FIDO in the Payments and Identity Landscape: FIDO Paris Seminar.pptx
Use of FIDO in the Payments and Identity Landscape: FIDO Paris Seminar.pptxLoriGlavin3
 
Scanning the Internet for External Cloud Exposures via SSL Certs
Scanning the Internet for External Cloud Exposures via SSL CertsScanning the Internet for External Cloud Exposures via SSL Certs
Scanning the Internet for External Cloud Exposures via SSL CertsRizwan Syed
 
From Family Reminiscence to Scholarly Archive .
From Family Reminiscence to Scholarly Archive .From Family Reminiscence to Scholarly Archive .
From Family Reminiscence to Scholarly Archive .Alan Dix
 
The Fit for Passkeys for Employee and Consumer Sign-ins: FIDO Paris Seminar.pptx
The Fit for Passkeys for Employee and Consumer Sign-ins: FIDO Paris Seminar.pptxThe Fit for Passkeys for Employee and Consumer Sign-ins: FIDO Paris Seminar.pptx
The Fit for Passkeys for Employee and Consumer Sign-ins: FIDO Paris Seminar.pptxLoriGlavin3
 
SAP Build Work Zone - Overview L2-L3.pptx
SAP Build Work Zone - Overview L2-L3.pptxSAP Build Work Zone - Overview L2-L3.pptx
SAP Build Work Zone - Overview L2-L3.pptxNavinnSomaal
 
"ML in Production",Oleksandr Bagan
"ML in Production",Oleksandr Bagan"ML in Production",Oleksandr Bagan
"ML in Production",Oleksandr BaganFwdays
 
Connect Wave/ connectwave Pitch Deck Presentation
Connect Wave/ connectwave Pitch Deck PresentationConnect Wave/ connectwave Pitch Deck Presentation
Connect Wave/ connectwave Pitch Deck PresentationSlibray Presentation
 
DevEX - reference for building teams, processes, and platforms
DevEX - reference for building teams, processes, and platformsDevEX - reference for building teams, processes, and platforms
DevEX - reference for building teams, processes, and platformsSergiu Bodiu
 
Unleash Your Potential - Namagunga Girls Coding Club
Unleash Your Potential - Namagunga Girls Coding ClubUnleash Your Potential - Namagunga Girls Coding Club
Unleash Your Potential - Namagunga Girls Coding ClubKalema Edgar
 
Moving Beyond Passwords: FIDO Paris Seminar.pdf
Moving Beyond Passwords: FIDO Paris Seminar.pdfMoving Beyond Passwords: FIDO Paris Seminar.pdf
Moving Beyond Passwords: FIDO Paris Seminar.pdfLoriGlavin3
 
How to write a Business Continuity Plan
How to write a Business Continuity PlanHow to write a Business Continuity Plan
How to write a Business Continuity PlanDatabarracks
 
Digital Identity is Under Attack: FIDO Paris Seminar.pptx
Digital Identity is Under Attack: FIDO Paris Seminar.pptxDigital Identity is Under Attack: FIDO Paris Seminar.pptx
Digital Identity is Under Attack: FIDO Paris Seminar.pptxLoriGlavin3
 
DSPy a system for AI to Write Prompts and Do Fine Tuning
DSPy a system for AI to Write Prompts and Do Fine TuningDSPy a system for AI to Write Prompts and Do Fine Tuning
DSPy a system for AI to Write Prompts and Do Fine TuningLars Bell
 

Dernier (20)

Merck Moving Beyond Passwords: FIDO Paris Seminar.pptx
Merck Moving Beyond Passwords: FIDO Paris Seminar.pptxMerck Moving Beyond Passwords: FIDO Paris Seminar.pptx
Merck Moving Beyond Passwords: FIDO Paris Seminar.pptx
 
Ensuring Technical Readiness For Copilot in Microsoft 365
Ensuring Technical Readiness For Copilot in Microsoft 365Ensuring Technical Readiness For Copilot in Microsoft 365
Ensuring Technical Readiness For Copilot in Microsoft 365
 
Unraveling Multimodality with Large Language Models.pdf
Unraveling Multimodality with Large Language Models.pdfUnraveling Multimodality with Large Language Models.pdf
Unraveling Multimodality with Large Language Models.pdf
 
A Deep Dive on Passkeys: FIDO Paris Seminar.pptx
A Deep Dive on Passkeys: FIDO Paris Seminar.pptxA Deep Dive on Passkeys: FIDO Paris Seminar.pptx
A Deep Dive on Passkeys: FIDO Paris Seminar.pptx
 
Developer Data Modeling Mistakes: From Postgres to NoSQL
Developer Data Modeling Mistakes: From Postgres to NoSQLDeveloper Data Modeling Mistakes: From Postgres to NoSQL
Developer Data Modeling Mistakes: From Postgres to NoSQL
 
What's New in Teams Calling, Meetings and Devices March 2024
What's New in Teams Calling, Meetings and Devices March 2024What's New in Teams Calling, Meetings and Devices March 2024
What's New in Teams Calling, Meetings and Devices March 2024
 
Advanced Computer Architecture – An Introduction
Advanced Computer Architecture – An IntroductionAdvanced Computer Architecture – An Introduction
Advanced Computer Architecture – An Introduction
 
Use of FIDO in the Payments and Identity Landscape: FIDO Paris Seminar.pptx
Use of FIDO in the Payments and Identity Landscape: FIDO Paris Seminar.pptxUse of FIDO in the Payments and Identity Landscape: FIDO Paris Seminar.pptx
Use of FIDO in the Payments and Identity Landscape: FIDO Paris Seminar.pptx
 
Scanning the Internet for External Cloud Exposures via SSL Certs
Scanning the Internet for External Cloud Exposures via SSL CertsScanning the Internet for External Cloud Exposures via SSL Certs
Scanning the Internet for External Cloud Exposures via SSL Certs
 
From Family Reminiscence to Scholarly Archive .
From Family Reminiscence to Scholarly Archive .From Family Reminiscence to Scholarly Archive .
From Family Reminiscence to Scholarly Archive .
 
The Fit for Passkeys for Employee and Consumer Sign-ins: FIDO Paris Seminar.pptx
The Fit for Passkeys for Employee and Consumer Sign-ins: FIDO Paris Seminar.pptxThe Fit for Passkeys for Employee and Consumer Sign-ins: FIDO Paris Seminar.pptx
The Fit for Passkeys for Employee and Consumer Sign-ins: FIDO Paris Seminar.pptx
 
SAP Build Work Zone - Overview L2-L3.pptx
SAP Build Work Zone - Overview L2-L3.pptxSAP Build Work Zone - Overview L2-L3.pptx
SAP Build Work Zone - Overview L2-L3.pptx
 
"ML in Production",Oleksandr Bagan
"ML in Production",Oleksandr Bagan"ML in Production",Oleksandr Bagan
"ML in Production",Oleksandr Bagan
 
Connect Wave/ connectwave Pitch Deck Presentation
Connect Wave/ connectwave Pitch Deck PresentationConnect Wave/ connectwave Pitch Deck Presentation
Connect Wave/ connectwave Pitch Deck Presentation
 
DevEX - reference for building teams, processes, and platforms
DevEX - reference for building teams, processes, and platformsDevEX - reference for building teams, processes, and platforms
DevEX - reference for building teams, processes, and platforms
 
Unleash Your Potential - Namagunga Girls Coding Club
Unleash Your Potential - Namagunga Girls Coding ClubUnleash Your Potential - Namagunga Girls Coding Club
Unleash Your Potential - Namagunga Girls Coding Club
 
Moving Beyond Passwords: FIDO Paris Seminar.pdf
Moving Beyond Passwords: FIDO Paris Seminar.pdfMoving Beyond Passwords: FIDO Paris Seminar.pdf
Moving Beyond Passwords: FIDO Paris Seminar.pdf
 
How to write a Business Continuity Plan
How to write a Business Continuity PlanHow to write a Business Continuity Plan
How to write a Business Continuity Plan
 
Digital Identity is Under Attack: FIDO Paris Seminar.pptx
Digital Identity is Under Attack: FIDO Paris Seminar.pptxDigital Identity is Under Attack: FIDO Paris Seminar.pptx
Digital Identity is Under Attack: FIDO Paris Seminar.pptx
 
DSPy a system for AI to Write Prompts and Do Fine Tuning
DSPy a system for AI to Write Prompts and Do Fine TuningDSPy a system for AI to Write Prompts and Do Fine Tuning
DSPy a system for AI to Write Prompts and Do Fine Tuning
 

The Essence of Design for Startups