SlideShare ist ein Scribd-Unternehmen logo
1 von 62
Downloaden Sie, um offline zu lesen
15 Trends
 Web
           for 2013
       david lee king | davidleeking.com
  topeka & shawnee county public library
tempus, laoreet et massa. Morbi nec dignissim turpis.
  Lorem ipsum dolor sit amet, consectetur adipiscing
 elit. Curabitur interdum rhoncus diam, vitae aliquam
  velit tincidunt ac. Aliquam vel nisi non felis pretium
   fermentum quis quis augue. Pellentesque lobortis
gravida nisl, sed rhoncus ante volutpat at. Aenean id


 1. content first.
               purus arcu, et sagittis sapien.
    Donec sed lorem in elit aliquam convallis quis et
  eros. Sed auctor mollis lacus, non fermentum odio
      vulputate sed. Curabitur pretium ligula purus.
   Aliquam quis leo nisi, quis consequat lacus. Class
 aptent taciti sociosqu ad litora torquent per conubia
   nostra, per inceptos himenaeos. In mattis, est sed
   pulvinar facilisis, tortor magna gravida ipsum, at
“good web design
starts with content”




  jeffrey zeldman.
 smart web dude.

                       flickr.com/photos/aquan/2795141674/
2. design
simplicity.
3. UX Centered
    Design
3. UX Centered
    Design
            flickr.com/photos/ficofranco/5932086668/
don’t
make
   3. UX Centered Design

me
think
                           flickr.com/photos/jenny-pics/5661879987/
4. app style
interfaces.
4. app style interfaces.
5. responsive
   design.
           flickr.com/photos/zergev/8430388219/
5. responsive design.




                        flickr.com/photos/69797234@N06/7203485148/
5. responsive design.
5. responsive design.
6. no
skeuomorphism
huh?
... a physical ornament or
design on an object made
to resemble another
material or technique.
       [ed., yay wikipedia]
http://en.wikipedia.org/wiki/File:1986ChryslerLeBaronTownCountryStationWagon.jpg




simulated wood grain, baby!
Text
Text
Text
Text
Text
7. coding
languages
HTML/CSS/Javascript
HTML/CSS/Javascript




       flickr.com/photos/josefdunne/5410923901/
8. Fixed
Header Bars
Text

Fixed Header
Text



 Fixed stuff
9. large photo
 backgrounds
9. large photo backgrounds
9. large photo backgrounds
9. large photo backgrounds
9. large photo backgrounds
10. CSS
Transparency
10. CSS Transparency
11. Social
Media Badges
11. Social Media Badges
http://www.skyblue-pink.com/wp-content/themes/BlackPower/images/button_twitter.png




11. Social Media Badges
12. Infinite
 Scrolling
12. Infinite Scrolling
scroll ...
12. Infinite Scrolling

        forever!
13. homepage
 feature tours
13. homepage feature tours
14. Sliding
  panels
14. Sliding webpage panels
15. Parallax
  Design
who names this
stuff, anyway?
15. Parallax Design
To recap:
1. content first - yay
2. design simplicity - yay
3. UX centered design - yay

5. responsive design - yay



                         To recap:
7. coding languages - yay (will change soon)




11. social media badges - yay
1. content first - yay
2. design simplicity - yay
3. UX centered design - yay
4. app style interfaces - meh
5. responsive design - yay



                          To recap:
7. coding languages - yay (will change soon)
8. fixed header bars - meh


11. social media badges - yay
12. infinite scrolling - meh
1. content first - yay
2. design simplicity - yay
3. UX centered design - yay
4. app style interfaces - meh
5. responsive design - yay
6. no skeuomorphism - depends


                         To recap:
7. coding languages - yay (will change soon)
8. fixed header bars - meh
9. large photo backgrounds - hmm…

11. social media badges - yay
12. infinite scrolling - meh
13. homepage feature tours - hmm…
1. content first - yay
2. design simplicity - yay
3. UX centered design - yay
4. app style interfaces - meh
5. responsive design - yay
6. no skeuomorphism - depends


                         To recap:
7. coding languages - yay (will change soon)
8. fixed header bars - meh
9. large photo backgrounds - hmm…
10. CSS Transparency - geeks rejoice
11. social media badges - yay
12. infinite scrolling - meh
13. homepage feature tours - hmm…
14. sliding panels - geeks rejoice
15. Parallax design - geeks rejoice
Thanks!


 davidleeking.com

Weitere ähnliche Inhalte

Was ist angesagt?

Smart Highways September 15 Article
Smart Highways September 15 ArticleSmart Highways September 15 Article
Smart Highways September 15 Article
Morgan Ouellette
 

Was ist angesagt? (20)

How To Get More Views On YouTube
How To Get More Views On YouTubeHow To Get More Views On YouTube
How To Get More Views On YouTube
 
