Template: 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
| Info |
|---|
GOAL: What is the Objective(s) of the page. |
| Info |
|---|
TITLE: Headlines |
| Warning |
|---|
IMAGE: |
| Tip |
|---|
SHORT DESCRIPTION: |
| Note |
|---|
| Info |
IMAGE: Image Content |
| Info |
|---|
CONTENT: Body Content |
| Info |
|---|
CTA: Call to Action |
TEMPLATE EXAMPLE
| Info |
|---|
GOAL: Help users find deals at FreeBees' partners |
| Info |
|---|
TITLE: Deals & Discounts |
| Info |
|---|
CONTENT: Shop our partners to get special discounts and deals on all your business needs. |
| Info |
|---|
IMAGE: Company Logo’s of FreeBee’s partners |
| Info |
|---|
CTA: Shop Deals |
Example: High Level Priority Guide
...
Example: Detailed Priority Guide
...