Design for People

I’ve been doing a lot of reading on responsive design lately (because my library is headed towards that), and that made me think. When designing websites, we tend to design for devices. That’s what responsive design is all about – it’s coding in such a way that your website “responds” appropriately to different screen sizes (i.e., desktops, tablets, smartphones). We design for things: for a desktop; for a screen; for a browser; for a tablet or smartphone.

Nothing wrong with that – a modern website has to work on all those devices, right?

But I also think we need to shift our focus a bit, to where it really counts. And that focus is not on the screen.

We need to design for people.

What’s that change?

We still need to do all the usual stuff – i.e., use great css, work on making our websites responsive, think about screensizes, readability, contrasting colors, etc.

But let’s also focus on people:

  • Put content first.
  • Ask customers what content they want … and then create that content!
  • Answer the why, what, and who questions.
  • Provide next steps and calls to action on ALL content.
  • Make asking questions and getting responses easy and seamless.
  • This works for our physical and our digital branches.
  • What else? Add to my list in the comments…

Simply put – put people first.

pic by Nicola Albertini

15 Web Design Trends for 2013

Here’s one of my presentations for Computers in Libraries 2013 – great conference! I’m posting this one separately, since there’s some good stuff here. I poked around in Google, and condensed a lot of “web design predictions” posts into this handy list of 15 web design trends for 2013. Which ones are you thinking about?

  1. Content first
  2. Design simplicity
  3. UX Centered Design
  4. App style interfaces
  5. Responsive design
  6. No skeuomorphism
  7. coding languages (as in HTML/CSS/Javascript)
  8. Fixed header bars
  9. Large photo backgrounds
  10. CSS Transparency
  11. Social media badges
  12. Infinite scrolling
  13. Homepage feature tours
  14. Sliding panels
  15. Parallax design

Enjoy! I’ll post links to my other CIL 2013 presentations in another post.

Websites at the Next Level – Internet Librarian 2012

Here are my slides from my session.

Here’s the session description – Ever had that feeling there was something missing on your website, or something not quite right … but you couldn’t put your finger on it? In addition to the seven essential elements, King describes ways to take your library’s web presence to the next level. Leave with lots of insights and ideas to improve your library’s website!

Great turnout, and a ton of tweets from it, too. Thanks!

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