Embed Size (px)
Citation preview
Fix Your WebsitePRESENTED BY:Barbara Button
Web CoordinatorUniversity Marketing
Three steps to
UNIVERSITY OF WISCONSIN-STOUTInspiring Innovation. Learn more at www.uwstout.edu
UNIVERSITY OF WISCONSIN-STOUTInspiring Innovation. Learn more at www.uwstout.edu
Is it broken?
UNIVERSITY OF WISCONSIN-STOUTInspiring Innovation. Learn more at www.uwstout.edu
Depends on who’s looking
UNIVERSITY OF WISCONSIN-STOUTInspiring 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-STOUTInspiring Innovation. Learn more at www.uwstout.edu
Right?
UNIVERSITY OF WISCONSIN-STOUTInspiring Innovation. Learn more at www.uwstout.edu
Three steps:
Who? What? How?
UNIVERSITY OF WISCONSIN-STOUTInspiring 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-STOUTInspiring Innovation. Learn more at www.uwstout.edu
What are they looking for?Concrete• a form• a date• a process• a picture• a story• an outcome• data
Intangible• Satisfaction• An outcome• Connection• Sense of
belonging• Interaction
UNIVERSITY OF WISCONSIN-STOUTInspiring Innovation. Learn more at www.uwstout.edu
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-STOUTInspiring Innovation. Learn more at www.uwstout.edu
In-page analytics
UNIVERSITY OF WISCONSIN-STOUTInspiring 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-STOUTInspiring 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-STOUTInspiring Innovation. Learn more at www.uwstout.edu
UNIVERSITY OF WISCONSIN-STOUTInspiring 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-STOUTInspiring Innovation. Learn more at www.uwstout.edu
Questions?
