« Ironworks 2011 Interactive Summit | Main | Rethinking The Gender Question »

05/02/2011

Comments

Feed You can follow this conversation by subscribing to the comment feed for this post.

Bikeboy389

As I think more about mobile, I wonder if the best use of responsive layout should be in an attempt to do away with the concept of a mobile site completely. Design your site architecture so NOBODY downloads content they don't need, then use responsive layout to tailor the views to the screen size/orientation.

But in my mind it starts with architecture that gets the right content, and only the right content, to everyone, no matter how they're coming to your site. Why do we give mobile a clean simple site, and serve a 1MB stock photo to the desktop?

Larry King

Mark-
You last paragraph reminds me a lot of Luke Wroblewski's concept of design for mobile first (http://www.lukew.com/ff/entry.asp?933), which seems to be an ideal approach, especially when doing responsive web design.

It really is just another form of progressive enhancement. Get the content and functionality right for the lowest common denominator platform, and enhance based on browser capability, screen-size/orientation, etc.

Colin Eagan

Responsive Design raises a lot of good questions about how we approach IA: how do you sketch a responsive interface using a static wireframe, for example. Design approaches have to be more modular by definition, and focus on individual components of a page layout as opposed to the overall landscape. Curious to hear if anyone has recommendations on tools.

Larry King

Colin-

Good points. Modular design is key to making responsive web design work. The most effective ways to represent this type of approach early in the design process is an interesting problem I am looking forward solving!

Chris Seamon

I am using this technique right now on a project. I really like it because I have covered just about every device within one style sheet and one javascript file. When doing IA for mobile a wireframe should just incorporate the basic areas you want to contain for a phone (the main content minus ads and other information that really isn't looked at much). The tablet devices and computers will more than likely have the same dimenstions (1028 x 768). So you just need to keep smart phone dimensions and dimensions that are a normal screen resolution to a larger one in your file. One last thing to note is don't get crazy with laying out information in a multicolumned table type of format. This might cause some headaches or for someone to create some javascript functions and server side functions to deal with displaying tables in a special page since the information inside will more than likely break the mobile layout.

The comments to this entry are closed.

About This Blog

Welcome to "Fit & Finish", the Ironworks User Experience blog. We are very proud of the talented team (led by Bill Buell) of information architects, designers, developers and strategists that we have at Ironworks. You can look forward to us sharing our ideas, best practices, creativity, humor and useful resources on this blog. We welcome your active participation with comments and questions.

Contact ICF Ironworks

  • ICF Ironworks combines strategy, technology and design services to assist clients in the development of large-scale, complex technology projects. Ironworks offers three core services: Business & IT Alignment, Portal and Content Management, and Interactive.

    Contact us for help with your next project.

ICF Ironworks is Hiring!

  • If you're the best... we want you to work here!

    If you're the best... we want you to work here!ICF Ironworks is always on the lookout for experienced professionals who believe in hard work, having fun, and great client service.

    View our open positions, or, if you don't see an exact match, send us your resume.

Workswire e-Newsletter

  • Workswire e-newsletterSign up to receive Ironworks' quarterly e-newsletter for the latest news, events, client successes, industry insights and more!
    subscribe

Ironworks Twitter Updates

    follow me on Twitter

    Our Other Favorite Blogs

    Become a Fan