90
21 HIGHER ED WEB BEST PRACTICES

21 tips for Higher Ed Website Design Projects

Embed Size (px)

DESCRIPTION

20 years of web design project management experience distilled in 21 tips in 45 minutes, with time for questions! Web content strategy. Team and stakeholder responsibilities. The purposes of design.

Citation preview

Page 1: 21 tips for Higher Ed Website Design Projects

21 HIGHER ED

WEB BEST PRACTICES

Page 2: 21 tips for Higher Ed Website Design Projects

JasonOnDesign.com

ABOUT YOU.

Page 3: 21 tips for Higher Ed Website Design Projects

JasonOnDesign.com

YOUR SUPERPOWER

CommunicatorProgrammerDesignerOther

Page 4: 21 tips for Higher Ed Website Design Projects

JasonOnDesign.com

REPRESENTING?Campus Web TeamHigh Traffic PageDepartmentVendor

Page 5: 21 tips for Higher Ed Website Design Projects

JasonOnDesign.com

ABOUT ME.

Page 6: 21 tips for Higher Ed Website Design Projects

BRANDINGDESIGNUSABILITYTECHNOLOGY

Page 7: 21 tips for Higher Ed Website Design Projects

JasonOnDesign.com

MY DREAM.

Page 8: 21 tips for Higher Ed Website Design Projects

JasonOnDesign.com

TIP 1 USE DRUPAL OR

WORDPRESS.

Page 9: 21 tips for Higher Ed Website Design Projects

JasonOnDesign.com

TECHNOLOGY IS NOT THE ISSUE.

Page 10: 21 tips for Higher Ed Website Design Projects

JasonOnDesign.com

Page 11: 21 tips for Higher Ed Website Design Projects
Page 12: 21 tips for Higher Ed Website Design Projects

JasonOnDesign.com

TIP 2 SET GOALS.

Page 13: 21 tips for Higher Ed Website Design Projects

JasonOnDesign.com

FEATURES AREN’T GOALS.

Page 14: 21 tips for Higher Ed Website Design Projects

JasonOnDesign.com

In the past [time frame] the [process name] has not been[business/customer issue] resulting in [very bad measurable thing].

Page 15: 21 tips for Higher Ed Website Design Projects

JasonOnDesign.com

In the past two years the number of site visits has not been fallingresulting in 20% less applicants.

Page 16: 21 tips for Higher Ed Website Design Projects

JasonOnDesign.com

TIP 3 STEAL.

Page 17: 21 tips for Higher Ed Website Design Projects

Good artists copy, great artists steal.- Pablo Picasso

Page 18: 21 tips for Higher Ed Website Design Projects

JasonOnDesign.com

TIP 4 TEST.

Page 19: 21 tips for Higher Ed Website Design Projects

JasonOnDesign.com

DON’T GUESS - TESTWhichTestWon.com

Page 20: 21 tips for Higher Ed Website Design Projects
Page 21: 21 tips for Higher Ed Website Design Projects
Page 22: 21 tips for Higher Ed Website Design Projects

JasonOnDesign.com

AND THE WINNER IS

no icons = 11% more conversions

Page 23: 21 tips for Higher Ed Website Design Projects
Page 24: 21 tips for Higher Ed Website Design Projects

source: whichtestwon.com

40% more “add to cart” clicks

Page 25: 21 tips for Higher Ed Website Design Projects
Page 26: 21 tips for Higher Ed Website Design Projects

+200% click-throughs+ 300% revenue11% more conversions

Page 27: 21 tips for Higher Ed Website Design Projects

JasonOnDesign.com

TIP 5 READ.

Page 28: 21 tips for Higher Ed Website Design Projects
Page 29: 21 tips for Higher Ed Website Design Projects

JasonOnDesign.com

TIP 6 AVOID BULLSHIT.Your content mantra.

Page 30: 21 tips for Higher Ed Website Design Projects

JasonOnDesign.com

Page 31: 21 tips for Higher Ed Website Design Projects

PHOTO BY BARRY YANOWITZ VIA FLICKR CREATIVE COMMONS.

Page 32: 21 tips for Higher Ed Website Design Projects

JasonOnDesign.com

