Priority Guides

WHAT IS IT

A priority guide contains content and elements for a mobile screen, sorted by hierarchy from top to bottom and without layout specifications. The hierarchy is based on relevance to users, with the content most critical to satisfying user needs and supporting user (and company) goals higher up.

WHY WE USE IT

Creating priority guides as an initial step to content creation avoids the pitfalls of wireframes. It not only keeps our process user-centered and creates more valuable designs for our users, improves team engagement, collaboration, and design workflows.

https://alistapart.com/article/priority-guides-a-content-first-alternative-to-wireframes/

Legend

GOAL: What is the Objective(s) of the page.

TITLE: Headlines

IMAGE: Image Content

CONTENT: Body Content

CTA: Call to Action

TEMPLATE EXAMPLE

GOAL: Help users find deals at FreeBees' partners

TITLE: Deals & Discounts

CONTENT: Shop our partners to get special discounts and deals on all your business needs.

IMAGE: Company Logo’s of FreeBee’s partners

CTA: Shop Deals

Example: High Level Priority Guide

Example: Detailed Priority Guide