Five firsts of Website Strategy
Five firsts of Website StrategyFive firsts of Website Strategy
Five firsts of Website Strategy
 
Creating an Instructional Podcast
Creating an Instructional PodcastCreating an Instructional Podcast
Creating an Instructional Podcast
 
Top Ten Slide Tips for Presentations
Top Ten Slide Tips for Presentations Top Ten Slide Tips for Presentations
Top Ten Slide Tips for Presentations
 
Web Content Strategy in a Multi-Channel World
Web Content Strategy in a Multi-Channel WorldWeb Content Strategy in a Multi-Channel World
Web Content Strategy in a Multi-Channel World
 
New On Google+? Follow These Tips...
New On Google+? Follow These Tips...New On Google+? Follow These Tips...
New On Google+? Follow These Tips...
 
Connected Learning Community Orientation
Connected Learning Community OrientationConnected Learning Community Orientation
Connected Learning Community Orientation
 
Kids Frock with Cap | Kids frock with Matching Hat | Designerplanet
Kids Frock with Cap | Kids frock with Matching Hat | Designerplanet Kids Frock with Cap | Kids frock with Matching Hat | Designerplanet
Kids Frock with Cap | Kids frock with Matching Hat | Designerplanet
 
10 Tips to Make WordPress Your Friend
10 Tips to Make WordPress Your Friend 10 Tips to Make WordPress Your Friend
10 Tips to Make WordPress Your Friend
 
Smart Highways September 15 Article
Smart Highways September 15 ArticleSmart Highways September 15 Article
Smart Highways September 15 Article
 
8 Super Simple Tips For Your Profile On StumbleUpon
8 Super Simple Tips For Your Profile On StumbleUpon8 Super Simple Tips For Your Profile On StumbleUpon
8 Super Simple Tips For Your Profile On StumbleUpon
 
Free Running: Avoiding Obstacles in Product Development
Free Running: Avoiding Obstacles in Product DevelopmentFree Running: Avoiding Obstacles in Product Development
Free Running: Avoiding Obstacles in Product Development
 
Thawing the Frozen Middle: The role of Managers in organisations using Scrum
Thawing the Frozen Middle: The role of Managers in organisations using ScrumThawing the Frozen Middle: The role of Managers in organisations using Scrum
Thawing the Frozen Middle: The role of Managers in organisations using Scrum
 
Living with Laptops: Digital Citizenship for Parents
Living with Laptops: Digital Citizenship for ParentsLiving with Laptops: Digital Citizenship for Parents
Living with Laptops: Digital Citizenship for Parents
 
Mobile mapping w3g
Mobile mapping w3gMobile mapping w3g
Mobile mapping w3g
 
Thawing the "Frozen Middle" - SGFLA
Thawing the "Frozen Middle" - SGFLAThawing the "Frozen Middle" - SGFLA
Thawing the "Frozen Middle" - SGFLA
 
An A-Z of the WWW in ELT
An A-Z of the WWW in ELTAn A-Z of the WWW in ELT
An A-Z of the WWW in ELT
 
Design and delivery cis
Design and delivery cisDesign and delivery cis
Design and delivery cis
 
9 Tips To Help You With Facebook
9 Tips To Help You With Facebook9 Tips To Help You With Facebook
9 Tips To Help You With Facebook
 
10 tips to master the "new" Linkedin
10 tips to master the "new" Linkedin10 tips to master the "new" Linkedin
10 tips to master the "new" Linkedin
 

Andere mochten auch

Andere mochten auch (8)

Design YOUR brand inside trade.Berry
Design YOUR brand inside trade.BerryDesign YOUR brand inside trade.Berry
Design YOUR brand inside trade.Berry
 
"Infrastructure Security Practice" by Wasis Adi Putranto (OLX Indonesia)
"Infrastructure Security Practice" by Wasis Adi Putranto (OLX Indonesia)"Infrastructure Security Practice" by Wasis Adi Putranto (OLX Indonesia)
"Infrastructure Security Practice" by Wasis Adi Putranto (OLX Indonesia)
 
Responsive Web Design - but for real!
Responsive Web Design - but for real!Responsive Web Design - but for real!
Responsive Web Design - but for real!
 
Web Design Trends for 2014
Web Design Trends for 2014Web Design Trends for 2014
Web Design Trends for 2014
 
Emotion Design - Brand & UI
Emotion Design - Brand & UIEmotion Design - Brand & UI
Emotion Design - Brand & UI
 
50 rules of innovation
50 rules of innovation50 rules of innovation
50 rules of innovation
 
Web Design Trends 2014
Web Design Trends 2014Web Design Trends 2014
Web Design Trends 2014
 
