Web Design Trends for 2012

I’ve been working on some large writing projects this year, and in the process, came across some great lists of web design trends for 2012 that I thought I’d share. Let me know if you are incorporating any of these into your websites!

Web design trends for 2012

Web Design Trends in 2012

  • Responsive Web Design
  • Fixed-Position Navigation
  • Circles
  • Big Vector Art
  • Multi-Column Menus
  • jQuery/CSS3/HTML5 Animation
  • Ribbons & Banner Graphics
  • Custom Font Faces
  • Infographics
  • Focus on Simplicity

15 Web Design Trends to Watch Out For in 2012

  • Responsive Interface Design
  • Touchscreen Mobile Devices
  • Tons of Freebies!
  • HTML5 & CSS3 Standards
  • Ribbons and Banners
  • Premium WordPress Themes
  • Online Magazines
  • Easy Drop Shadows
  • Dynamic Typography
  • Image Gallery Slideshows
  • Modal Popup Boxes
  • Inspirational Lists
  • Generated Image Thumbnails
  • Oversized Icons
  • Exaggerated Hyperlinks

Web Design Trends for 2012

  • Oversized Logos/Headers
  • Sketch/Hand-drawn Design
  • Slab Typefaces
  • Typography
  • One Page Layouts
  • Huge Images
  • Change of Perspective
  • Interactive/Intuitive Design
  • Modal Boxes
  • Minimalism
  • Oversized Footer
  • Retro
  • Intro Boxes
  • Magazine Layouts

Top Website Design Trends for 2012

  • HTML5, CSS3 and JQUERY
  • Mobile Compatibility and Responsive Layouts
  • Typographic Layouts
  • The Grid
  • Large Background Images
  • Perceived Affordance and Metaphoric Design
  • Social Media Integration
  • Illustration
  • Single Page Websites
  • Parallax
  • Elegant Modal Boxes

15 Top Web Design and Development Trends for 2012

  • Progressive enhancement
  • Responsive design
  • Flash will survive
  • Native support for plug-in features
  • Appification takes hold
  • Web app fragmentation
  • Mobile gets bigger
  • A device explosion
  • Respect beyond aesthetics
  • social battles heat up
  • Growth of the two-screen model
  • Distributed workforces
  • Stronger customer service
  • Better value, not lower prices
  • Pushing the boundaries

The State of Web Design Trends: 2012 Annual Edition

  • Responsive Web Design
  • Grid Systems
  • Typography
  • Technology Pushing Art
  • Scrolling, Vertical Narratives
  • Like it’s 1983
  • Modular Interfaces

So – get busy and start designing like it’s 2012!

image by Mike Licht

Bathrooms and Lightswitches

When you walk into a dark room and want to see, what do you do? Simple – you just flip on the light switch. Do you think about how it works? Does it confuse you? Do you stop to marvel at the beauty of the light switch hardware?

How many people ponder the intricacies of electricity or the skills of the electrician?

Probably none of the above … you just want some light, so you flip the switch without even thinking about it. It “just works” – letting you get on with whatever it was you were going to do.

How about bathrooms? When you’re in a restaurant and need to visit the bathroom … ? Do you wonder at the amazing wayfinding expert who came up with the clever directional signage? Do you thank the plumbers, the engineers, and the architects who helped create the bathroom? Again, I’m guessing not.

In fact, if you DO have to stop and puzzle out the bathroom or the lightswitch, the designers failed. Those things should be so easy to use that you don’t have to stop what you’re doing to figure them out. The goal is to keep you going (no pun intended), not stop you in your tracks.

Your website needs to be that simple – start designing digital experiences that don’t get in your customer’s way!

pics by Martin Cathrae & Olivander

New Book this Fall: Designing the Digital Experience

I actually wrote a book! I can’t believe it… but I’m pretty psyched about it! Here’s the info for the book:

Designing the Digital Experience: How to Use Experience Design Tools and Techniques to Build Websites Customers Love
ISBN 978-0-910965-83-5/$24.95/208 pp
CyberAge Books/Information Today Inc.
Publication: October 2008 (that’s coming up soon!)

So – it’s coming out this fall, and it’s all about designing digital experiences (long-time readers will recognize that topic – it’s a common one for me, both on my blog and in my presentations). I’ll be posting more about the book as it gets closer to the release date. But for now, here’s a wordle teaser (click through to the larger version in my flickr account if interested)… a tag cloud version of the introduction to the book!

Tag Cloud of the Introduction to my book