IPS Usability Inspection Report - Presentation

8/7/2019 IPS Usability Inspection Report - Presentation

1/40

USABILITY

INSPECTION

REPORT

INDIANAPOLIS PUBLIC SCHOOL


2/40

TEAM 2

Steven Entezari

Hai Dan Huang

Jay Wheeler


3/40

INTRODUCTION TO

IPSIndianapolis Public School System (IPS) Corporationinformational website

Purpose: Communication

News

Event

Educational related information

Primary stakeholders

Parent Staff

Potential Job Seeker

Casual User


4/40

PRESENTATION

OF APPLICATION


5/40

PRESENTATION OF

APPLICATION (I)


6/40

PRESENTATION OF

APPLICATION (II)


7/40

PRESENTATION OF

APPLICATION (III)


8/40

PRESENTATION OF

APPLICATION (IV & V)


9/40

SUMMARIZATION OF

THE FINDINGSContent and Information Architecture

Rich Content with Poor Structure

Inconsistency in Formatting

Overall Site Structure and Depth

Navigation

Deep and Wide

Lack Backward Navigation

Irrelevant Links

No External Redirect Alerts

Presentation & Semiotics

Inconsistent Sub-Site Presentation

Mislabeled Pages

Inconsistent Formatting


10/40

INSPECTION

METHODS General Process ofInspection:

Informal InterviewInformal Interview

Create Profiles of KeyStakeholdersCreate Profiles of KeyStakeholders

Scenario-Based EvaluationScenario-Based Evaluation

Heuristic InspectionHeuristic InspectionLibrary: MILE+, Nielsen heuristics


11/40

USER PROFILES# User 1: A mother with an 11 year old daughter

# User 2: A graduate student in science

# User 3: A female staff member with a child

# User 4: A community member with no child attending the

school


12/40

SCENARIOS# Parent

Find near-home school forchild

Get information from

childs school Get up to date with IPS

news

# Staff

View the proper

procedure for reportingher absence to work dueto her childs illness

Find notes of schoolboard meeting which shemissed

# Potential job seeker

Get general information

of the community

Select the potentialschool she is going to

work

#Casual User

Find when and where

local sporting events aretaking place

Find donation

opportunity in IPS


13/40

SEVERITY RATING SYSTEM

Major | Correction is important with a higher priority

Minor | Error of low priority

Superficial | Dont need fixing unless extra time is available


14/40

INSPECTION RESULTS


15/40

INSPECTION RESULTS

4

7

4

5

3

CONTENT

INFORMATIONARCHITECTURE

NAVIGATION

PRESENTATION

SEMIOTICS

Design Dimensions


16/40

1.CONTENT

4 ISSUES

Missing and Inconsistent Information

Target UserMisidentified

Consistency ofInformation and Representation

When was the News New


17/40

# Problem Description:

Information available is very limited orsimply non-existent

# Severity: Major

# Design Dimension: Content

# Source Heuristics: Accuracy

Content Actions Content

# Requirements forImprovement:

Clearly define the process of contentobtaining

Establish the review board to monitorthe breadth and the depth of theinformation

1.1 MISSING AND INCONSISTENT

INFORMATION

Website 1: http://www.schools.ips.k12.in.us/schooldetail.php?num=501Website 2: http://www.schools.ips.k12.in.us/schooldetail.php?num=15


18/40


target user is not able to discern whetherthe location identified by the page title isthe appropriate content for the user.

# Severity: Major

# Design Dimension: Content

# Source Heuristics: Content TextCoverage


Providers of content should recognizeall potential users and the context of

the information they are providing.

Formal reviews should be conductedfor any content that is to be published.There should also be a checklist thatthe reviewers use to help guide themthrough the review process.

1.2 TARGET USER MISIDENTIFIED

Website 1: http://www.community.ips.k12.in.us/


19/40

2. INFORMATION

ARCHITECTURE

7 ISSUES Visualization of School Proximity