TIP 7 TRUST STUDENTS.

Page 33: 21 tips for Higher Ed Website Design Projects

JasonOnDesign.com

Page 34: 21 tips for Higher Ed Website Design Projects

JasonOnDesign.com

TIP 8 EMBRACE THE BAD.

Page 35: 21 tips for Higher Ed Website Design Projects

JasonOnDesign.com

Bad reviews caused sales to rise, by an average of 45%.

Page 36: 21 tips for Higher Ed Website Design Projects

JasonOnDesign.com

TIP 9 BUILD A TEAM.

Page 37: 21 tips for Higher Ed Website Design Projects

JasonOnDesign.com

RIGHT PEOPLE.RIGHT QUESTIONS.

RIGHT TIME.

Page 38: 21 tips for Higher Ed Website Design Projects

JasonOnDesign.com

Stakeholder - Committed. (<2h)Visionaries - True North. (2-4h)Core Web Team - Everything. (???)Visual Identity Team - Cohesion. (<5h)Communicators - Content. Messaging. (???)Perspective - (<2h)

RIGHT TEAM

Page 39: 21 tips for Higher Ed Website Design Projects

JasonOnDesign.com

TIP 10 BE INCLUSIVE.(internally)

Page 40: 21 tips for Higher Ed Website Design Projects

JasonOnDesign.com

BE TRANSPARENT.

Page 41: 21 tips for Higher Ed Website Design Projects

JasonOnDesign.com

TIP 11 DON’T SETTLE.

Page 42: 21 tips for Higher Ed Website Design Projects

JasonOnDesign.com

MEH...

Page 43: 21 tips for Higher Ed Website Design Projects

JasonOnDesign.com

THIS IS THE STAKEHOLDER’S

FIRST JOB

Page 44: 21 tips for Higher Ed Website Design Projects

JasonOnDesign.com

TIP 12 WORKING MEETINGS ONLY.

Page 45: 21 tips for Higher Ed Website Design Projects

© 2011 Steve Krug© 2001 Steve Krug

Page 46: 21 tips for Higher Ed Website Design Projects

© 2011 Steve Krug© 2001 Steve Krug

Page 47: 21 tips for Higher Ed Website Design Projects

© 2011 Steve Krug© 2001 Steve Krug

Page 48: 21 tips for Higher Ed Website Design Projects

© 2011 Steve Krug© 2001 Steve Krug

Page 49: 21 tips for Higher Ed Website Design Projects

© 2011 Steve Krug© 2001 Steve Krug

Page 50: 21 tips for Higher Ed Website Design Projects

© 2011 Steve Krug© 2001 Steve Krug

Page 51: 21 tips for Higher Ed Website Design Projects

© 2011 Steve Krug© 2001 Steve Krug

Page 52: 21 tips for Higher Ed Website Design Projects

© 2011 Steve Krug© 2001 Steve Krug

Page 53: 21 tips for Higher Ed Website Design Projects

© 2011 Steve Krug© 2001 Steve Krug

Page 54: 21 tips for Higher Ed Website Design Projects

© 2011 Steve Krug© 2001 Steve Krug

Page 55: 21 tips for Higher Ed Website Design Projects

JasonOnDesign.com

ESCAPE PHRASES

• Let’s do a quick prototype.• What’s the worse that would happen?• I’ll add this to our next test.• Let’s ship with it and watch analytics.

Page 56: 21 tips for Higher Ed Website Design Projects

JasonOnDesign.com

TIP 13KNOW WHY USERS ARE ON

A GIVEN PAGE.

Page 57: 21 tips for Higher Ed Website Design Projects

JasonOnDesign.com

PORTALOR

DESTINATION

Page 58: 21 tips for Higher Ed Website Design Projects

JasonOnDesign.com

Get off

ShortNavigationBranding

PORTAL DESTINATIONGet to

Long is OKNext StepsInformation

Page 59: 21 tips for Higher Ed Website Design Projects

JasonOnDesign.com

A HOME PAGE IS A PORTAL PAGE.

Page 60: 21 tips for Higher Ed Website Design Projects

JasonOnDesign.com

TIP 14 WRITE A

“SHITTY FIRST DRAFT”.

