Interaction Design Fundamentals. Mobile Info System. Minjong Lee Joyce Liu Katie Ramp Lois Yang

Size: px

Start display at page:

Download "Interaction Design Fundamentals. Mobile Info System. Minjong Lee Joyce Liu Katie Ramp Lois Yang"

Geoffrey Carson
5 years ago
Views:

1 Interaction Design Fundamentals Mobile Info System Minjong Lee Joyce Liu Katie Ramp Lois Yang Presented on Thursday, December 4, 2014

2 Final Narratives Roland Roland loves his job except for one thing: rig checks. He s been a driver under a variety of circumstances for 28 years, so he is comfortable doing the vehicle maintenance, but he sometimes gets nervous about checking medical equipment. A couple weeks ago, he got in trouble for not re-filling the oxygen tanks, adding to the stress he feels about being older and less fit than his teammates. His supervisor just introduced a new application for the compay mobile phones called RigIt, which aims to make the rig checks more accurate, more fun, and quicker to get through. Roland likes that the app guides him through the steps of checking both the vehicle and medical equipment at a pace he is comfortable with; it utilizes pictures, voice control, and icons rather than tiny text. In fact, he chooses to keep the picture setting on for extra validation that he is meeting expectations. His favorite feature is that he now has a record of good performance regarding the rig check that he can show his supervisor. The interactivity with his phone has made his job even more satisfying and the whole check can be done before breakfast. Sharon I will never forget the time I was on a call to a known crack house in Phoenix only to discover my rig did not have any restraints inside. It was a really scary moment for me, especially as a petite female, to have to improvise on the spot how to keep this man from hurting himself. That s why I was thrilled when my company introduced RigIt, which ensures all the equipment is in place at the beginning of each shift. I have often found myself wondering why the medical community has not utilized mobile applications to their full advantage. I use my iphone in every other aspect of my life, so why not at work? Especially for such a boring, paperwork-heavy, yet important task such as rig checks. Not only does RigIt make the whole process faster and more fun, but it s also helped my team grow closer. I enjoy the level of peer-to-peer interaction during my own shift as well as being able to alert the next shift for items that run low before the requisite 24-hour check. I get to take care of my teammates in addition to the patients! 2

Preliminary Research Online Resources Basic information: typical day, common challenges, sleep schedule, shift schedule, family, education, gender, salary, age, traffic, road conditions Links:

3 Preliminary Research Online Resources Basic information: typical day, common challenges, sleep schedule, shift schedule, family, education, gender, salary, age, traffic, road conditions Links: App stores to determine what already exists in the driving/healthcare space YouTube videos of ride-alongs Further Questions How do they log travel each day? Where do they go? Accident scenes, nursing homes, private homes, hospitals? How are private ambulance companies different from local government? Different job and/or reporting requirements? Must check that ambulance is properly functioning/equipped/supplied? Do drivers/attendants want to move up to EMT? What motivates people to become EMTs? What do they do in their downtime, which there is a lot of? What happens when you receive a call, step-by-step? In what capacity do EMTs use their phones during work hours? 3

4 Interview Takeaways (Rig Check Idea) The rig check is done at the beginning of each shift. The rig check was divided into two parts: 1: pertains to the drivers/passengers compartment, under the hood fluids, and all outside compartments. 2: pertains to all of the back of the ambulance compartments and oxygen level readings. The items replenished most were 4 x 4, 2 x 2 dressings, kling, ekg pads, oxygen supplies such as face masks and nasal cannulas. I would like to change it up with rig checks meaning sometimes I would check the back and other days the front. This will help you be very comfortable with the ambulance you are in. Usually at the ambulance base, there is a supply closet that could supplement anything you did not obtain. It is up to the crew to replace ALL supplies. Usually, the checklist was set up in a system conducive to the way the compartments were set up so you did not have a scattered list. It started at the back bottom compartment and ended with the front top compartment. If you set the app right, when they hit the Complete button, it could automatically print out in the office and go directly into the completed rig check file. There were times that emergency calls interrupted your rig check, but afterwards, you would still have to complete it, it was part of the work assignment daily. Your crew chief would look for each of them daily. 4

Affinity Clustering Research Job Characteristics Equipment Tech Issues Feelings on Duty Responsibilities Demographics Career Training Types of Workers 50 Design Ideas Game to memorize

