Blog

Everything is still changing all the time in this field.  If this bothers you, find a new job.  If you love change, welcome aboard.  The big declaration of the event seemed to be:

Content is King.  Mobile is Here. Responsive content is THE WAY.

The speakers didn’t concentrate on specific tools but more concepts and strategies for success.  Here are some of my faves.

1. Style Tiles.  Keeping in theme with content first and iterations of design and technology to fit multiple form factors, Style Tiles are the new way in my mind.  We can no longer give the client a static mockup of the homepage and get them to approve that.  This is a better way to convey to the client how the site will look and feel without designing ourselves into a hole.  Style Tiles combined with wire frames and information architecture can guide the development team as they put things together.  We can still make a design comp if the client really wants one but designing in HTML/CSS once the wireframes and content are approved will better serve a more systems-based approach allowing us to move our content around in order of importance using content-based breakpoints.
2. Content-based Breakpoints.  For a while now I’ve been trying to figure out what breakpoints to use for responsive design.  When to shift content to fit a particular screen.  Luke W has made the case for flipping this around and breaking content (or shifting its position or size) based on when the content is no longer readable.  he also gave us a lot to think about on touch and how we all now use our devices.  No longer are we tied to a desk- Personally I check email, facebook and twitter on my phone whether Im out and about or sitting around the house.  I love to also use my Kindle to surf when my daughter hasn’t gotten to it first.  I have less time to actually sit in front of my desktop, and I cant wait to dive into a larger touch screen on Windows 8!
3. Write Better Content Chunks.  Its always a challenge to redesign a site and get the content to look as good as the design and back-end.  Usually we leave this pretty much up to the client then we complain about how bad their content is.  That’s wrong…  making the content good is our job too and Im no longer going to pretend that its not.  Luke W took some great notes on Karen McGrane’s talk about how to write for the web systems and a few case studies.  Basically the best way (which has evolved from the whole separation of content and design discussion) is to write your content in chunks- much like journalists do.  If you have editors write pages by filling in forms with fields like title, subheadline, short and long summary, image, image caption, by line, publish date, keywords, and so on, then you can rejigger that content in any way that you need for any situation!

My Gurus

• Karen McGrane, Founder, Bond Art & Science
• Samantha Warren, Communication Designer, Twitter
• Luke Wroblewski, Author, Mobile First
• Jeffrey Zeldman, author, Designing With Web Standards, 3rd Ed.
• Jen Simmons, Creator, The Web Ahead
• Ethan Marcotte, Author, Responsive Web Design
• Jared Ponchot, Creative Director, Lullabot
• Eric Meyer, Author, CSS: The Definitive Guide
• Josh Clark, Author, Tapworthy
• Mike Monteiro, Author, Design is a Job
• Jared Spool, Founder, User Interface Engineering