usability results and design reveal - university of san...

53
Usability Results and Design Reveal COLLEGE of ARTS AND SCIENCES

Upload: others

Post on 20-Jun-2020

2 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Usability Results and Design Reveal - University of San Diegocatcher.sandiego.edu/items/usd/cas-keynote-design-reveal.pdf · presentation #1 - redesign kick-off create design elements

Usability Results and Design RevealCOLLEGE of ARTS AND SCIENCES

Page 2: Usability Results and Design Reveal - University of San Diegocatcher.sandiego.edu/items/usd/cas-keynote-design-reveal.pdf · presentation #1 - redesign kick-off create design elements

Recap

Progress

Usability Results

Design Reveal

New Features

Next Steps

Presentation Overview

Page 3: Usability Results and Design Reveal - University of San Diegocatcher.sandiego.edu/items/usd/cas-keynote-design-reveal.pdf · presentation #1 - redesign kick-off create design elements

• Audience-Focused

• Well-Balanced Education

• Research and Scholarships

• Strong Relationships

• Student Outcomes

Project Goals

Page 4: Usability Results and Design Reveal - University of San Diegocatcher.sandiego.edu/items/usd/cas-keynote-design-reveal.pdf · presentation #1 - redesign kick-off create design elements

Target Audience

Content Focus

Donors, Alumni and Community

Prospective and Undeclared Students

Current Students, Faculty and Staff

Industry Partners and Hiring Corporations

Page 5: Usability Results and Design Reveal - University of San Diegocatcher.sandiego.edu/items/usd/cas-keynote-design-reveal.pdf · presentation #1 - redesign kick-off create design elements

• Modules, links and shortcuts

• Clearly defined benefits for students

• Highlight department personality

• Be consistent, yet flexible

Content Objectives

Page 6: Usability Results and Design Reveal - University of San Diegocatcher.sandiego.edu/items/usd/cas-keynote-design-reveal.pdf · presentation #1 - redesign kick-off create design elements

Progress

Page 7: Usability Results and Design Reveal - University of San Diegocatcher.sandiego.edu/items/usd/cas-keynote-design-reveal.pdf · presentation #1 - redesign kick-off create design elements

Research and Discovery

REVIEW STRATEGIC VISION AND DIRECTIONESTABLISH CORE MESSAGING PRIORITIES

WRITE USER STORIES AND PERSONAS

DEVELOP PROTOTYPE FOR USER TESTINGCOORDINATE WITH ADMISSIONS FOR CAMPUS TOUR DATES

INTERVIEW PROSPECTIVE STUDENTS AND FAMILIESREBUILD AND RETEST PROTOTYPES

REVIEW PEER AND ASPIRATIONAL SCHOOLSCONDUCT FOCUS GROUPS AND INTERVIEWS

SURVEY VARIOUS AUDIENCES TO ESTABLISH BASELINE

ALIGN SCHOOL GOALS WITH UNIVERSITY MESSAGING

ANALYZE SITE USAGE, TRAFFIC, BOUNCE RATES AND DEMOGRAPHICSREVIEW HEATMAPPING SOFT WARE FOR USER ENGAGEMENT

COMPILE EXTERNAL AND INTERNAL RESEARCH RESULTS

Thanksgiving Break

FINALIZE WEB STANDARDS AND FRAMEWORK

Christmas Break

Content Audit and Site Structure

Design Sprints

Usability and Testing

PRESENTATION #1 - REDESIGN KICK-OFF

CREATE DESIGN ELEMENTS AND STYLE TILEBUILD WIREFRAMES AND SHELL

PRESENTATION #2 - SITE STRUCTURE/STYLE TILES

FIRST DRAFT COMPLETE

LOCK CONTENT FOR MIGRATION

SEND USABILITY SURVEY TO PROSPECTIVE AND CURRENT STUDENTSCOMPILE FINAL USABILITY RESULTS PRESENTATION #3 - USABILITY RESULTS AND DESIGN REVEALMYPOSTINGS MIGRATIONThanksgiving Break

DEPARTMENT MEETINGSPHOTOGRAPHY AND MEDIA SOURCINGFORM BUILDING AND TESTINGChristmas Break

Content Migration

CROSS-BROWSER/DEVICE TESTING AND VALIDATIONMAIN SITE AND DEPARTMENT SITE LAUNCHES

ESTABLISH BACKLOG OF PROGRAMMING NEEDS

CONTENT AUDIT AND WRITING COMPLETE

