Upload
steven-entezari
View
224
Download
0
Embed Size (px)
Citation preview
8/7/2019 IPS Usability Inspection Report - Presentation
1/40
USABILITY
INSPECTION
REPORT
INDIANAPOLIS PUBLIC SCHOOL
8/7/2019 IPS Usability Inspection Report - Presentation
2/40
TEAM 2
Steven Entezari
Hai Dan Huang
Jay Wheeler
8/7/2019 IPS Usability Inspection Report - Presentation
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
8/7/2019 IPS Usability Inspection Report - Presentation
4/40
PRESENTATION
OF APPLICATION
8/7/2019 IPS Usability Inspection Report - Presentation
5/40
PRESENTATION OF
APPLICATION (I)
8/7/2019 IPS Usability Inspection Report - Presentation
6/40
PRESENTATION OF
APPLICATION (II)
8/7/2019 IPS Usability Inspection Report - Presentation
7/40
PRESENTATION OF
APPLICATION (III)
8/7/2019 IPS Usability Inspection Report - Presentation
8/40
PRESENTATION OF
APPLICATION (IV & V)
8/7/2019 IPS Usability Inspection Report - Presentation
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
8/7/2019 IPS Usability Inspection Report - Presentation
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
8/7/2019 IPS Usability Inspection Report - Presentation
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
8/7/2019 IPS Usability Inspection Report - Presentation
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
8/7/2019 IPS Usability Inspection Report - Presentation
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
8/7/2019 IPS Usability Inspection Report - Presentation
14/40
INSPECTION RESULTS
8/7/2019 IPS Usability Inspection Report - Presentation
15/40
INSPECTION RESULTS
4
7
4
5
3
CONTENT
INFORMATIONARCHITECTURE
NAVIGATION
PRESENTATION
SEMIOTICS
Design Dimensions
8/7/2019 IPS Usability Inspection Report - Presentation
16/40
1.CONTENT
4 ISSUES
Missing and Inconsistent Information
Target UserMisidentified
Consistency ofInformation and Representation
When was the News New
8/7/2019 IPS Usability Inspection Report - Presentation
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
8/7/2019 IPS Usability Inspection Report - Presentation
18/40
# Problem Description:
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
# Requirements forImprovement:
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/
8/7/2019 IPS Usability Inspection Report - Presentation
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
8/7/2019 IPS Usability Inspection Report - Presentation
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
# Requirements forImprovement:
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/
8/7/2019 IPS Usability Inspection Report - Presentation
21/40
# Problem Description:
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
# Design Dimension: Information
Architecture
# Source Heuristics: Segmentation
Navigation within a Topic
Navigation
# Requirements forImprovement:
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
8/7/2019 IPS Usability Inspection Report - Presentation
22/40
# Problem Description:
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
# Requirements forImprovement:
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
8/7/2019 IPS Usability Inspection Report - Presentation
23/40
# Problem Description: lacks of the hint of the users current location
of within the hierarchy
# Severity: Major
# Design Dimension: Information
Architecture
# Source Heuristics: Navigation withina topic Orientation cues
# Requirements forImprovement:
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
Website 1: http://www.schools.ips.k12.in.us/schooldetail.php?num=14
8/7/2019 IPS Usability Inspection Report - Presentation
24/40
3.
NAVIGATION
4 ISSUES Undistinguishable Links
Too much Navigation
No Indication Leaving the Website
Provide Choices without Decision Information
8/7/2019 IPS Usability Inspection Report - Presentation
25/40
# Problem Description:
Appearance of the links are the same astexts
# Severity: Major
# Design Dimension: Navigation
# Source Heuristics: Anchor Identity
Overall Graphic Design Graphics
Interface Design
# Requirements forImprovement:
using the average blue text withunderlining
style should be easily distinguishable
from normal text
3.1 UNDISTINGUISHABLE LINKS
Website 1: http://www.schools.ips.k12.in.us/schooldetail.php?num=39
8/7/2019 IPS Usability Inspection Report - Presentation
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
8/7/2019 IPS Usability Inspection Report - Presentation
27/40
# Problem Description:
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
# Requirements forImprovement:
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
8/7/2019 IPS Usability Inspection Report - Presentation
28/40
5. SEMIOTICS 3 ISSUES
Error Recovery
Mislabeled Pages
Insufficient Information
8/7/2019 IPS Usability Inspection Report - Presentation
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
# Requirements forImprovement:
identifies the error
states its not the users fault
provide them at minimum an option tonavigate either
5.1 ERROR RECOVERY
8/7/2019 IPS Usability Inspection Report - Presentation
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.
8/7/2019 IPS Usability Inspection Report - Presentation
31/40
# Problem Description:
Reading the page heading does notintuitively allow the user know they areon the page
# Severity: Major
# Design Dimension: Semiotics
# Source Heuristics: SemioticsActions Ambiguity
# Requirements forImprovement:
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
8/7/2019 IPS Usability Inspection Report - Presentation
32/40
RECOMMENDATION FORIMPROVEMENT
8/7/2019 IPS Usability Inspection Report - Presentation
33/40
RECOMMENDATION
Roles in a develop team:
GENERAL: For ProjectManager
DESIGN: For Designers
TECHNICAL: For Programmer
8/7/2019 IPS Usability Inspection Report - Presentation
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
8/7/2019 IPS Usability Inspection Report - Presentation
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
8/7/2019 IPS Usability Inspection Report - Presentation
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.
8/7/2019 IPS Usability Inspection Report - Presentation
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.
8/7/2019 IPS Usability Inspection Report - Presentation
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
8/7/2019 IPS Usability Inspection Report - Presentation
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.
8/7/2019 IPS Usability Inspection Report - Presentation
40/40
QUESTIONS?