Three steps to
Fix Your Website
PRESENTED BY:
Barbara Button
Web Coordinator
University Marketing
UNIVERSITY OF WISCONSIN-STOUT
Inspiring Innovation. Learn more at www.uwstout.edu
Is it broken?
UNIVERSITY OF WISCONSIN-STOUT
Inspiring Innovation. Learn more at www.uwstout.edu
Depends on who’s looking
UNIVERSITY OF WISCONSIN-STOUT
Inspiring Innovation. Learn more at www.uwstout.edu
Mobile devices are changing
everything:
• Screen size is now unknown
• Decisions can’t be made based on any one size
• The only thing we do know is our content
UNIVERSITY OF WISCONSIN-STOUT
Inspiring Innovation. Learn more at www.uwstout.edu
UNIVERSITY OF WISCONSIN-STOUT
Inspiring Innovation. Learn more at www.uwstout.edu
Three steps:
Who? What? How?
UNIVERSITY OF WISCONSIN-STOUT
Inspiring Innovation. Learn more at www.uwstout.edu
Who needs your content?
• Identify everyone you can think of
• Why do they come to your site?
• What do they do when they get there?
(Look at your data; in-page analytics)
UNIVERSITY OF WISCONSIN-STOUT
Inspiring Innovation. Learn more at www.uwstout.edu
What are they looking for?
Concrete
Intangible
•
•
•
•
•
•
•
•
•
•
•
a form
a date
a process
a picture
a story
an outcome
data
UNIVERSITY OF WISCONSIN-STOUT
Inspiring Innovation. Learn more at www.uwstout.edu
Satisfaction
An outcome
Connection
Sense of
belonging
• Interaction
How’s your delivery?
• The mobile / static “flip” starts now
• Remove (or bury more deeply) content that is
meaningless for your audience
• Be more visual
• Eliminate extra words
• Eliminate gratuitous imagery
• Make it scanable, in an orderly hierarchy
• Use your in-page analytics to prioritize links
UNIVERSITY OF WISCONSIN-STOUT
Inspiring Innovation. Learn more at www.uwstout.edu
In-page analytics
UNIVERSITY OF WISCONSIN-STOUT
Inspiring Innovation. Learn more at www.uwstout.edu
Responsive design
Insert paragraph text here…Insert paragraph text here…
Insert paragraph text here…Insert paragraph text here…
Insert paragraph text here…Insert paragraph text here…
Insert paragraph text here…Insert paragraph text here…
Insert paragraph text here…
Insert paragraph text here…Insert paragraph text here…
Insert paragraph text here…Insert paragraph text here…
Insert paragraph text here…Insert paragraph text here…
Insert paragraph text here…
UNIVERSITY OF WISCONSIN-STOUT
Inspiring Innovation. Learn more at www.uwstout.edu
How to get ready for responsive design:
• Stop building for just one platform, or we’ll be chasing
devices forever
– You: Chunks, pieces and parts (RSS feeds, individual elements in CS,
individual images)
– Organization: more display options for individual elements
• Pay attention to the infrastructure of your site
(organize)
• Think about bandwidth and load time (again)
UNIVERSITY OF WISCONSIN-STOUT
Inspiring Innovation. Learn more at www.uwstout.edu
UNIVERSITY OF WISCONSIN-STOUT
Inspiring Innovation. Learn more at www.uwstout.edu
There’s always more we can do:
• Just “sticking it on the website” doesn’t work anymore
• Your content needs to serve both your users, and your
own goals
• Review. Revise. Repeat. (Base it on user data)
• Develop an internal system
UNIVERSITY OF WISCONSIN-STOUT
Inspiring Innovation. Learn more at www.uwstout.edu
Questions?
webmaster@uwstout.edu
UNIVERSITY OF WISCONSIN-STOUT
Inspiring Innovation. Learn more at www.uwstout.edu