Transcript
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


Top Related