Project 101: Tri-Campus University of Toronto Lab Safety Program

Client: Dr. Gina Trubiani Team: Andrew Lagdameo, Batikan Kavak, Changsong Yang, Darren Vui Phin Lee, Syed Rizvi, and Yifei Chen Engineering Strategies and Practice II

To Improve the Existing Lab Safety Manual

In need of a three-in-one safety manual which will contain information applicable to all three University of Toronto campuses:

• St George,

• Scarborough,

• Mississauga.

Yifei Chen

[1] The university of Texas-Pan America. (2008). Laboratory Safety Program. [Online] Available: http://portal.utpa.edu/utpa_main/dba_home/safety_home/safety_progs/progs_lab

Current Situation

• The program is not up-to-date on regulations since its last update was in October 2014.

• Difficult for users to find information

• Three manuals specific to St. George, Mississauga, and Scarborough U of T campuses

Yifei Chen

Tri-Campus University of Toronto Lab Safety Program

• The document should contain the current biological, radiological, and chemical regulations for use at all three University of Toronto campuses.

• The document should be updated to current regulations.

Yifei Chen

[1] The university of Texas-Pan America. (2008). Laboratory Safety Program. [Online] Available: http://portal.utpa.edu/utpa_main/dba_home/safety_home/safety_progs/progs_lab

The design shall…

• contain all necessary information for the campuses.

• be concise,

• be easy to navigate through

• be up-to-date

Yifei Chen

What has been Improved?

• Make the manual more understandable

• Our design is easy to access in UofT labs and on the internet

• Each section less than 155 words

Yifei Chen

The Function of the Box will be the Function of our Design

Jesse Yang

Black Box

Topic the users are

interested inDesired form

of media

Who wants to see

Showing the relevant

information

The Function of the Box will be the Function of our Design

Jesse Yang

Black Box

Keeping the website up to date/usable

LayoutLead users to information needed

Show information

Feedback forms Lots of bullet points Hyperlinks Videos

Crash reports Starts off with only the main titles Table of contents Graphics

  IndexInformation slides down upon clicking on the title

Charts

    Search bar Brief summary intro

    List of FAQ Gif 

Morph Chart by Functional Decomposition

Possible Combinations1. feedback forms, lots of bullet points, hyperlinks, videos2. feedback forms, lots of bullet points, hyperlinks, graphics.3. feedback forms, lots of bullet points, hyperlinks, charts.4. feedback forms, lots of bullet points, hyperlinks, brief summary intro.5. feedback forms, lots of bullet points, table of contents, videos.6. feedback forms, lots of bullet points, table of contents, graphics.7. feedback forms, lots of bullet points, table of contents, charts.8. feedback forms, lots of bullet points, table of contents, brief summary intro.9. feedback forms, lots of bullet points, information slides down upon clicking on the title, videos.10. feedback forms, lots of bullet points, information slides down upon clicking on the title, graphics.11. feedback forms, lots of bullet points, information slides down upon clicking on the title, charts.12. feedback forms, lots of bullet points, information slides down upon clicking on the title, brief summary intro.13. feedback forms, lots of bullet points, search bar, videos.14. feedback forms, lots of bullet points, search bar, graphics.15. feedback forms, lots of bullet points, search bar, charts.16. feedback forms, lots of bullet points, search bar, brief summary intro.17. feedback forms, lots of bullet points, List of FAQ, videos.18. feedback forms, lots of bullet points, List of FAQ, graphics.19. feedback forms, lots of bullet points, List of FAQ, charts20. feedback forms, lots of bullet points, List of FAQ brief summary intro.21. feedback forms, starts of with only the main titles, hyperlinks, videos22. feedback forms, starts of with only the main titles, hyperlinks, graphics.23. feedback forms, starts of with only the main titles, hyperlinks, charts.24. feedback forms, starts of with only the main titles, hyperlinks, brief summary intro.25. feedback forms, starts of with only the main titles, table of contents, videos.26. feedback forms, starts of with only the main titles, table of contents, graphics.27. feedback forms, starts of with only the main titles, table of contents, charts.28. feedback forms, starts of with only the main titles, table of contents, brief summary intro.29. feedback forms, starts of with only the main titles, information slides down upon clicking on the title, videos.30. feedback forms, starts of with only the main titles, information slides down upon clicking on the title, graphics.31. feedback forms, starts of with only the main titles, information slides down upon clicking on the title, charts.32. feedback forms, starts of with only the main titles, information slides down upon clicking on the title, brief summary intro.33. feedback forms, starts of with only the main titles, search bar, videos.34. feedback forms, starts of with only the main titles, search bar, graphics.35. feedback forms, starts of with only the main titles, search bar, charts.36. feedback forms, starts of with only the main titles, search bar, brief summary intro.37. feedback forms, starts of with only the main titles, List of FAQ, videos.38. feedback forms, starts of with only the main titles, List of FAQ, graphics.39. feedback forms, starts of with only the main titles, List of FAQ, charts40. feedback forms, starts of with only the main titles, List of FAQ, brief summary intro.41. feedback forms, index, hyperlinks, videos42. feedback forms, index, hyperlinks, graphics.43. feedback forms, index, hyperlinks, charts.44. feedback forms, index, hyperlinks, brief summary intro.45. feedback forms, index, table of contents, videos.46. feedback forms, index, table of contents, graphics.47. feedback forms, index, table of contents, charts.48. feedback forms, index, table of contents, brief summary intro.49. feedback forms, index, information slides down upon clicking on the title, videos.50. feedback forms, index, information slides down upon clicking on the title, graphics.51. feedback forms, index, information slides down upon clicking on the title, charts.52. feedback forms, index, information slides down upon clicking on the title, brief summary intro.53. feedback forms, index, search bar, videos.54. feedback forms, index, search bar, graphics.55.

