In this session, we will explore the how the mobile era is changing the previously straightforward task of wireframing a website.

When designers only have one instance of website (desktop) to wireframe, the layout is uniform. The header, content area, sidebar, and footer all remain static. Furthermore, the elements are relatively uniform as well. Buttons, navigation, typography, and images are basically the same across across the various pages. But if you are designing a responsive website – one whose look and feel adapts depending whether you’re using a phone, laptop, or tablet – then these elements and especially the layout begins to diverge.

What we’ll cover

• The updated role of content strategy, IA, and technical considerations
• Simultaneous wireframing for different screen sizes
• Thinking with fluid grids
• Mobile UX design patterns (one problem, many solutions)
• Rapid prototyping with tools like Foundation

After this session, you should leave with the confidence to argue the importance of responsive design to your client or boss – and that the with the proper strategy, the extra effort and costs can be minimized.

Who should attend this session?

This session is non-technical, and will benefit any web designer, information architect, or product owner/stakeholder who is building a new responsive website, or wants to convert their existing site to be Future Friendly.

Questions answered by this session

• Why is content strategy and IA more important than ever in wireframing?
• What tools will help me wireframe for multiple devices?
• As a designer, do I really need to care about technical issues?
• How do UX design patterns change for mobile?
• How important is designing in the browser/HTML prototypes?