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?

webmaster@uwstout.edu