55. feedback forms, index, search bar, charts.56. feedback forms, index, search bar, brief summary intro.57. feedback forms, index, List of FAQ, videos.58. feedback forms, index, List of FAQ, graphics.59. feedback forms, index, List of FAQ, charts60. feedback forms, index, List of FAQ, brief summary intro.61. crash reports, lots of bullet points, hyperlinks, videos62. crash reports, lots of bullet points, hyperlinks, graphics63. crash reports, lots of bullet points, hyperlinks, charts64. crash reports, lots of bullet points, hyperlinks, brief summary intro65. crash reports, lots of bullet points, table of contents, videos66. crash reports, lots of bullet points, table of contents, graphics67. crash reports, lots of bullet points, table of contents, charts68. crash reports, lots of bullet points, table of contents, brief summary intro69. crash reports, lots of bullet points, information slides down upon clicking on the title, videos70. crash reports, lots of bullet points, information slides down upon clicking on the title, graphics71. crash reports, lots of bullet points, information slides down upon clicking on the title, charts72. crash reports, lots of bullet points, information slides down upon clicking on the title, brief summary intro73. crash reports, lots of bullet points, search bar, videos74. crash reports, lots of bullet points, search bar, graphics75. crash reports, lots of bullet points, search bar, charts76. crash reports, lots of bullet points, search bar, brief summary intro77. crash reports, lots of bullet points, list of FAQ, videos78. crash reports, lots of bullet points, list of FAQ, graphics79. crash reports, lots of bullet points, list of FAQ, charts80. crash reports, lots of bullet points, list of FAQ, brief summary intro81. crash reports, starts off with only the main titles, hyperlinks, videos82. crash reports, starts off with only the main titles, hyperlinks, graphics83. crash reports, starts off with only the main titles, hyperlinks, charts84. crash reports, starts off with only the main titles, hyperlinks, brief summary intro85. crash reports, starts off with only the main titles, table of contents, videos86. crash reports, starts off with only the main titles, table of contents, graphics87. crash reports, starts off with only the main titles, table of contents, charts88. crash reports, starts off with only the main titles, table of contents, brief summary intro89. crash reports, starts off with only the main titles, information slides down upon clicking on the title, videos90. crash reports, starts off with only the main titles, information slides down upon clicking on the title, graphics91. crash reports, starts off with only the main titles, information slides down upon clicking on the title, charts92. crash reports, starts off with only the main titles, information slides down upon clicking on the title, brief summary intro93. crash reports, starts off with only the main titles, search bar, videos94. crash reports, starts off with only the main titles, search bar, graphics95. crash reports, starts off with only the main titles, search bar, charts96. crash reports, starts off with only the main titles, search bar, brief summary intro97. crash reports, starts off with only the main titles, list of FAQ, videos98. crash reports, starts off with only the main titles, list of FAQ, graphics99. crash reports, starts off with only the main titles, list of FAQ, charts100. crash reports, starts off with only the main titles, list of FAQ, brief summary intro101. crash reports, index, hyperlinks, videos102. crash reports, index, hyperlinks, graphics103. crash reports, index, hyperlinks, charts104. crash reports, index, hyperlinks, brief summary intro105. crash reports, index, table of contents, videos106. crash reports, index, table of contents, graphics107. crash reports, index, table of contents, charts108. crash reports, index, table of contents, brief summary intro