BUILD IN CASCADE CMSFINALIZE CONTENT IMPORT SCRIPT

Beta Testing and Launches

2014 SEP

2015 JAN

2016 JAN

OCT

NOV

DEC

FEB

MAR

APR

MAY

JUN

JUL

AUG

SEP

OCT

NOV

DEC

FEB

ALIGN DATA ANALYSIS, CORE MESSAGING AND PROJECT GOALSAUDIT EXISTING WEBSITE ARCHITECTUREBUILD HIGH-LEVEL CONTENT AND NAVIGATION STRUCTURE

DEVELOP FEATURE REQUESTS AND PRIORITIESPERFORM GAP ANALYSIS FOR CONTENT NEEDED

SET UP CONTENT AGGREGATION SYSTEMIMPORT EXISTING SITE ARCHITECTURE

INFORMATION ARCHITECTURE COMPLETE

ESTABLISH MAIN SITE CONTENT AND COMPONENTS/FEATURES

Development and Programming

Training and Documentation

PROVIDE ACCESS TO CAS MAINTAINERSANNOUNCE LAUNCH TO INTERNAL AND EXTERNAL AUDIENCESIDENTIFY AND DEFINE FEATURE BACKLOG FOR PHASE 2ACTIVATE HEATMAP SOFT WARE

Post-Launch

Page 8: Usability Results and Design Reveal - University of San Diegocatcher.sandiego.edu/items/usd/cas-keynote-design-reveal.pdf · presentation #1 - redesign kick-off create design elements

Usability Study

Page 9: Usability Results and Design Reveal - University of San Diegocatcher.sandiego.edu/items/usd/cas-keynote-design-reveal.pdf · presentation #1 - redesign kick-off create design elements

User Stories

I love exploring the world and writing all about my travels. My parents want me to find a major that ensures I receive a well-rounded education and gain practical experience before I graduate.

– Mary

Mary

STATUS

First-Year USD Student INTERESTS

Writing, Journalism, Traveling ANTICIPATED GRADUATION

Spring 2020

Page 10: Usability Results and Design Reveal - University of San Diegocatcher.sandiego.edu/items/usd/cas-keynote-design-reveal.pdf · presentation #1 - redesign kick-off create design elements

User Stories

Johnny

STATUS

High School, Senior INTERESTS

Unknown ANTICIPATED GRADUATION

Unknown

I received a college scholarship and will be attending USD next year! But does that mean I have to pick a major now? I don’t even know what I want to do yet.

– Johnny

Page 11: Usability Results and Design Reveal - University of San Diegocatcher.sandiego.edu/items/usd/cas-keynote-design-reveal.pdf · presentation #1 - redesign kick-off create design elements

User Path

What is the College of Arts and Sciences?

What does the College offer?

Is this right for me?

Page 12: Usability Results and Design Reveal - University of San Diegocatcher.sandiego.edu/items/usd/cas-keynote-design-reveal.pdf · presentation #1 - redesign kick-off create design elements

What 3 things help you find out if the College is right for you?

What is important when selecting a major/program?

How would you apply to the College?

In-Person Testing

100+PROSPECTIVE STUDENTS

AND THEIR FAMILIES

Page 13: Usability Results and Design Reveal - University of San Diegocatcher.sandiego.edu/items/usd/cas-keynote-design-reveal.pdf · presentation #1 - redesign kick-off create design elements

In-Person Testing Results

Career / Professional Outcomes

Campus Life and Experiences Success Stories

Class Sizes Student-to-Faculty Ratio Opportunities

Page 14: Usability Results and Design Reveal - University of San Diegocatcher.sandiego.edu/items/usd/cas-keynote-design-reveal.pdf · presentation #1 - redesign kick-off create design elements

Follow Up Surveys

What would you tap on to find out if the College is right for you?

Would you be interested in success stories? Social media?

Does this accurately portray your experience at the College?

≈1KPROSPECTIVE AND

CURRENT STUDENTS

Page 15: Usability Results and Design Reveal - University of San Diegocatcher.sandiego.edu/items/usd/cas-keynote-design-reveal.pdf · presentation #1 - redesign kick-off create design elements

Survey Results

2 31

Program Information

About the College

Student Opportunities

Page 16: Usability Results and Design Reveal - University of San Diegocatcher.sandiego.edu/items/usd/cas-keynote-design-reveal.pdf · presentation #1 - redesign kick-off create design elements

• Easy to navigate and understand

