Employee Technical Skills Training 

Myca Bautista
Mentor: Amy Kaminski
Harper College Logo

Enhance the User Experience (UX) through

Documentation and Design

PROJECT

What is the documentation used for?

  • In-House & Self-Service Training
  • Aimed for Harper Employees
  • Educate users on new/update campus-wide technology
    • ​Daily tasks easier

Why is documentation important?

Common Rules of User Experience (UX) Design

  • Know your users
  • You are not the user
  • Keep things simple and consistent
  • Usable and accessible
  • Functionality over aesthetics

162 Alternative Texts on Images

STATISTICS

388+ Pages of Documents

Read through 23,619+ words

25Live Pro

Harper Intranet Portal (HIP)

PROJECTS

25Live Pro

PROJECT 1

25Live to 25Live Pro

What?

  • Scheduling events in rooms

Status: Project Delivered. Ready for Review

Why?

  • Vendor is moving from OnPrem to Software as a Service (SaaS)

What I did:

  • Update training manual to reflect SaaS changes
  • User Experience
    • Consistency 
    • Accessible 

Harper Intranet Portal

(HIP)

PROJECT 2

HIP

Old Document:

  • Not user-friendly
  • Used lots of technology jargon
  • Not ADA (Americans with Disabilities Act) compliant 

 

New Updated Doc:

  • Focused on easy to follow steps
  • Used more common verbiage
  • Provided Alternative Text (Alt-Text) for ADA compliance

 

Status: On-Going

Accessibility

ADA Compliance

Top 6:

1. Use Arial fonts

2. Do not go smaller than 12pt

3. Use high-contrast colors

4. Reduce the bullet points

5. Limit the use of tables

6. Avoid using colors to denote information

Alt Text

  • Alternative Description
  • HTML Code 
  • Visual Impairment
  • Search Engine Optimization (SEO)

Alt Text Example

Graduation cap that reads: And so the adventure begins... 
<img src="Graduation.jpg" alt="Graduation cap that reads: And so the adventure begins...">

Good Alt Text

Harper students standing up during Graduation Day. The focus is on the bedazzled graduation cap and a text that reads: And so the adventure begins. 
<img src="Graduation.jpg" alt="Harper students standing up during Graduation Day. The focus is on the bedazzled graduation cap and a text that reads: And so the adventure begins.">

Adobe Acrobat

Using Adobe Acrobat Accessibility Check, there are different tabs to view from. One tab that is open is Alternative Texts. Under Alternative Texts tab, it shows that Figures 1 through 21 do not have alternative texts because there is a "X" icon next to it. The ones that did pass have a checkmark next to it.
All of the Alternate Text tabs have checkmarks.

Biggest Takeaways

INTERNSHIP

Biggest Takeaways

  • ADA Compliance
  • Collaboration with Subject Matter Experts (SME)
  • User Experience through documentations
    • Knowing your audience

Next steps for Harper's
Information Technology

(Looking towards the future)

HARPER

Employee Technical Skills Training

  • 77 documents
    • ​Continue to make documents user-friendly
    • Ensure ADA compliance
  • ​Build a Style Guide
    • Encourage User Experience

The END.

A moving image with three pugs tilting their heads left and right. All three looked very curious. There are words on top of the image that says, "Questions?", Thoughts?", "Feelings?." There are also question marks in sets of three next to the pugs.