Page 61: 21 tips for Higher Ed Website Design Projects

JasonOnDesign.com

SOURCE: Kevan Lee

Page 62: 21 tips for Higher Ed Website Design Projects

JasonOnDesign.com

Enter content the first day of the project.

Page 63: 21 tips for Higher Ed Website Design Projects

JasonOnDesign.com

FAIL EARLY.FAIL OFTEN.

Page 64: 21 tips for Higher Ed Website Design Projects

JasonOnDesign.com

TIP 15 USE YOUR OLD SITE!

Page 65: 21 tips for Higher Ed Website Design Projects

JasonOnDesign.com

Page 66: 21 tips for Higher Ed Website Design Projects

JasonOnDesign.com

IT SUCKS ANYWAY!

Page 67: 21 tips for Higher Ed Website Design Projects

JasonOnDesign.com

TIP 16 TEST EVERYTHING.

Page 68: 21 tips for Higher Ed Website Design Projects

JasonOnDesign.com

Join the Revolution.

Page 69: 21 tips for Higher Ed Website Design Projects

JasonOnDesign.com

Page 70: 21 tips for Higher Ed Website Design Projects

JasonOnDesign.com

Message # Negatives # Positives

Make a difference and do what you love 1 17

Build your own future. 3 13

Expand your world. 3 13

Explore our nationally acclaimed programs 3 13

Land a solid job. Do what you love. Make a difference. 2 11

Join the revolution! 6 12

Your employability, your passion, your world. 3 9

100% of our grads get hired in their field, right out of college 3 9

There’s more demand for our grads than we have grads 7 9

The degree that will launch your career 5 7

We have a world to offer 7 7

Land a high paying gig straight out of college 9 4

Page 71: 21 tips for Higher Ed Website Design Projects

JasonOnDesign.com

Page 72: 21 tips for Higher Ed Website Design Projects

ABOUT USGOOD DESIGN IS DESIGN WITH INTENT

TIP 17

Page 73: 21 tips for Higher Ed Website Design Projects

KNOW. FEEL. DO.

Page 74: 21 tips for Higher Ed Website Design Projects

JasonOnDesign.com

TIP 18 ONE MONTH.

Page 75: 21 tips for Higher Ed Website Design Projects

JasonOnDesign.com

I’m retiring.

I don’t like yellow.

I changed my mind.

We have a new product.

I’m so sick of this project.

Page 76: 21 tips for Higher Ed Website Design Projects

JasonOnDesign.com

TIP 19 BRAND MATTERS.

Page 77: 21 tips for Higher Ed Website Design Projects

JasonOnDesign.com

PAY ATTENTION• Which is targeted to women?• Which is for doctors only?• Which is the most popular?• Which is made by a $2b company?• Which is homegrown?

Page 78: 21 tips for Higher Ed Website Design Projects

A

Page 79: 21 tips for Higher Ed Website Design Projects

B

Page 80: 21 tips for Higher Ed Website Design Projects

C

Page 81: 21 tips for Higher Ed Website Design Projects

D

Page 82: 21 tips for Higher Ed Website Design Projects

E

Page 83: 21 tips for Higher Ed Website Design Projects

F

Page 84: 21 tips for Higher Ed Website Design Projects

G

Page 85: 21 tips for Higher Ed Website Design Projects

JasonOnDesign.com

WHO HAS A GUESS?• Which is targeted to women?• Which is for doctors only?• Which is the most popular?• Which is made by a $2b company?• Which is homegrown?

Page 86: 21 tips for Higher Ed Website Design Projects

JasonOnDesign.com

12 JUDGEMENT CALLSIn 7 seconds:• Money• Education• Interesting• Etc.

Page 87: 21 tips for Higher Ed Website Design Projects

JasonOnDesign.com

TIP 20 SPEED UP!

Page 88: 21 tips for Higher Ed Website Design Projects

JasonOnDesign.com

TIP 21 BELIEVE.

Page 89: 21 tips for Higher Ed Website Design Projects

JasonOnDesign.comSOURCE: KarenSLewis - Creative Commons.

Page 90: 21 tips for Higher Ed Website Design Projects

GravitySwitch.comJasonOnDesign.com

Thank You