• Majors/minors are centrally placed

• Gives a sense of excitement and awe

• Warm and inviting

• Geared towards prospective students more than before

• Positive reflection of student interaction

Likes

Page 17: Usability Results and Design Reveal - University of San Diegocatcher.sandiego.edu/items/usd/cas-keynote-design-reveal.pdf · presentation #1 - redesign kick-off create design elements

• Looking to feel connected to CAS

• Interested in labs, artwork and research projects

• Difficult to portray experience because the College is so diverse

Insights

Page 18: Usability Results and Design Reveal - University of San Diegocatcher.sandiego.edu/items/usd/cas-keynote-design-reveal.pdf · presentation #1 - redesign kick-off create design elements

Design Reveal

Page 19: Usability Results and Design Reveal - University of San Diegocatcher.sandiego.edu/items/usd/cas-keynote-design-reveal.pdf · presentation #1 - redesign kick-off create design elements

Mobile

Page 20: Usability Results and Design Reveal - University of San Diegocatcher.sandiego.edu/items/usd/cas-keynote-design-reveal.pdf · presentation #1 - redesign kick-off create design elements

Mobile

Page 21: Usability Results and Design Reveal - University of San Diegocatcher.sandiego.edu/items/usd/cas-keynote-design-reveal.pdf · presentation #1 - redesign kick-off create design elements

Mobile

Page 22: Usability Results and Design Reveal - University of San Diegocatcher.sandiego.edu/items/usd/cas-keynote-design-reveal.pdf · presentation #1 - redesign kick-off create design elements

Mobile

Page 23: Usability Results and Design Reveal - University of San Diegocatcher.sandiego.edu/items/usd/cas-keynote-design-reveal.pdf · presentation #1 - redesign kick-off create design elements

Mobile

Page 24: Usability Results and Design Reveal - University of San Diegocatcher.sandiego.edu/items/usd/cas-keynote-design-reveal.pdf · presentation #1 - redesign kick-off create design elements

Mobile

Page 25: Usability Results and Design Reveal - University of San Diegocatcher.sandiego.edu/items/usd/cas-keynote-design-reveal.pdf · presentation #1 - redesign kick-off create design elements

Mobile

Page 26: Usability Results and Design Reveal - University of San Diegocatcher.sandiego.edu/items/usd/cas-keynote-design-reveal.pdf · presentation #1 - redesign kick-off create design elements

Mobile

Page 27: Usability Results and Design Reveal - University of San Diegocatcher.sandiego.edu/items/usd/cas-keynote-design-reveal.pdf · presentation #1 - redesign kick-off create design elements

Mobile

Page 28: Usability Results and Design Reveal - University of San Diegocatcher.sandiego.edu/items/usd/cas-keynote-design-reveal.pdf · presentation #1 - redesign kick-off create design elements

Desktop

Page 29: Usability Results and Design Reveal - University of San Diegocatcher.sandiego.edu/items/usd/cas-keynote-design-reveal.pdf · presentation #1 - redesign kick-off create design elements

Desktop

Page 30: Usability Results and Design Reveal - University of San Diegocatcher.sandiego.edu/items/usd/cas-keynote-design-reveal.pdf · presentation #1 - redesign kick-off create design elements

Desktop

Page 31: Usability Results and Design Reveal - University of San Diegocatcher.sandiego.edu/items/usd/cas-keynote-design-reveal.pdf · presentation #1 - redesign kick-off create design elements

Desktop

Page 32: Usability Results and Design Reveal - University of San Diegocatcher.sandiego.edu/items/usd/cas-keynote-design-reveal.pdf · presentation #1 - redesign kick-off create design elements

Desktop

Page 33: Usability Results and Design Reveal - University of San Diegocatcher.sandiego.edu/items/usd/cas-keynote-design-reveal.pdf · presentation #1 - redesign kick-off create design elements

Desktop

Page 34: Usability Results and Design Reveal - University of San Diegocatcher.sandiego.edu/items/usd/cas-keynote-design-reveal.pdf · presentation #1 - redesign kick-off create design elements

Desktop

Page 35: Usability Results and Design Reveal - University of San Diegocatcher.sandiego.edu/items/usd/cas-keynote-design-reveal.pdf · presentation #1 - redesign kick-off create design elements

Desktop

Page 36: Usability Results and Design Reveal - University of San Diegocatcher.sandiego.edu/items/usd/cas-keynote-design-reveal.pdf · presentation #1 - redesign kick-off create design elements