UX Design + UI Design: Injecting a brand persona!
UX Design + UI Design: Injecting a brand persona!UX Design + UI Design: Injecting a brand persona!
UX Design + UI Design: Injecting a brand persona!
 

Ähnlich wie 15 Web Design Trends for 2013

Responsive Design with Backbone
Responsive Design with BackboneResponsive Design with Backbone
Responsive Design with Backbone
Mauvis Ledford
 
Responsive Web Design & the state of the Web
Responsive Web Design & the state of the WebResponsive Web Design & the state of the Web
Responsive Web Design & the state of the Web
Yiannis Konstantakopoulos
 
Mobile First Responsive Web Design — BD Conf Oct 2013
Mobile First Responsive Web Design — BD Conf Oct 2013Mobile First Responsive Web Design — BD Conf Oct 2013
Mobile First Responsive Web Design — BD Conf Oct 2013
Jason Grigsby
 
Presentazione web design
Presentazione web designPresentazione web design
Presentazione web design
Marco Santo
 
When responsive web design meets the real world
When responsive web design meets the real worldWhen responsive web design meets the real world
When responsive web design meets the real world
Jason Grigsby
 

Ähnlich wie 15 Web Design Trends for 2013 (20)

MIMA 2014 - Changing your Responsive Design Workflow
MIMA 2014 - Changing your Responsive Design WorkflowMIMA 2014 - Changing your Responsive Design Workflow
MIMA 2014 - Changing your Responsive Design Workflow
 
Prophets trends in Interactive Design 2012
Prophets trends in Interactive Design 2012Prophets trends in Interactive Design 2012
Prophets trends in Interactive Design 2012
 
Prophets trends-in-interactive-design
Prophets trends-in-interactive-designProphets trends-in-interactive-design
Prophets trends-in-interactive-design
 
Responsive Design with Backbone
Responsive Design with BackboneResponsive Design with Backbone
Responsive Design with Backbone
 
Responsive Web Design & the state of the Web
Responsive Web Design & the state of the WebResponsive Web Design & the state of the Web
Responsive Web Design & the state of the Web
 
Measuring Web Performance - HighEdWeb Edition
Measuring Web Performance - HighEdWeb EditionMeasuring Web Performance - HighEdWeb Edition
Measuring Web Performance - HighEdWeb Edition
 
Responsive Design Workflow (Breaking Development Conference 2012 Orlando)
Responsive Design Workflow (Breaking Development Conference 2012 Orlando)Responsive Design Workflow (Breaking Development Conference 2012 Orlando)
Responsive Design Workflow (Breaking Development Conference 2012 Orlando)
 
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)
 
How to Act Like an Agency within a Company: UX for the Enterprise
How to Act Like an Agency within a Company: UX for the EnterpriseHow to Act Like an Agency within a Company: UX for the Enterprise
How to Act Like an Agency within a Company: UX for the Enterprise
 
Mobile First Responsive Web Design — BD Conf Oct 2013
Mobile First Responsive Web Design — BD Conf Oct 2013Mobile First Responsive Web Design — BD Conf Oct 2013
Mobile First Responsive Web Design — BD Conf Oct 2013
 
An Introduction to Responsive Design
An Introduction to Responsive DesignAn Introduction to Responsive Design
An Introduction to Responsive Design
 
An Introduction to Responsive Design
An Introduction to Responsive DesignAn Introduction to Responsive Design
An Introduction to Responsive Design
 
Jensimmons html5live-responsivedesign
Jensimmons html5live-responsivedesignJensimmons html5live-responsivedesign
Jensimmons html5live-responsivedesign
 
Presentazione web design
Presentazione web designPresentazione web design
Presentazione web design
 
Responsive Design Workflow
Responsive Design WorkflowResponsive Design Workflow
Responsive Design Workflow
 
Designing for Today's Web
Designing for Today's WebDesigning for Today's Web
Designing for Today's Web
 
When responsive web design meets the real world
When responsive web design meets the real worldWhen responsive web design meets the real world
When responsive web design meets the real world
 
Webdesign
WebdesignWebdesign
Webdesign
 
Startup Institute NYC: Styling
Startup Institute NYC: StylingStartup Institute NYC: Styling
Startup Institute NYC: Styling
 
9 responsive design mistakes that drive people nuts
9 responsive design mistakes that drive people nuts9 responsive design mistakes that drive people nuts
9 responsive design mistakes that drive people nuts
 

Mehr von David King

Mehr von David King (20)

Connect with Images
Connect with ImagesConnect with Images
Connect with Images
 
Tech Trends for Libraries in 2019 and Beyond
Tech Trends for Libraries in 2019 and BeyondTech Trends for Libraries in 2019 and Beyond
Tech Trends for Libraries in 2019 and Beyond
 