Too much Information Accommodating too many People

No Way go back to the Upper Level of the Hierarchy

Where am I?

Unrelated Navigation

Homepage withoutMain Content

Archiving


20/40

# Problem Description: When the user attempts to find a school

close to their home, they have no visualcues as to the physical location of theschool compared to where they are.

# Severity: Major

# Design Dimension: Information

Architecture# Source Heuristics: Accessibility ofDifferent Pages Navigation within aTopic Navigation


Medium of visualization that conveysand can assist the user in their

search. Map present

Allow the user to enter their addressor zip code in order to receive a list ofschools ordered by distance from theirlocation

2.1 VISUALIZATIONS OF SCHOOL

PROXIMITY

Website 1: http://www.schools.ips.k12.in.us/


21/40


a list of calendars that mix schoolcalendars, holiday calendars, importantdates, staff calendars and pay calendars

The information presented here is notseparated by type of user

# Severity: Minor


Architecture

# Source Heuristics: Segmentation

Navigation within a Topic

Navigation


Information should be clearsegmented between the types ofusers.

2.2 TOO MUCH INFORMATION

ACCOMMODATING TOO MANY PEOPLE

Website 1: http://www.about.ips.k12.in.us/index.php?id=3323


22/40


cannot go back from the detailed to the upper level.

The only way to do so is by clicking the back button of the browser.

# Severity: Major

# Design Dimension: Information Architecture

#Source Heuristics: Segmentation

Navigation within a Topic

Navigation


Keep track of the users browsing.

Provide links back to each previous page the user navigates through the hierarchical site structure.

2.3NO WAY GO BACK TO THE UPPER LEVEL

OF THE HIERARCHY

Website 1: http://www.schools.ips.k12.in.us/schooldetail.php?num=14


23/40

# Problem Description: lacks of the hint of the users current location

of within the hierarchy

# Severity: Major


Architecture

# Source Heuristics: Navigation withina topic Orientation cues


include visual cues in the navigation thathighlights their currently location

Breadcrumbs

change text color or background color oflinks for the current location

2.4 WHERE AM I



24/40

3.

NAVIGATION

4 ISSUES Undistinguishable Links

Too much Navigation

No Indication Leaving the Website

Provide Choices without Decision Information


25/40


Appearance of the links are the same astexts

# Severity: Major

# Design Dimension: Navigation

# Source Heuristics: Anchor Identity

Overall Graphic Design Graphics

Interface Design


using the average blue text withunderlining

style should be easily distinguishable

from normal text

3.1 UNDISTINGUISHABLE LINKS



26/40

4. PRESENTATION 5 ISSUES

Users Dont Know Where They Are

Inconsistent Font Size, Weights & Decoration: Hyperlinks

Mixed Representation ofInformation and Linked Files

Inconsistent Design of Sub-domains

Deemphasizing Position ofImportantMenu


27/40


there is no consistent identity which can confusethe user about their true location within the website

# Severity: Minor

# Design Dimension: Presentation

# Source Heuristics: Overall Graphic

Design Visual identity


The user should have the ability to quicklyidentify that they are still on the IPS websitewithout having to review the URL in the browser

address bar.

By keeping a consistent look to each page

4.4 INCONSISTENT DESIGN OF SUB-

DOMAINS

Website 1: http://www.ips.k12.in.us/Website 2: https://portal.ips.k12.in.us/Website3: http://www.ipstube.ips.k12.in.us/Website4: https://employment.ips.k12.in.us/ips_online_application/(qwq5b0202f3aly55e5izjm45)/def ault.aspx


28/40

5. SEMIOTICS 3 ISSUES

Error Recovery

Mislabeled Pages

Insufficient Information


29/40

# Problem Description: Beyond a basic textual message, the

user should have additional contextmaking him/her more conscious inhis/her ability to recover from errorswithin the system

# Severity: Major

# Design Dimension: Semiotics

