124
got centerpiece? so does everyone else (2013 edition) michael fienen - @fienen - nucloud.com - #gotcenterpiece

Got centerpiece? (#hewebar 2013 edition)

Embed Size (px)

DESCRIPTION

Higher ed has a problem with its websites. Many of us are past that first big hump of "The Millennial Redesign." We've plopped down money on a shiny new CMS. Our design is hip and groovy. But an issue snuck in when we weren't looking. Centerpieces have become a staple component of the ever important home page. The problem is that they have homogenized us. We're all doing it, and we're all doing it the same, and pretty much everyone does it badly. This presentation will look at a number of sites and their centerpieces, look at common themes, address why our current trend is a problem, and make suggestions as to where we can go and what we can do to stand out and differentiate ourselves.

Citation preview

Page 1: Got centerpiece? (#hewebar 2013 edition)

got centerpiece?so does everyone else

(2013 edition)

michael fienen - @fienen - nucloud.com - #gotcenterpiece

Page 2: Got centerpiece? (#hewebar 2013 edition)

[ we suck ]

Page 3: Got centerpiece? (#hewebar 2013 edition)

3

Page 4: Got centerpiece? (#hewebar 2013 edition)

[ inspire ]

Page 5: Got centerpiece? (#hewebar 2013 edition)

[ motivate ]

Page 6: Got centerpiece? (#hewebar 2013 edition)

[ innovate ]

Page 7: Got centerpiece? (#hewebar 2013 edition)
Page 8: Got centerpiece? (#hewebar 2013 edition)
Page 9: Got centerpiece? (#hewebar 2013 edition)
Page 10: Got centerpiece? (#hewebar 2013 edition)
Page 11: Got centerpiece? (#hewebar 2013 edition)
Page 12: Got centerpiece? (#hewebar 2013 edition)
Page 13: Got centerpiece? (#hewebar 2013 edition)
Page 14: Got centerpiece? (#hewebar 2013 edition)
Page 15: Got centerpiece? (#hewebar 2013 edition)

[ differently ]

Page 16: Got centerpiece? (#hewebar 2013 edition)
Page 17: Got centerpiece? (#hewebar 2013 edition)
Page 18: Got centerpiece? (#hewebar 2013 edition)
Page 19: Got centerpiece? (#hewebar 2013 edition)

JULY 26FRIDAY

2013

Page 20: Got centerpiece? (#hewebar 2013 edition)
Page 21: Got centerpiece? (#hewebar 2013 edition)
Page 22: Got centerpiece? (#hewebar 2013 edition)

[ branding standards ]

Page 23: Got centerpiece? (#hewebar 2013 edition)

[ marketing identity ]

Page 24: Got centerpiece? (#hewebar 2013 edition)
Page 25: Got centerpiece? (#hewebar 2013 edition)
Page 26: Got centerpiece? (#hewebar 2013 edition)

[ THE REDESIGN ]

Page 27: Got centerpiece? (#hewebar 2013 edition)

[ >1200 sites redesigned ]

Page 28: Got centerpiece? (#hewebar 2013 edition)

[ routine ]

Page 29: Got centerpiece? (#hewebar 2013 edition)

[ normalize ]

Page 30: Got centerpiece? (#hewebar 2013 edition)

[ dilution ]

Page 31: Got centerpiece? (#hewebar 2013 edition)
Page 32: Got centerpiece? (#hewebar 2013 edition)
Page 33: Got centerpiece? (#hewebar 2013 edition)

[ jQuery, Prototype, Dojo ]

Page 34: Got centerpiece? (#hewebar 2013 edition)

[ Foundation, Bootstrap, 960gs ]

Page 35: Got centerpiece? (#hewebar 2013 edition)

[ Content Management Systems ]

Page 36: Got centerpiece? (#hewebar 2013 edition)
Page 37: Got centerpiece? (#hewebar 2013 edition)

[ collaboration ]

Page 38: Got centerpiece? (#hewebar 2013 edition)
Page 39: Got centerpiece? (#hewebar 2013 edition)
Page 40: Got centerpiece? (#hewebar 2013 edition)

[ your homepage ]

Page 41: Got centerpiece? (#hewebar 2013 edition)
Page 42: Got centerpiece? (#hewebar 2013 edition)

[ One Big Question ]™

Page 43: Got centerpiece? (#hewebar 2013 edition)

[ HOW? ]

Page 44: Got centerpiece? (#hewebar 2013 edition)
Page 45: Got centerpiece? (#hewebar 2013 edition)
Page 46: Got centerpiece? (#hewebar 2013 edition)
Page 47: Got centerpiece? (#hewebar 2013 edition)
Page 48: Got centerpiece? (#hewebar 2013 edition)
Page 49: Got centerpiece? (#hewebar 2013 edition)
Page 50: Got centerpiece? (#hewebar 2013 edition)
Page 51: Got centerpiece? (#hewebar 2013 edition)
Page 52: Got centerpiece? (#hewebar 2013 edition)
Page 53: Got centerpiece? (#hewebar 2013 edition)
Page 54: Got centerpiece? (#hewebar 2013 edition)
Page 55: Got centerpiece? (#hewebar 2013 edition)
Page 56: Got centerpiece? (#hewebar 2013 edition)
Page 57: Got centerpiece? (#hewebar 2013 edition)
Page 58: Got centerpiece? (#hewebar 2013 edition)
Page 59: Got centerpiece? (#hewebar 2013 edition)

[ notice anything? ]

Page 60: Got centerpiece? (#hewebar 2013 edition)

[ well done ]

Page 61: Got centerpiece? (#hewebar 2013 edition)

[ pretty ]

Page 62: Got centerpiece? (#hewebar 2013 edition)

[ no #girlsundertrees ]

Page 63: Got centerpiece? (#hewebar 2013 edition)
Page 64: Got centerpiece? (#hewebar 2013 edition)
Page 65: Got centerpiece? (#hewebar 2013 edition)

[ no innovation ]

Page 66: Got centerpiece? (#hewebar 2013 edition)

[ 4 categories ]

Page 67: Got centerpiece? (#hewebar 2013 edition)

[ visual ]

Page 68: Got centerpiece? (#hewebar 2013 edition)
Page 69: Got centerpiece? (#hewebar 2013 edition)

[ storyteller ]

Page 70: Got centerpiece? (#hewebar 2013 edition)
Page 71: Got centerpiece? (#hewebar 2013 edition)

[ informational ]

Page 72: Got centerpiece? (#hewebar 2013 edition)
Page 73: Got centerpiece? (#hewebar 2013 edition)

[ one thing in common ]

Page 74: Got centerpiece? (#hewebar 2013 edition)

[ 8th Deadly Sin ]

Page 75: Got centerpiece? (#hewebar 2013 edition)

[ transactional ]

Page 76: Got centerpiece? (#hewebar 2013 edition)
Page 77: Got centerpiece? (#hewebar 2013 edition)
Page 78: Got centerpiece? (#hewebar 2013 edition)
Page 79: Got centerpiece? (#hewebar 2013 edition)
Page 80: Got centerpiece? (#hewebar 2013 edition)
Page 81: Got centerpiece? (#hewebar 2013 edition)

[ utility ]

Page 82: Got centerpiece? (#hewebar 2013 edition)
Page 83: Got centerpiece? (#hewebar 2013 edition)

[ a 5th category? ]

Page 84: Got centerpiece? (#hewebar 2013 edition)

[ lost puppy ]

Page 85: Got centerpiece? (#hewebar 2013 edition)
Page 86: Got centerpiece? (#hewebar 2013 edition)

[ boring stat time ]

Page 87: Got centerpiece? (#hewebar 2013 edition)

[ .4% clickthrough ]

Page 88: Got centerpiece? (#hewebar 2013 edition)

[ 79% can track... ]

Page 89: Got centerpiece? (#hewebar 2013 edition)

[ ...only 26% do ]

Page 90: Got centerpiece? (#hewebar 2013 edition)

[ Marketing + PR/Comm = 89% ]

Page 91: Got centerpiece? (#hewebar 2013 edition)

[ ROI ]

Page 92: Got centerpiece? (#hewebar 2013 edition)

[ Relying On Insignificance ]

Page 93: Got centerpiece? (#hewebar 2013 edition)
Page 94: Got centerpiece? (#hewebar 2013 edition)

1%

Page 95: Got centerpiece? (#hewebar 2013 edition)

http://bit.ly/gotcenterpiece

Page 96: Got centerpiece? (#hewebar 2013 edition)

[ raise your hand ]

Page 97: Got centerpiece? (#hewebar 2013 edition)

Jakob Nielsen

"Most important, because it moves, users automatically assume

that it might be an advertisement, which makes them

more likely to ignore it."

Page 98: Got centerpiece? (#hewebar 2013 edition)

[ effort ]

Page 99: Got centerpiece? (#hewebar 2013 edition)
Page 100: Got centerpiece? (#hewebar 2013 edition)

[ SMSU.edu ]

Page 101: Got centerpiece? (#hewebar 2013 edition)

[ best overall site ]

Page 102: Got centerpiece? (#hewebar 2013 edition)

[ people's choice best homepage ]

Page 103: Got centerpiece? (#hewebar 2013 edition)

[ best redesign ]

Page 104: Got centerpiece? (#hewebar 2013 edition)

[ best visual design ]

Page 105: Got centerpiece? (#hewebar 2013 edition)
Page 106: Got centerpiece? (#hewebar 2013 edition)

[ magic sauce ]

Page 107: Got centerpiece? (#hewebar 2013 edition)
Page 108: Got centerpiece? (#hewebar 2013 edition)

[ calls to action ]

Page 109: Got centerpiece? (#hewebar 2013 edition)

[ engage ]

Page 110: Got centerpiece? (#hewebar 2013 edition)

[ verbs ]

Page 111: Got centerpiece? (#hewebar 2013 edition)

[ commands ]

Page 112: Got centerpiece? (#hewebar 2013 edition)
Page 113: Got centerpiece? (#hewebar 2013 edition)
Page 114: Got centerpiece? (#hewebar 2013 edition)

[ symptom ]

Page 115: Got centerpiece? (#hewebar 2013 edition)
Page 116: Got centerpiece? (#hewebar 2013 edition)

[ measure ]

Page 117: Got centerpiece? (#hewebar 2013 edition)

[ goals ]

Page 118: Got centerpiece? (#hewebar 2013 edition)
Page 119: Got centerpiece? (#hewebar 2013 edition)
Page 120: Got centerpiece? (#hewebar 2013 edition)

[ old conventions ]

Page 121: Got centerpiece? (#hewebar 2013 edition)

[ new standards ]

Page 122: Got centerpiece? (#hewebar 2013 edition)

[ first impressions ]

Page 123: Got centerpiece? (#hewebar 2013 edition)
Page 124: Got centerpiece? (#hewebar 2013 edition)

[ I THANK YOUR FACE HOLES ]@fienen - #gotcenterpiecehttp://bit.ly/gotcenterpiece