Fingerprint scanners to keep records safe Private chats to share traumatic stories Route dispatch through phone: Document the site and report creator Scan and diagnose patient Emergency mode on

5 Affinity Clustering Research Job Characteristics Equipment Tech Issues Feelings on Duty Responsibilities Demographics Career Training Types of Workers 50 Design Ideas Game to memorize hospital/emergency codes Automate which hospital is optimal Shared task/paperwork checklists with partner Send Snapchat to hospital of patient Share traffic amongst vehicles in each county Fingerprint scanners to keep records safe Private chats to share traumatic stories Route dispatch through phone: Document the site and report creator Scan and diagnose patient Emergency mode on personal phones Instant video connection between patient Connecting volunteers and EMT directly Realtime hospital status and doctors Driving/nursing games Continuing education Badge system to acknowledge teammates Procedure checklist for EMT & caregivers Update on patient after hospital admittance Allow patients to rate EMTs Memory keeper Scenario training Allow hospital to express thanks Update patient s friends/family, tracker Shift scheduling Team matching TinyPulse for EMTs Tracking of traffic with warnings Translate situation to patient if conscious Message control center app Organize EMT industry standards Multi GPS tracking around caller Store all work data in one folder as a report EMS Field Guide with voice Transmit medical diagnostics to hospital LinkedIn for drivers of all kinds Dispatch for drivers Chat room for driver and attendant team Mobile version of current EMT website EMT internal training app 5-minute relax app for down time Check in/out of work Social network for EMTs GPS guide inside building 5

6 Flow Map w/rough Wireframes 6

7 Digital Wireframes 7

8 Color Iteration 1 Get Started Thanks Summary Section Menu Heads Up Check Item 8

9 Color Iteration 2 Section Menu Thanks Summary Get Started Splash Page Check Item Item Done 9

10 Color Iteration 3 - Final 10

11 DESIGN SPECIFICATION 1

12 Introduction The goal of RigIt mobile application is to makes thorough checks more enjoyable and creates a positive feedback loop of helpful behavior among EMTs. We aimed to streamline the process of checking both the equipment inside the main cab and the back of the ambulance in addition to maintaining the vehicle itself. The app should ensure accuracy and make an onerous task more fun. Audience Our target audience are EMTs who are required to perform a rig check at the start of their shifts. They may be tired or bored or nervous about getting it done correctly, particularly if they are still in training. It is extremely important that all items are filled and equipment is in good condition for every single run. Back End Requirements There will be a one-time set up required on behalf of the company and/or jurisdiction to input all items required for the rig check, noting the proper full levels in case a numeric entry is required, and inputting vehicle numbers and descriptions. We wanted to allow for this customization because through our research we found that the rig check checklists differ across companies. item synchronously. In other words, if User A is checking Item 2 of Section 1, and User B is also in Section 1, Item 2 will not be an item that User B can check off because User A is working on it. There is a lock that is placed on an item that someone else is working on. A database for user profile accounts and all completed checks is also required. When two team members are working on the same section of a rig check, they will not be able to access the same 2

13 Functionality Calling, texting There is no calling nor texting within the app. Taking a picture, video The user can take a picture when leaving a Heads Up note. Making an audio recording There are no audio recording needs for this application. Finding a location There is no location data that is needed for this app. Storing information The information that the app will store includes the different rig numbers associated with each ambulance that a station/company owns. There is also information that is stored about the vehicle (the heads-up) that the user can input. Each station/company is also required to set up the initial checklist that includes all the items that need to go on the checklist. All the notes, thanks and heads-up will also be stored in the database and then be displayed to individual users. Each user also has a record of all of the Thanks Yous and Thank You Notes that he or she has received. Logging in There is a login that is required, although the login is only required when the user first downloads the app or if the user signs out of the app. Filling out forms There are forms within the checklist for particular checklist items, such as the oxygen tank level. Lastly, we also need to store the user s Items to replenish list so that they can access it later when they retrieve materials from the stock room. 3

