4. says . . .
โUser experience is a
person's perceptions and
responses that result from
the use or anticipated use
of a product, system or
service.โ
6. says . . .
โContent strategy is the
practice of planning for
content creation, delivery,
and governance, and is a
repeatable system that
de๏ฌnes the entire editorial
content development
process for a website.โ
12. Information architecture
โInformation architecture is
really about what's not obvious.
Users don't notice the
information architecture of a site
unless it isn't working.โ
- Rosenfeld and Morville, Information Architecture
for the World Wide Web
13. โInstruction for organized spaceโ
Gathering, organizing and
presenting information to
suit your userโs needs is
analogous to designing a
building that will serve the
needs of its occupants.
From INFORMATION TECHNOLOGIES AND THE
INFORMATION PROFESSIONS,
R. E. Wyllys, University of Texas at Austin
15. Who cares about the
geography of the system?
All you need to know is the
sequence of the stations.
16. Great Wurman IA quotes
โMost
of the word information
contains the word inform, so
I call things information only
if they inform me, not if they
are just collections of
dataโฆ
โIf I
throw 140,000 words on
the ๏ฌoor and connect those
words with a sentence or two, we
wouldn't call that a dictionary...
The ability to ๏ฌnd something
goes hand-in-hand with how
well it's organized.โ
18. There are lots of ways to
organise information
โขL - by location
โขA - by alphabet
โขT - by time (chronology)
โขC - by category
โขH - by hierarchy
19. The web organises by the last 2
Category - putting relevant information together
Hierarchy - deciding what is least and most
important
20. Even if itโs organised perfectly,
if it isnโt labelled right, youโve
lost.
38. information architecture . . .
How well you organise your
information depends on how well
you know your information (i.e.
content).
If itโs not labelled well, it doesnโt
matter how you organised it, no
one will ๏ฌnd it.
49. What comes after wireframes?
A polished, ๏ฌnished site - thatโs
hard to change
That means the design decisions
you make in your wireframes will
directly affect the volume and
type of content youโll be able to add
in the future
55. What to do with boxes
They work best for image-heavy
pages with minimal text
They need to be ๏ฌuid
The content should dictate the
length and arrangement of the
boxes (and thatโs hard to do)
60. Expanding menu guidelines:
Pack a punch: your content has to
๏ฌt in a small area, so it needs to be
succinct.
Use white space around your
content
Donโt use expanding menus as
your main navigation
65. Tips for teasers and help text
Keep it short (sound familiar?) - people
wonโt read a long teaser.
Make it meaningful: all the reader needs
to know is
โขWhat they should do (help text)
โขWhat theyโll see on the next page
(teasers)
66. Design
You canโt design in a vacuum, the
content makes the design real
and functional (and grow-able)
70. Keywords
Often people will ๏ฌnd your site through
a search engine.
Analytics will tell you which words
they used to ๏ฌnd you (keywords)
71. You canโt cheat with keywords
Analytics tells you more . . .
Meaningless, jargon-y keywords wonโt
do your site any good -- because people
wonโt use your site once theyโve found
it
72. What does SEO mean?
Search
Engine
Optimisation
Effective SEO means relevant content
โOptimise for the searcher, not
the search engine. Focus on
your customers, not the
technology.โ
- Gerry McGovern (Jan 20,
2009
73. Traf๏ฌc sources
Analytics shows you the context for your
visitors: i.e. where they came from.
โข Search engines
โข Referring sites
โข Direct traf๏ฌc
All of these details help you get a
clearer picture of the humans
using your site
74. Funnels: this is a sales funnel for an
event. You can buy tickets online:
248 people start this funnel
Only 20 people check out
That sucks. We see that most people dropped out
between step 1 and step 2, so there is obviously a
problem with the ๏ฌrst page:
76. When you pick a day, a morning and afternoon
session is automatically ticked, which may be
the reason people left the page.
Automatically
ticked
To ๏ฌx it, add some help text
that says something like,
โWhen you select a day, you
pay for a morning and
afternoon session. If youโd
like to mix and match, give us
a call on 555-5555.โ
77. Internal site search
Look at what people are searching for on
which pages.
If thereโs a pattern, move that content to
where you users expect it to be.
79. Analysing content
Where are your users going?
What are your users doing?
How did your users get there?
80. Top content
Top content shows you your most popular
pages.
It also tells you:
โข The bounce rate
โข The percentage exit
81. Top content by title
Top content by title shows you your most popular
page titles.
The difference?
Speci๏ฌcity
The bounce rates are de๏ฌnitive proof that your page
titles and links that got them there work (or donโt).
82. Top content by section
โContent drilldownโ shows you your most popular
sections.
You can use this information to tweak your information
architecture.
85. Pop quiz
The intro text on one of your pages looks like this:
Your analytics tells you
that you have a
signi๏ฌcant traf๏ฌc
coming from non-
English speaking
countries.
Would you change your
blurb text? How?
86. Pop quiz
Your analytics tells you that one of your most viewed
pages is a recipe for grilled chicken.
You know that most
people get to this page
from external search
engines, and that most
people leave the page
once they get there.
How would you ๏ฌx it?
87. Analytics
Analytics shows you how people
respond to your content -- and
how they donโt. It should be a tool
that helps you constantly update
your site.
89. User testing transport websites
Last year we ran an โoff the streetโ usability test
for World Usability Day
The theme of the day was transportation, so we
tested a series of airline, rail and public transport
sites.
90. Looking for the right word
These videos show people struggling to ๏ฌnd a
navigation label
91. This video shows a guy struggling to ๏ฌnd
the word โdestinations.โ It takes him a long
time.
92. What about design?
The next test shows how too much content on a page -
the result of poor layout and content planning - can
discourage a user from reading
93. This video shows a woman saying she only
wants โrelevant content.โ We love her.
I want less
information and I
want it to be
relevant
94. These are โquick and dirtyโ user
tests
All you need for your own user test:
โขImpartial users (not coworkers)
โขUser testing software (we use Silverback)
95.
96. But there are lots of others
Remote online
user testing
Desktop software
(we use this too)
97. Most basic user testing is
linguistic, or interview-based
Itโs an โask and listenโ solution to problems in your
websiteโs design
But sometimes the interviewer has to be almost
invisible - to get the answers the user isnโt aware of
98. What about sample size?
We tested sites with over 80
people for World Usability Day
But you can get reliable results
with as few as 5 users