Responsive Design Workflow

by Stephen Hay

Forget fixed-width Photoshop comps, bloated client requirements, and overproduced wireframes. Yesterday's web design deliverables fail to take into account the demands of responsive solutions. Design workflow hasn't really changed, but best practices have. This book shows you how to adapt to the new paradigm and create sites for today's web. Some of the strategies you'll learn include:
how to better manage client expectations and development requirementsa practical approach for designing in the browserdocumentation methods that outperform static Photoshop compsa method for visualizing the points where responsive designs changeAfter absorbing the lessons in this book, you'll leave behind old-school workflows and start working in ways that are uniquely suited to today's multi-platform web.

Genres: Design, Website Design, Technology, Web, Nonfiction, Technical

223 pages, Paperback

First published March 8, 2013

Reviews

[André Dubreuil · Rating 2 out of 5]

This book was a big letdown for me, despite the fact that the subject is of much interest, the execution left a lot to be desired and the the author spent too much time on the tools he uses rather than the principles behind the workflow.

[Sardonyx · Rating 4 out of 5]

I loved the author's writing style. It was very casual and playful. It kept me interested in the subject. First tech book that I've actually read start to finish! I am a back-end developer and found it a fabulous read to seeing ways of approaching a project starting from a data inventory, and working your way up to a design that suites the small screen of a smartphone through devices up to a fancy desktop screen!

[Jantine Zandbergen · Rating 4 out of 5]

'Responsive Design workflow' is a good read for a webdesigner. In this book Stephen Hay explains his workflow when it comes to creating responsive websites and gives tips to make this workflow your own. Not all the content is relevant, yet it's easy to skip those parts (Dexy?) and pick-up reading when it gets interesting again.

[Klaus · Rating 4 out of 5]

Easy to read and presents an interesting workflow. I'm a developer not a designer and it seems more effective to do it this way then the old Photoshop translation method. I've also tried the XAML disaster a few years ago which was instructive in how not to do things. hay's method looks more effective

[Igor Pascoal · Rating 4 out of 5]

Really good book with great insight and detail into the Responsive Design Workflow of Stephen Hay. It has already influenced the way I work, though not everything on the book is universal (but that wasn't even the goal).
Stephen explains very clearly all the concepts and always provides context and good reasoning into the tools and processes he uses.

[Ahmad Shadeed · Rating 5 out of 5]

Very useful book on a clever responsive design workflow. The idea is simply to stop designing web mockups in design apps such as Photoshop or Sketch. Switching to the browser will give you a huge benefits in terms of time, flexibility and effort.. If you are unsure to start designing in HTML/CSS, then this book is for you. Go and grab it now!

[Gereon Kåver · Rating 4 out of 5]

Interesting hand-on advice on a new role of designer

[Find me on The Storygraph · Rating 4 out of 5]

Great book, full of great hints for webdesigners and frontend developers.
Management summary: design in the browser; automate your documentation process; dive into Dexy.

[Mark Rodseth · Rating 4 out of 5]

Maybe too prescriptive but the principles are really good. Also, think the workflow will only work for a minority of technical designers and UXers.

[Orlando Morales · Rating 5 out of 5]

Yep.

[George Cockerill · Rating 5 out of 5]

An excellent must read for anyone working in digital.

[Montgomery Webster · Rating 5 out of 5]

Incredible book. Absolutely unparalleled step-by-step, tool-based explanation of how to implement a browser-based wireframe or design process.