Emerging Technology Trends in Libraries for 2018
Emerging Technology Trends in Libraries for 2018Emerging Technology Trends in Libraries for 2018
Emerging Technology Trends in Libraries for 2018
 
Emerging Technology Trends in Libraries for 2018
Emerging Technology Trends in Libraries for 2018Emerging Technology Trends in Libraries for 2018
Emerging Technology Trends in Libraries for 2018
 
Connecting Innovatively with your Community
Connecting Innovatively with your CommunityConnecting Innovatively with your Community
Connecting Innovatively with your Community
 
Using Video Tools to Connect with your Customers
Using Video Tools to Connect with your CustomersUsing Video Tools to Connect with your Customers
Using Video Tools to Connect with your Customers
 
The C Equation: Content + Connection + Community = Contented Customers
The C Equation: Content + Connection + Community = Contented CustomersThe C Equation: Content + Connection + Community = Contented Customers
The C Equation: Content + Connection + Community = Contented Customers
 
Innovative Ways to Connect with your Community
Innovative Ways to Connect with your CommunityInnovative Ways to Connect with your Community
Innovative Ways to Connect with your Community
 
Library Death Match - my Apps vs Websites Argument
Library Death Match - my Apps vs Websites ArgumentLibrary Death Match - my Apps vs Websites Argument
Library Death Match - my Apps vs Websites Argument
 
Social Media & Emerging Trends
Social Media & Emerging TrendsSocial Media & Emerging Trends
Social Media & Emerging Trends
 
Instagram: Effective Use for Libraries
Instagram: Effective Use for LibrariesInstagram: Effective Use for Libraries
Instagram: Effective Use for Libraries
 
Rocking the Small Screen without Losing your Mind
Rocking the Small Screen without Losing your MindRocking the Small Screen without Losing your Mind
Rocking the Small Screen without Losing your Mind
 
Rocking the Small Screen: Videos & Libraries
Rocking the Small Screen: Videos & LibrariesRocking the Small Screen: Videos & Libraries
Rocking the Small Screen: Videos & Libraries
 
Emerging technology trends in libraries for 2017
Emerging technology trends in libraries for 2017Emerging technology trends in libraries for 2017
Emerging technology trends in libraries for 2017
 
Customer Experience - On the Web, In the Library, In the Community
Customer Experience - On the Web, In the Library, In the CommunityCustomer Experience - On the Web, In the Library, In the Community
Customer Experience - On the Web, In the Library, In the Community
 
Social Media Best Practices & Experiences
Social Media Best Practices & ExperiencesSocial Media Best Practices & Experiences
Social Media Best Practices & Experiences
 
Marketing and Promoting the Library Website
Marketing and Promoting the Library WebsiteMarketing and Promoting the Library Website
Marketing and Promoting the Library Website
 
Emerging technology trends for libraries for 2017
Emerging technology trends for libraries for 2017Emerging technology trends for libraries for 2017
Emerging technology trends for libraries for 2017
 
Shaping an Organization Responsive to Change
Shaping an Organization Responsive to ChangeShaping an Organization Responsive to Change
Shaping an Organization Responsive to Change
 
Tech Trends for 2016
Tech Trends for 2016Tech Trends for 2016
Tech Trends for 2016
 

Kürzlich hochgeladen

CNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of ServiceCNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of Service
giselly40
 

Kürzlich hochgeladen (20)

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
 
🐬 The future of MySQL is Postgres 🐘
🐬  The future of MySQL is Postgres   🐘🐬  The future of MySQL is Postgres   🐘
🐬 The future of MySQL is Postgres 🐘
 
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?
 
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
 
Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024
 
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
 
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemkeProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
 
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...
 
Presentation on how to chat with PDF using ChatGPT code interpreter
Presentation on how to chat with PDF using ChatGPT code interpreterPresentation on how to chat with PDF using ChatGPT code interpreter
Presentation on how to chat with PDF using ChatGPT code interpreter
 
[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdf[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdf
 
Partners Life - Insurer Innovation Award 2024
Partners Life - Insurer Innovation Award 2024Partners Life - Insurer Innovation Award 2024
Partners Life - Insurer Innovation Award 2024
 
Automating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps ScriptAutomating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps Script
 
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
 
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
 
Scaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organizationScaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organization
 
Exploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone ProcessorsExploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone Processors
 
CNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of ServiceCNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of Service
 
Evaluating the top large language models.pdf
Evaluating the top large language models.pdfEvaluating the top large language models.pdf
Evaluating the top large language models.pdf
 
08448380779 Call Girls In Friends Colony Women Seeking Men
08448380779 Call Girls In Friends Colony Women Seeking Men08448380779 Call Girls In Friends Colony Women Seeking Men
08448380779 Call Girls In Friends Colony Women Seeking Men
 
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...
 

15 Web Design Trends for 2013