- Start with the content
- Establish UX flows and styles in text
- Create and present web-based mockups
- Keep styles in-check
For teams struggling to design responsively, Photoshop just ain't cuttin' it anymore. The problem is, our traditional workflows demand flat design comps, which don't quite jive with a flexible, content-first methodology.
Plus, responsive challenges us to rethink our roles. After all, who is the designer these days?
Fortunately, Stephen Hay has a practical, 10-step approach to improving your responsive web design workflow. With new ease, you'll go from text content to wireframes, deciding on breakpoints, and creating browser mockups before topping it off with style guidelines.
And your team will thank you for it.
Start with the content
- Take inventory of what must transition to new product experiences
- Define a high-level content structure
Establish UX flows and styles in text
- Shape the basis of your design by writing real content, even if it's boring
- Begin applying styles to that content and voila! A basic mobile site is born
Create and present web-based mockups
- Design in the browser—even if you're not a developer
- Pitch your design like a pro and get sign-off long before it's
Keep styles in-check
- Document the style systems and decisions inherent to your design
- Build a guide that auto-updates whenever the styles change in your design
Watch this seminar if you:
- Feel like your team could move faster but is confused by roles or next steps
- Want client buy-in sooner while preventing surprises (aka derailments) later
- Focus too much on artifacts rather than decision-making, especially early on
Designing for different devices and screen sizes—amid changing budgets, roles, and timelines—doesn't have to be painful. Get some medicine from Stephen.
Stephen explains what you'll learn in this 90‑second preview…
Let's dig into why Stephen Hay is awesome.
First, he's been a champion of the content-first approach to responsive web design since before "responsive web design" was a thing. Yes, the man is a visionary.
Second, when not consulting with clients through his consultancy, Zero Interface, he's been traveling the world giving workshops and talks. Attendees tell us that Stephen has re-invigorated their processes and helped them design better products, faster.
Third, is author of Responsive Design Workflow (New Riders, 2013) and co-author of Smashing Book #3, which mobile UX designers and front-end developers use as their go-to guides for getting great work done.
A native Californian, Stephen currently resides in The Netherlands. When he's not working himself to death, he appreciates a good Belgian ale and blogs about twice a year at the-haystack.com. You can also find him on Twitter: @stephenhay.
Want to hear more from Stephen? Read Some Thoughts On “Designing in the Browser.”