Added initial draft of content priority guide post

This commit is contained in:
KawaiiPunk 2021-08-16 14:24:56 +01:00
parent e42749b6ab
commit ecbe9477b3
Signed by: kawaiipunk
GPG Key ID: EDE939629F5C1A6A
1 changed files with 52 additions and 0 deletions

View File

@ -0,0 +1,52 @@
# Content Priority Guides for Websites
A Content Priority Guide are a simpler and faster version of [wireframes](https://en.wikipedia.org/wiki/Website_wireframe) that aren't focussed on design and encourage a client to not get bogged down in details. It should hopefully give the client some idea to what they want their content to look like and what priorities it serves.
Autonomic uses Content Priority Guides as a collaborative exercise between the client and ourselves. The content can then be worked on referencing the structure and hierarchy laid out in the priority guide. If appropriate, the design team and front end development team will also use the Content Priority Guide in their work.
Below is a sample content priority guide. It was inspired by this [article](https://seesparkbox.com/foundry/content_priority_guide) and this [post](https://www.smashingmagazine.com/2012/05/design-process-responsive-age/).
## Sample priorty guide
### The audience
- Who is your audience or audiences?
- Who is your priority audience?
- What are the accesibility needs of your audiences?
- What devices are your audiences accessing the site on?
### Page 1 - Homepage
1. Heading
2. Hero image
3. About Us copy (3-4 sentences)
4. Our demands section
- Section Title
- Bullet point list of demands
5. What we do section
- Section title
- Image
- What we do (A few sentences describing our activities)
- How we do it (A few sentences that include our principles)
- Our outcomes (A few paragraphs that talk about what we have achieved)
### Page 2 - Projects
1. Heading
2. Sub-heading
3. 6-8 items displayed in chronological order
- Project Title
- Image or Headline (if an image is provided, that will display. If there is no image, the headline will display)
- Project Description (2-4 sentences about the project)
- Link to read project details entry
### Page 3 - Blog
1. Heading
2. List of 6-8 blog posts
- Blog title
- Blog post publish date
- Blog post tags
- Pagination navigation links
3. Archive blog posts drop down selectable by month
### Page 4 - Contact
1. Headline
2. Email contact form
3. Follow us on social media subheading and icons with links to social media pages