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

New Presentation – Designing the Digital Branch – it’s everyone’s job!

Gina Millsap and I gave this presentation last week at the Texas Library Association’s annual conference (this year in Houston, TX). Great conference, fun people!

Especially check out the final part of this presentation – it will give you a little insight into how my library decides on strategy – through data-mapping and GIS market segmentation data. Really handy stuff.

Enjoy!

asdf

Copying Other Websites During a Redesign

During my library’s last website redesign, we went through quite a few design iterations, and we still weren’t happy. Two people in our Creative Group team (more on that in the next post) … ok, our head of marketing and the deputy director … kept sending us website examples they liked. Sites like shoe stores or clothing shops. Yes, they were beautiful websites, and nicely designed. But they weren’t really all that similar to a library website.

One big difference – these attractive websites did one thing well – they sold shoes or clothes. They didn’t have any catalog to speak of. The websites were full of single pages that pointed to single items.

But a library website has at least two basic needs – a site that talks about the library, and shares useful stuff. And we have a library catalog. So it didn’t really make much sense to me to base our library website design around a site that only does half of what we do.

So I started poking around, looking for websites that focus on two things:

  1. stuff, like a storefront.
  2. a “catalog” of some sort.

Amazon and Zappos? Pretty much all catalog. News sites? Pretty much large multi-blog sites – focusing on stuff. Then it dawned on me – library websites are like Apple. Apple essentially has two separate websites – the main site that focuses on their stuff, and their “catalog” – their online store.

We based our redesign around Apple, in these ways:

  • Top horizontal navigation with drop down menus. We also found some “nav bar inspiration” at NPR’s website.
  • Focusing on a single large ad, then a couple of smaller ones, then more detailed content below that – based on many of Apple’s pages. This directs customers to a few things that you REALLY WANT THEM TO DO, while still having easy access to everything else.
  • A prominent link to the store. That’s where you’d click “Find Stuff” to get to our three catalogs (catalog, digital downloads catalog, and DVD dispenser catalog).

So far, it’s working out great – few complaints, lots of compliments. Our public trainers have told us they cut down training on how to use our website from an hour to 10-15 minutes. Fingers crossed that it stays that way for a while!

Upcoming Webinar – Building the Digital Branch: Designing Effective Library Websites

If you’re interested in building better websites, make sure to sign up for my upcoming webinar for ALA TechSource on June 8 – Building the Digital Branch: Designing Effective Library Websites. Just click the link to sign up!

This will be the second time I have given this webinar. If you attended the first one, never fret! There will be new content – I’m going to talk about how Topeka & Shawnee County Public Library (where I work) built our current website (the redesign went live on March 1).

Here’s the blurb for the webinar:

Every library needs a presence on the web. Whether you work at a large academic library or a public library in a small town, you need to be able to deliver service and content to patrons outside  your building. David Lee King will once again present this popular workshop, taking you through the process of building an effective, user-friendly library website that will expand and enhance your library’s presence in the community.

In this workshop, you’ll learn:

  • How to successfully plan and implement a redesign of your website
  • How to find out what patrons want from your website
  • How to use your website to interact with patrons
  • How to create strategic plans and goals for your website

Sign up NOW!