1. HCI: JCU Workflow Re-Design 2010 SP2: CP3301/CP5607 Human Computer Interaction Angela McCarthy Glenn Molochino Laurence Tardiani

2. Team Members 0 Team Name: SIERRA 0 Team Members 0 Administration/Language Leader: Angela McCarthy 0 Creativity Leader: Glenn Molachino 0 Technical Leader: Laurence Tardiani

3. Overview 0 Application 0 Milestones 0 Design Evolution 0 Implemented Changes 0 Current Interface and Demonstration 0 Feedback 0 Future Development

4. Application 0 JCU Workflow 0 Available via StaffOnline under WorkflowStaffOnlineWorkflow 0 Payroll and leave application system for James Cook University staff 0 Staff have to submit payroll claims every two weeks 0 Primary method of pay JCU Workflow Login Screen

5. Issues 0 Claim Confirmation 0 Search Field 0 Payroll Claim 0 Calendar 0 Drop Down Menus 0 Work Date 0 Select Job

6. Re-design Process 1. Identify users 2. Identify how current application works 3. Identify issues with current application 4. Propose a solution to address these issues 5. Create a paper-prototype 6. Create a low-fidelity prototype to test navigation 7. Create a high-fidelity prototype to test solution 8. Implement changes into final prototype

7. Milestones 0 Milestone 1: Project Overview 0 Milestone 2: Contextual Inquiry 0 Milestone 3: Storyboards, Low-fidelity Prototypes and User Testing 0 Milestone 4: High-fidelity Prototype and User Test

8. Contextual Inquiry 0 Acknowledge Usability Goals 0 Identified Issues 0 Job Types – Descriptions are ambiguous 0 Naming Conventions 0 Unorganised Design Structure 0 Redundantly Repetitive Input Fields 0 Implement a solution and begin re-design process 0 Prototyping 0 Paper Prototype 0 Low-Fidelity Prototype

9. Paper-Prototype 0 Sketches of design proposals 0 Testing basic navigation using flash cards 0 Navigational Tree Paper Prototype

10. Navigational Tree Workflow Navigational Structure

11. Low-Fidelity Prototype 0 Created in Flash 0 Interactive ‘flash card’ style 0 Navigation and interface alterations implemented 0 Demonstration: 0 http://am-jcu- repository.googlecode.com/files/workflowApp%20Pr ototype.swf http://am-jcu- repository.googlecode.com/files/workflowApp%20Pr ototype.swf

12. Prototype Evolution Previous Functions (Low-Fidelity)Required Adjustments (High-Fidelity) Flash ApplicationHTML Application Username Field BlankUsername Field Interactive Search Field StaticSearch Field Interactive Submit Payroll Claim StaticSubmit Payroll Claim Interactive No Drop Down MenusImplement Drop Down Menus Date Selection HyperlinkDate Calendar Inline Help not ImplementedHelp Implemented No Confirmation for Payroll SubmissionConfirm Payroll Submission Hours Worked Selection Static – Hyperlink OptionHours Worked Selection Interactive – Drop Down Menu

13. High-Fidelity Prototype 0 Implemented and hosted online 0 Added changes as required from low-fidelity prototype 0 Changes to High-Fidelity 0 User feedback suggestions 0 Date Selection: Originally drop down menu’s, now inline calendar selection 0 Hours Worked: Hour selections 1-5, changed to 1-12

14. Design Evolution 1. Interface designs originally ‘sketched up’ 2. Interfaces created in Photoshop 3. Interface designs then placed in interactive flash presentation 4. Application then moved to be hosted online 5. Changes implemented as required as per user tests

15. Implemented Changes Original WorkflowRe-Designed Workflow Compare

16. Current Interface 0 Interactive Demonstration 0 http://auction.maths.jcu.edu.au/HCIapplication/ http://auction.maths.jcu.edu.au/HCIapplication/

17. Feedback from Users 0 Surveyed a select group of users, male and female, users who frequently use the application, age range from 18-50 years of age 0 Average effectiveness rating of 1.57 0 (On Scale of 1 – 5, 1 being highest, 5 being lowest) 0 Users approved of following: 0 Job Search 0 Aesthetics 0 No issues with errors 0 Feedback suggested that users assumed application was full/final version

18. Future Devlopment 0 Auto-filled Payroll Claim Forms 0 Staff will be able to save a default job type and simply select from a drop down menu pre-saved jobs 0 Minimises clicking and allows for faster submission of payroll claims 0 More Information on project can be found at http://code.google.com/p/honours-3d- paluma/wiki/CP5607HCI http://code.google.com/p/honours-3d- paluma/wiki/CP5607HCI

19. Summary 0 Completed two prototyping phases 0 Met development specifications 0 Design Choices 0 User Requirements 0 Acknowledged User Feedback 0 Application open for continued future work