Comments on Priority Guides: A Content-First Alternative to Wireframes

14 Reader Comments

Back to the Article
  1. It is so easy to lose track of what is most important when you get into the layout and high fidelity design aspects of a project.  This is a great way to make sure your priorities are in order and it fits right in with a mobile-first work flow.  Thanks for sharing!

    Copy & paste the code below to embed this comment.
  2. What an awesome article. In the teams I’ve worked with as a PM, I’ve always had a feeling of a huge gap between the reqs/user research and the first wireframe. This perfectly sums up the issues and provides a fantastic low tech solution that will help me communicate content importanta to stakeholders and designers tremendously. It makes so much more sense to layout the information as such and build visual around it than box everything and then attempt to fill copy at the whims of the structure.

    Copy & paste the code below to embed this comment.
  3. This basic documentation is simple enough to start from scratch, but complex enough to act as a solid foundation going forward. The wireframe creates the structure—the backbone—of your entire project layout, making it easier to later build individual parts. Designers seem to have mixed opinions about wireframing, with some calling them a waste of time. But now that new technology enables designers to add interactivity within seconds, letting them quickly create low-fidelity prototypes, static wireframes are no longer dead-end deliverables.

    Copy & paste the code below to embed this comment.
  4. I love this idea. Similar to something called Page Description diagrams that I used a few years back when I was a web designer. I’ve come to think the traditional wireframes are artifacts that should never be shown to external clients.

    Copy & paste the code below to embed this comment.
  5. Great insight! Is there any additional articles describing user testing with priority guides? What do you show in that case to the person using the interface? Sentences?

    Copy & paste the code below to embed this comment.
  6. I think it should be or is already part of Information Architecture. Someone can correct me if I’m wrong.

    Copy & paste the code below to embed this comment.
  7. Wow! Thank you! I permanently wanted to write on my website something like that. Can I include a fragment of your post to my site?
    http://kitestep.com/

    Copy & paste the code below to embed this comment.
  8. Love this approach. There are some positive outcomes in the process for SEO as well.

    Copy & paste the code below to embed this comment.
  9. Stephen Hay outlines what he calls ‘Content Reference Wireframes’ in his book “Responsive Design Workflow”. They are very similar to what you propose here, and focus on content and priority. I recommend you look into his work and his book!

    Copy & paste the code below to embed this comment.
  10. +1 from me! This what we use at Alzheimer’s Society to embed content-first / mobile-first design from the outset.

    Copy & paste the code below to embed this comment.
  11. What I like about wireframes is that I have something to write to. While this priority guide is for an online function, I wonder how this process would work for something with substantially more content. I might find it challenging to write out of order.

    Copy & paste the code below to embed this comment.
  12. Awesome Article, got a splender knowledge about wireframes.going to share with my friends. I also work with a Website Design Company in Delhi, India. Thank you. B2B Infosoft

    Copy & paste the code below to embed this comment.
  13. Wow! Awesome post! Thank you!
    Can I include a fragment of your post to my site?
    https://www.comprar-helio-para-globos.com

    Copy & paste the code below to embed this comment.
  14. So nice idea. Thx for this article, I hope we will try this approach in company and see how it works for us ... but I really like the idea and workflow!

    Copy & paste the code below to embed this comment.