# Source Heuristics: Semiotics

Information Scent


identifies the error

states its not the users fault

provide them at minimum an option tonavigate either

5.1 ERROR RECOVERY


30/40

Example ofError Recovery

Above shows two different error pages, neither of which allow the user to easily

recover from the error they received.


31/40


Reading the page heading does notintuitively allow the user know they areon the page

# Severity: Major

# Design Dimension: Semiotics

# Source Heuristics: SemioticsActions Ambiguity


Update headings and labels to matchthe navigational text users click

elsewhere in the site

5.2 MISLABELED PAGES

Website 1: http://www.nclb.ips.k12.in.us/schoolreports.php


32/40

RECOMMENDATION FORIMPROVEMENT


33/40

RECOMMENDATION

Roles in a develop team:

GENERAL: For ProjectManager

DESIGN: For Designers

TECHNICAL: For Programmer


34/40

GENERAL: FOR PROJECT MANAGER

Establish a Content Review Board

Establish a checklist used by the Content Review Board

to:

Ensure any new information added accounts for alltargeted audiences.

Ensures a thorough review of the content, detecting any

missing or inconsistent representation of the information


35/40

DESIGN ASPECTS: FOR DESIGNER

SEARCH FEATURE

Incorporate search for school feature

(based on address, zip code, distance from, etc. Consider

using existing free products like GoogleMaps, Yahoo

Maps, or Bing Maps.)

INFORMATION ARCHITECTURE

Separate information clearly by user type

Grouping lengthy data into separate pages


36/40

DESIGN ASPECTS: FOR DESIGNERNAVIGATION

Keep track of the users browsing. Provide links back to each previous pages

Consider using breadcrumbs to emphasize the users location.

Minimize navigational areas.

The site should contain 1 primary navigational area and 1 secondarynavigational area where justified.

SEMIOTICS

LINKS:

Ensure links match the content & Remove any unrelated ones.

LABELS:

Ensure labels are consistent with the content identified by the heading

N

AVIG

ATION

: Examine the arrangement of the navigation to make sure they clearly

represent the structure of the website.

ERROR RECOVERY:

Incorporate more meaningful error recovery to the user.


37/40

DESIGN ASPECTS: FOR DESIGNERCONTENT

Home page:

Develop an area for main content summarizing the site and what thesite represents.

Use linked files to support existing content; do not rely on them toprovide all new information.

PRESENTATION CONSISTENCY

TEXT & LINKS:

Use proper formatting ensuring consistency between text and links

CONSISTENT LOOK & FEEL:

Redesign the website balancing the consistency and identification foreach part. Pay careful attention to headers, links and general layout.

NAVIGATION LOCATION:

Ensure it is consistent and easy to access

Top and left sides of the webpage align with most user expectationson where navigation should be located.


38/40

TECHNICAL: FOR PROGRAMMER

FEEDBACK OF CURRENT STATUS

CURRENT LOCATION:

Highlight the current location within existing navigation

links.

TO EXTERNAL SITE:

Notify the user before leaving the site open the outside page reference in a new window

MISSINGINFORMAION:

Notify the user of missing/incomplete Information and

when it will be updated


39/40

TECHNICAL: FOR PROGRAMMERTIME OF THE INFORMATION

ARCHIVING: After a time, group information by date relevancy.

DATE IDENTIFICATION:

Ensure dates are captured and identified on items that haverelevance around a date/time.

SEARCHING FEATURE GENERAL SCHOOL SEARCHING

Identifies parameters that can be selected to refine the results.

SORTING

Allow users to sort based on primary attributes (i.e. distance fromhome)

ERROR RECOVERY

If an error occurs, the user should be able to recover by going backto the previous page or homepage.


40/40

QUESTIONS?

Date post:	08-Apr-2018
Category:	Documents
Upload:	steven-entezari
View:	222 times
Download:	0 times

IPS Usability Inspection Report - Presentation

Documents