Content is king
21
Content is King Rachel McCollin @rachelmccollin rachelmccollin.com
Transcript of Content is king
Rachel McCollin@rachelmccollin
Content is King?
Recent trends
Designing for content
Rachel McCollin@rachelmccollin
When you design a website, are you aiming for…
Rachel McCollin@rachelmccollin
this?
Rachel McCollin@rachelmccollin
this?
Rachel McCollin@rachelmccollin
maybe this?
Rachel McCollin@rachelmccollin
Or are you aiming for…
Rachel McCollin@rachelmccollin
this?
Rachel McCollin@rachelmccollin
this?
Rachel McCollin@rachelmccollin
or this?
Rachel McCollin@rachelmccollin
Which are the most successful?
Rachel McCollin@rachelmccollin
How has Content vs Design evolved?
Change in browsing habits
Devices
Rachel McCollin@rachelmccollin
Ask yourself:
What do people come to my site to do?
What do I want them to do?
What content will help the site meet these objectives?
How can the User Interface (UI) support the content?
How will the design support the content and UI?
How will I ensure accessibility and cross-device compatibility?
What purpose will my visuals serve?
Rachel McCollin@rachelmccollin
Objectives Come First
Know what your site needs to achieve:
for you
for your client
for the user
Rachel McCollin@rachelmccollin
Plan Content Before Design
Elements:
text
visuals (including video, sliders etc as well as still images)
interactions
Now and for the future
Rachel McCollin@rachelmccollin
Readability Without CSS
Rachel McCollin@rachelmccollin
The UI to Make Your Content Work
Interactions
Readability
Clickability
Accessibility
Text
Speed
Rachel McCollin@rachelmccollin
Screen Size (don’t rely on it)
Rachel McCollin@rachelmccollin
Accessibility and SEO
Screen readers
Google's spiders
Happy readers = good SEO
Rachel McCollin@rachelmccollin
Visuals Should Do A Job
"Users pay close attention to photos and other images that contain relevant information but ignore fluffy pictures used to "jazz up" Web pages."
Jakob Nielsen
http://www.nngroup.com/articles/photos-as-web-content/
Rachel McCollin@rachelmccollin
To Summarise:
Chuck out the chintz!
Think Objectives -> Content -> UI -> Design
