So, to answer the question: The value in Axure is that it can help a UX team that does not have any in-house front end prototyping resources communicate to a client what a responsive web page may look like.Īll answers here been beautifully written about the Axure's worth in responsive design. For example, In PhotoShop it's easy to flip the image and text based on screen size, but that may not translate logically to the CSS. The problems I run into when trying to translate PSD or Axure type deliverables into responsive HTML is that the person that put them together simply doesn't understand the underlying logic that goes into the HTML and CSS. In that case, sure, something like Axure can help.īut the catch with responsive design is that it is not taking 3 separate 'designs' and then making them work as one HTML document, but rather taking one HTML document and making work as 3 separate designs. The only time NOT to go that route is if you simply don't have any front end developer skillsets on staff to help. Or go from sketchy and the UX & front end dev teams working very closely and collaboratively.Īlways choose that option when available.Īlways choose that option when available!!! By contrast, time spent in Axure takes you away from learning the useful stuff.
getting modals to work, getting forms to line up properly is not time wasted.
DESIGN PROTOTYPE RESPONSIVE RESIZE HOW TO
Plus the time you spend learning how to do things the Twitter Bootstrap way, e.g. You can also work on the testing with every change you make, say that fancy font breaks the input box alignment then you can nip the problem in the bud, not have it there to trip you up later.
DESIGN PROTOTYPE RESPONSIVE RESIZE CODE
You know you can code it and you know you can style it up.
Once you have everything blocked out with standard Bootstrap fonts/colours/spacing you then actually have something.
You can even hook up the buttons if you want to do a walk through, the buttons loading up the next static page.Īt every step of the way you can see if it works on a real browser. Therefore, you can block out all of your prototypes in static HTML with Bootstrap CSS/JS in the. If you are going to be building a responsive site then the chances are that you are going to use Twitter Bootstrap or some other framework for the job.