109. crash reports, index, information slides down upon clicking on the title, videos110. crash reports, index, information slides down upon clicking on the title, graphics111. crash reports, index, information slides down upon clicking on the title, charts112. crash reports, index, information slides down upon clicking on the title, brief summary intro113. crash reports, index, search bar, videos114. crash reports, index, search bar, graphics115. crash reports, index, search bar, charts116. crash reports, index, search bar, brief summary intro117. crash reports, index, list of FAQ, videos118. crash reports, index, list of FAQ, graphics119. crash reports, index, list of FAQ, charts120. crash reports, index, list of FAQ, brief summary intro

What we are aiming for?

25%

25%15%

15%

10%

5% 5%

Weighted Objectives Understandable

ConciseUpdatableEasy to UseEase to AccessAesthetically AppealingEnvironmental Friendly

• No misunderstanding• Different preferences• Efficient

Five designs were chosen through Multivoting

• Graphical Safety Program

• Animated Video Safety Program

• Mobile Application

• Tri-Program

• Tables and Text Safety Program

Jesse Yang

#1 #2 #5 #7 #9#11 #13 #15 #17 #19 #21 #23 #25

00.5

11.5

22.5

33.5

44.5

mULTIVotINGVotes

Graphical Safety ProgramJesse Yang

• Graphics with supporting text to engage the users

• Table of Contents

• Tables and charts

• Information listed in

point form

Animated Video Safety ProgramJesse Yang

• Tutorial Videos

• Table of Contents

• Hyperlinks

[2] Youtube.com. (October, 2009). Hazardous Waste Management Safety Video. [Online] Available: http://www.youtube.com/watch?v=0tLjJFb3YrWA

Mobile ApplicationJesse Yang

• Read and download the manual on cell phones and PCs

• Reading mode switch button

• Table of Contents with

hyperlinks

• Can be downloaded as a PDF[3] Vintage King Audio. (n.d). Apple Led Cinema Display. [Online] Available: http://vintageking.com/apple-thunderbolt-display-1

Mobile ApplicationJesse Yang

• Read and download the manual on cell phones and PCs

• Reading mode switch button

• Table of Contents with

hyperlinks

• Can be downloaded as a PDF

Tri-Program Jesse Yang

• Three entrances for different campuses’ lab safety manuals on EHS website

• Minimal changes to the layout of the program

Proposed Design: Tables and Text Safety ProgramJesse Yang

• One manual that works for all three campuses

• Distinctions between campuses will be listed in tables

• Table of Contents

• Hyperlinks

Weighted scores of each designsJesse Yang

Objective Design 1 Design 2 Design 3 Design 4 Design 5

1. 0.75*0.25 0.90*0.25 0.75*0.25 0.87*0.25 0.80*0.25

2. 0.75*0.25 0.75*0.25 0.80*0.25 0.70*0.25 0.80*0.25

3. 0.60*0.15 0.50*0.15 0.77*0.15 0.85*0.15 0.80*0.15

4. 0.85*0.15 0.80*0.15 0.85*0.15 0.85*0.15 0.70*0.15