14 Typefaces The main typeface used is San Francisco Display. We decided to go with this font because it maximizes legibility, as it was originally released for Apple s iwatch. Legibility is crucial to helping EMTs complete the task, so we decided to go with this typeface. List Item San Francisco Display Bold 60pt # Section Header San Francisco Display Medium 48pt #FFFFFF Message Text San Francisco Display Medium 30pt # Input Item San Francisco Display Bold 60pt #2791D8 HEADS UP ITEM HEADER San Francisco Display Medium All caps, 30pt #EF4D45 Name San Francisco Display Medium 24pt # Total Thanks San Francisco Display Ultralight 44pt # ITEMS TO REPLENISH San Francisco Display Medium 40pt #FFFFFF Time and Date San Francisco Display Medium 24pt #

15 Color Palette #5EA2D8 #EF4D45 # #4D4D4D #CCCCCC 5

16 Button and Form Style Voice Recognition Check Item Button Form Voice Active Voice Inactive Check Locked Incomplete Form Thanking Button Skip Add to Replenish List Completed Form Thanks Active Thanks Inactive 6

17 Navigation Items Navigation Icons Progress Bar Back Button Settings Home 7

18 Elements Line Shade Line Shades can be used for highlighting selected Rig and selected Heads Up item. Interactive Lists have rounded corners (8px) with a border width (2pt). This slanted lines are used for highlighted items. 8

19 Grid System 9

20 Touch Requirements Scrolling The user is able to scroll through content as well as through selection menus, such as choosing the rig. Swiping When the user swipes down from the top of the screen, it will activate a search bar so that the user can directly access a particular check list item. The user is able to access the tems to Replenish list through swiping up from the bottom of the screen on the section list page. Tapping The user will tap to click on buttons and to turn on voice activation. 10

21 Typefaces in context San Francisco Display Bold 60pt # San Francisco Display Medium All caps, 30 pt #EF4D45 San Francisco Display Bold 60pt #2791D8 11

22 Typefaces in context San Francisco Display Ultralight 44pt # San Francisco Display Medium 40pt # San Francisco Display Medium 40pt # San Francisco Display Medium 48pt # San Francisco Display Medium All caps, 40pt #FFFFFF 12

23 Typefaces San Francisco Display Ultralight 44pt # San Francisco Display Medium 30pt # San Francisco Display Medium 24pt #

24 Screen Behaviors When an item is checked off, a popping animation appears. 14

25 Splash page and Logo This is the first screen users see when they open the application. 15

26 Ambulance Choice On this screen, the user will choose the ambulance (rig) that he or she is working on during this shift. The blue line shade indicates selection. 16

Section List Once the user has chosen a rig, the app will bring her to the main menu of the checklist functionality. Here, the user will see the Heads Up Items that the previous crew left for them.

27 Section List Once the user has chosen a rig, the app will bring her to the main menu of the checklist functionality. Here, the user will see the Heads Up Items that the previous crew left for them. Additionally, the user also has a Items to Replenish list, which acts as a shopping list for when they are going through the check. This list is readily available so that they can retrieve it when they go to the stock room to pick up equipment and supplies. When a section has been completed, it will be grayed out, but the user can still click on it. 17

28 Main Check Screen This is what a typical checklist page looks like. The user will need to enter in the tire pressure in order to activate the check button. The user can also choose to skip to the next item or mark this item as one to replenish, which adds it to the user s Replenish List 18

29 Heads Up Item A Heads Up item has a faded out red background with the small title, in contrast to the white and gray background for regular items. This difference is meant to differentiate Heads Up items from regular items so that when working through a particular section the EMT will pay more attention to the Heads Up items. 19

30 Thanks Page On the Thanks Page, the user will be able to see the thank you messages from other EMT crew members. At the top, there is a count of the number of thanks that the user has received. 20

OUYA IS A NEW KIND OF GAME CONSOLE FOR THE TV THAT BRINGS THE OPENNESS OF MOBILE AND INTERNET PLATFORMS TO THE BIG SCREEN FOR THE FIRST TIME.

BRAND GUIDE OUYA IS A NEW KIND OF GAME CONSOLE FOR THE TV THAT BRINGS THE OPENNESS OF MOBILE AND INTERNET PLATFORMS TO THE BIG SCREEN FOR THE FIRST TIME. TABLE OF CONTENTS 01 LOGO 4 02 TYPOGRAPHY 14 03