Desktop

Page 37: Usability Results and Design Reveal - University of San Diegocatcher.sandiego.edu/items/usd/cas-keynote-design-reveal.pdf · presentation #1 - redesign kick-off create design elements

Desktop

Page 38: Usability Results and Design Reveal - University of San Diegocatcher.sandiego.edu/items/usd/cas-keynote-design-reveal.pdf · presentation #1 - redesign kick-off create design elements

Desktop

Page 39: Usability Results and Design Reveal - University of San Diegocatcher.sandiego.edu/items/usd/cas-keynote-design-reveal.pdf · presentation #1 - redesign kick-off create design elements

Before

Page 40: Usability Results and Design Reveal - University of San Diegocatcher.sandiego.edu/items/usd/cas-keynote-design-reveal.pdf · presentation #1 - redesign kick-off create design elements

After

Page 41: Usability Results and Design Reveal - University of San Diegocatcher.sandiego.edu/items/usd/cas-keynote-design-reveal.pdf · presentation #1 - redesign kick-off create design elements

New Features

Page 42: Usability Results and Design Reveal - University of San Diegocatcher.sandiego.edu/items/usd/cas-keynote-design-reveal.pdf · presentation #1 - redesign kick-off create design elements

Find Your Program

Filter by Degree Type

Link to all Programs

Randomized List of Programs

Page 43: Usability Results and Design Reveal - University of San Diegocatcher.sandiego.edu/items/usd/cas-keynote-design-reveal.pdf · presentation #1 - redesign kick-off create design elements

MyPostings

• Upgraded look and feel

• Performance optimization

• New post types (spotlight, announcement)

• More destinations

• CTA Button

Page 44: Usability Results and Design Reveal - University of San Diegocatcher.sandiego.edu/items/usd/cas-keynote-design-reveal.pdf · presentation #1 - redesign kick-off create design elements

Featured Post

Dynamic Filters

Back to PageNews Center

Page 45: Usability Results and Design Reveal - University of San Diegocatcher.sandiego.edu/items/usd/cas-keynote-design-reveal.pdf · presentation #1 - redesign kick-off create design elements

Events Calendar

Upcoming Featured Events

Featured Event

All Events

Filter by Department

New Categories

Page 46: Usability Results and Design Reveal - University of San Diegocatcher.sandiego.edu/items/usd/cas-keynote-design-reveal.pdf · presentation #1 - redesign kick-off create design elements

Success Stories

Faculty, Student or Alumni Stories

Page 47: Usability Results and Design Reveal - University of San Diegocatcher.sandiego.edu/items/usd/cas-keynote-design-reveal.pdf · presentation #1 - redesign kick-off create design elements

Course Bulletin

• Dynamic program, curriculum and course description pages

• Automated feed from online course catalog

Page 48: Usability Results and Design Reveal - University of San Diegocatcher.sandiego.edu/items/usd/cas-keynote-design-reveal.pdf · presentation #1 - redesign kick-off create design elements

Study Abroad

Categorized by Location

Page 49: Usability Results and Design Reveal - University of San Diegocatcher.sandiego.edu/items/usd/cas-keynote-design-reveal.pdf · presentation #1 - redesign kick-off create design elements

Study Abroad

Categorized by Program

Transactional Information via International Center

Page 50: Usability Results and Design Reveal - University of San Diegocatcher.sandiego.edu/items/usd/cas-keynote-design-reveal.pdf · presentation #1 - redesign kick-off create design elements

• Faculty Event Calendar

• Advising Resources

• Academic Assembly

• Internal Grant Applications

• Forms

Faculty and Staff Sub-Site

Page 51: Usability Results and Design Reveal - University of San Diegocatcher.sandiego.edu/items/usd/cas-keynote-design-reveal.pdf · presentation #1 - redesign kick-off create design elements

Next Steps

Page 52: Usability Results and Design Reveal - University of San Diegocatcher.sandiego.edu/items/usd/cas-keynote-design-reveal.pdf · presentation #1 - redesign kick-off create design elements

Department Meetings • Site Structure Improvements • Layout Recommendations • Analytics Review • MyPostings Features

Training and Documentation

Beta Testing and Launches

Upcoming Milestones

Page 53: Usability Results and Design Reveal - University of San Diegocatcher.sandiego.edu/items/usd/cas-keynote-design-reveal.pdf · presentation #1 - redesign kick-off create design elements

Thank You and Q&A

www.sandiego.edu/redesign [email protected]