5. 0.85*0.10 0.55*0.10 0.77*0.10 0.85*0.10 0.85*0.10

6. 0.75*0.05 0.90*0.05 0.80*0.05 0.50*0.05 0.50*0.05

7. 0.60*0.05 0.85*0.05 0.75*0.05 0.60*0.05 0.60*0.05

Total 0.745 0.750 0.785 0.788 0.765

New proposed design in the FDS

Combination of

• Tables and Text Safety Program

• Graphical Safety Program

• Animated Video Safety Program

Batikan Kavak

Tables and Text

Batikan Kavak

Main Advantages: Ease of UpdateDisadvantages: • Only text• Users will tend to skim through

the manual, causing them to miss out on certain information.

Combined DesignMain Advantages: • Information in different forms of

media• Users process pictures quicker than

text • Videos increase users’ motivation,

helping them process information more effectively.

Disadvantages: Time and effort to create and update

Why is a combination better?

Why is it better?Batikan Kavak

Understandability vs Ease of update

Objective Priority Table

Combination of

• Tables and Text Safety Program

• Graphical Safety Program

• Animated Video Safety Program

Batikan Kavak

25%

25%15%

15%

10%

5% 5% UnderstandableConciseUpdatableEasy to UseEase to AccessAesthetically AppealingEnvironmental Friendly

Objective Priority Table

Combination of

• Tables and Text Safety Program

• Graphical Safety Program

• Animated Video Safety Program

Batikan Kavak

25%

25%15%

15%

10%

5% 5% UnderstandableConciseUpdatableEasy to UseEase to AccessAesthetically AppealingEnvironmental Friendly

Final Detailed DesignAndrew Lagdameo

• Design must direct human attention to the details of the manual

• Current manual is too long

• Takes the form of a PDF, edited as a word document• Easy to make edits

Features of Final DesignAndrew Lagdameo

• Table of Contents with hyperlinks• Uses three forms of media – graphics,

videos, text (tables, etc.)• Primarily designed for online use

• Graphics and videos supplement information already present• Fewer words required to explain

certain concepts

[4] Youtube.com. (October, 2008). Proper Use of a Fume Hood. [Online] Available: http://www.youtube.com/watch?v=A4AHxLnByts

Tables used to organise campus-specific informationAndrew Lagdameo

Features of Final DesignAndrew Lagdameo

• Table of contents includes internal links quick navigation

• Takes the form of a PDF, edited as a word document • Easy make edits and reupload

Life Cycle Assessment Syed Rizvi

• The final design has been created to primarily be used online.

• Many functions are only available on the online version:o Hyperlinks to navigate easilyo Videos and graphics to increase

understandabilityo Searching feature

• A printing option is available, but discouraged.

[5] Naylornetwork.com. (March 31, 2011). New Study: Print Products Account For Only 1% Of Household Climate Impacts. [Online] Available: http://www.naylornetwork.com/ppi-otw/newsletter.asp?issueID=22315

EconomicsSyed Rizvi

• The document will be compiled and updated by an EHS employee

• The cost will be a part of their salary from the EHS Equipment Price

Adobe Acrobat XI Pro14.99 USD/month with annual

commitmentor

24.99 USD/month without annual commitment

Microsoft Word 2013 119.00 CAD

Implementation RequirementsSyed Rizvi

• Software Purchasing:o Microsoft Wordo Adobe Acrobat XI proo Flash reader and player (Adobe flash)

• All updates will be made by the office of EHS• A campus wide email will be sent to inform the

users about the update.

®

®

®

ConclusionSyed Rizvi

• The document must be clear and understandable• Individuals interpret information differently• Multiple methods are used to present the information

• Multi media• Tables and summaries

Tri-Campus University of Toronto Lab Safety Program

What will We do next?• A tentative outline has been designed • The outline will be used by the EHS to

compile the lab manual • If further assistance is needed, the client

is free to contact team 101. 

Team: Andrew Lagdameo, Batikan Kavak, Changsong Yang, Darren Vui Phin Lee, Syed Rizvi, and Yifei Chen

Engineering Strategies and Practice II