iterative design101 #psuweb 2014

20
Iterative Design 101 Penn State Web Conference - 2014 Developme nt

Upload: shelley-keith

Post on 11-Aug-2014

2.008 views

Category:

Design


32 download

Tags:

DESCRIPTION

The web is this magical place where everyone has opinions on what isn't working and why. The call for website (and, let's face it, primarily homepage) redesigns comes from all sides at the most inopportune times. Instead of embarking on a massive project where scope creep and HIPPO's will eat your soul, start making small, goal-oriented, data-driven changes to content and IA. The results may surprise even the most vocal of HIPPO's.

TRANSCRIPT

Page 1: Iterative Design101 #psuweb 2014

Iterative Design 101

Penn State Web Conference - 2014

Development

Page 2: Iterative Design101 #psuweb 2014

@shelleykeithDirector of Digital CommunicationsUniversity of Mary Washington

o10 years .eduoSmall biz ecommerceoProject managementoStrategeryoProcess and purposeoMe <> designer

Page 3: Iterative Design101 #psuweb 2014

HiPPO: a definition

Highest Paid Person’s Opinion

Page 4: Iterative Design101 #psuweb 2014

Low Hanging Fruit

oFitness for useo navigationo contento relevant imagery

o10-second testoSearch engine friendlyoAnecdotal feedback, user tests, analyticsoF-pattern

Page 5: Iterative Design101 #psuweb 2014

F-Pattern Test

Page 6: Iterative Design101 #psuweb 2014

Let’s talk iteration

Page 7: Iterative Design101 #psuweb 2014

Undergraduate Admissions

Page 8: Iterative Design101 #psuweb 2014

Admissions Landing Page – 1st iteration

Page 9: Iterative Design101 #psuweb 2014

Iterative Design – 2nd iteration

Page 10: Iterative Design101 #psuweb 2014

Iterative Design – iteration 3

Page 11: Iterative Design101 #psuweb 2014

Iterative Design - Now we're getting somewhere

Page 12: Iterative Design101 #psuweb 2014

Another Iteration.

Page 13: Iterative Design101 #psuweb 2014

“You can’t predict what the final result is going to be. You can only make small course corrections. The “final” thing is the result of the process.”

– Lori Packer (@loripa)

Page 14: Iterative Design101 #psuweb 2014

Always Be Iterating

Page 15: Iterative Design101 #psuweb 2014

Helpful Links. LOLZ.

Page 16: Iterative Design101 #psuweb 2014

“Helpful” Links. Realz.

Page 17: Iterative Design101 #psuweb 2014

Actually helpful.

Page 18: Iterative Design101 #psuweb 2014

My Thought Process…

o The web is your largest, most utilized and most versatile communications tool.

o Use the resources you have to gain maximum value.o Blogs, social media, student generated content,

campus event coverage, traditional media coverage, etc.

o Content, content, content.

Page 19: Iterative Design101 #psuweb 2014

Working with HiPPOs.

oFocus on measurable goals. Define success. Evaluate constantly.

oUse your data. Promote your wins. Build capital. Be the expert.

Page 20: Iterative Design101 #psuweb 2014

Questions?