| Literature DB >> 25119490 |
Jelena Mirkovic1, David R Kaufman, Cornelia M Ruland.
Abstract
BACKGROUND: Mobile phones and tablets currently represent a significant presence in people's everyday lives. They enable access to different information and services independent of current place and time. Such widespread connectivity offers significant potential in different app areas including health care.Entities:
Keywords: cell phone; mobile applications; patients; self-care; smartphone; symptom assessment; user-computer interface
Year: 2014 PMID: 25119490 PMCID: PMC4147703 DOI: 10.2196/mhealth.3359
Source DB: PubMed Journal: JMIR Mhealth Uhealth ISSN: 2291-5222 Impact factor: 4.773
Figure 1Connect Web app (screenshot of the main menu).
Figure 3Connect tablet app (screenshot of the main menu).
Characteristics of the study participants.
| Characteristics | n (%) | |
| Age, median (range) |
| 61 (49-75) |
|
| ||
|
| Male | 3 (43) |
|
| Female | 4 (57) |
|
| ||
|
| Elementary/high school | 6 (86) |
|
| University/college | 1 (14) |
|
| ||
|
| Smartphone | 5 (71) |
|
| Regular cell phone | 2 (29) |
|
| ||
|
| Low | 0 (0) |
|
| Medium | 3 (43) |
|
| High | 4 (57) |
|
| ||
|
| Yes | 3 (43) |
|
| No | 4 (57) |
|
| ||
|
| Low | 2 (67) |
|
| Medium | 1 (33) |
|
| High | 0 (0) |
|
| ||
|
| Assessment module | 2 (29) |
|
| Symptom self-management support module | 3 (43) |
|
| Information module | 2 (29) |
|
| Messaging module | 7 (100) |
|
| Communication module | 4 (57) |
|
| Diary module | 5 (71) |
Quantitative results (time and standard deviation, errors, and requests for help) for both mobile phone and tablet app across nine tasks.
|
| Time (SD), seconds | Errors, n | Requests for help, n | |||
| Mobile phone | Tablet | Mobile phone(n=4) | Tablet (n=5) | Mobile phone (n=4) | Tablet (n=5) | |
| Task 1a | 101.25 (60.7) | 67.6 (29.6) | 1 | 4 | 2 | 4 |
| Task 2b | 321.75 (120.2) | 293.2 (58.2) | 7 | 5 | 11 | 20 |
| Task 3b | 42.75 (37.3) | 28.4 (21.1) | 2 | 0 | 3 | 2 |
| Task 4c | 682.75 (186.4) | 403 (81.3) | 10 | 5 | 26 | 30 |
| Task 5d | 191.75 (88.7) | 116.6 (48.9) | 2 | 2 | 7 | 16 |
| Task 6d | 116.75 (40.4) | 108.0 (41.2) | 2 | 1 | 7 | 11 |
| Task 7d | 132.75 (85.4) | 69.4 (77.94) | 2 | 2 | 4 | 3 |
| Task 8e | 186.75 (80.6) | 142.8 (32.5) | 1 | 1 | 4 | 4 |
| Task 9f | 13.75 (8.5) | 22 (4.9) | 0 | 0 | 1 | 1 |
| Sum |
|
| 27 | 20 | 65 | 91 |
aTask 1: Login to the app.
bTasks 2-3: Reply to a message from the nurse.
cTask 4: Report the predefined set of health related symptoms.
dTasks 5-7: Find self-management activities that can be performed to address new and previously reported health symptoms.
eTask 8: Share predefined text with other patients in forum.
fTask 9: Logout.
Usability issues identified in the Connect app for mobile phones.
| App module | Problem | Source (frequency) | Heuristic |
| General | Color consistency between mobile and Web app | Feedback (1) | 3 – Consistency and mapping |
| Navigation issue—support more advance options for expert users (eg, swiping screen) | Feedback (1) | 3 – Consistency and mapping | |
| Messaging | The option for adding a picture to the message difficult to find and use | Errors (1); Request for help (2) | 5 – Ease of input, screen readability, and glanceability |
| The feedback about attached image is difficult to find | Request for help (3) | 5 – Ease of input, screen readability, and glanceability | |
| Problems writing/editing a message—support inputting text in horizontal mode | Feedback (2) | 5 – Ease of input, screen readability, and glanceability | |
| Unnecessary popup | Request for help (2) | 4 – Good ergonomic and minimalistic design | |
| Popup screen options not intuitive | Errors (1) | 2 – Match between system and the real world | |
| Symptom assessment | Collapsible set widgets not intuitive | Feedback (2); Errors (3); Request for help (12) | 5 – Ease of input, screen readability, and glanceability |
| Slider widgets not intuitive | Request for help (5) | 5 – Ease of input, screen readability and glanceability | |
| Introduction screen not intuitive nor informative enough | Errors (1); Request for help (4) | 2 – Match between system and the real world | |
| Symptom assessment values in the summary screen not intuitive | Request for help (1) | 2 – Match between system and the real world | |
| Symptom self-management support | Color of the bottom tab menu not intuitive | Errors (1); Request for help (3) | 5 – Ease of input, screen readability and glanceability |
| Option for removing item from the list misleading | Errors (1) | 2 – Match between system and the real world |
Usability issues identified in the Connect app for tablets.
| App module | Problem | Source (frequency) | Heuristic |
| General | Color contrast across platforms | Feedback (4); Observations (1) | 5 – Ease of input, screen readability, and glanceability |
| Navigation issue—provide support for hardware back option | Errors (4); Request for help (2) | 3 – Consistency and mapping | |
| Small font size | Feedback (1) | 5 – Ease of input, screen readability, and glanceability | |
| Navigation issue—provide support for more intuitive navigation buttons (eg, text in navigation buttons) | Feedback (1) | 3 – Consistency and mapping | |
| Messaging | The option for adding a picture to the message difficult to find and use | Errors (1); Help (3); Observations (1) | 5 – Ease of input, screen readability, and glanceability |
| Font size too small for screens with more information (message info, content of the message) | Feedback (2); Observations (3) | 5 – Ease of input, screen readability, and glanceability | |
| The feedback about attached image is difficult to find | Requests for help (2) | 5 – Ease of input, screen readability, and glanceability | |
| Popup screen options not intuitive | Requests for help (1); Observation (1) | 2 – Match between system and the real world | |
| Problems writing/editing a message | Observations (1) | 5 – Ease of input, screen readability, and glanceability | |
| Difficult to answer to the message if the original content is not shown | Observation (1) | 2 – Match between system and the real world | |
| Symptom assessment | Collapsible set widgets not intuitive | Feedback (1); Help (10) | 5 – Ease of input, screen readability and glanceability |
| Slider widgets not intuitive | Observations (2); Requests for help (2) | 5 – Ease of input, screen readability, and glanceability | |
| Introduction screen not intuitive nor informative enough | Requests for help (1); Observations (1) | 2 – Match between system and the real world | |
| Symptom self-management support | Font size too small for screens with text describing advices | Feedback (3) | 5 – Ease of input, screen readability, and glanceability |
The design recommendations grouped by the device type and usability heuristics.
| App type | Heuristic | Design recommendations | Useful design features |
| Mobile phone and tablet | 5: Ease of input, screen readability, and glanceability | Make sure the contrast between colors is clearly noticeable across different devices types | Easy identifiable back option |
|
|
| Most important options/buttons/feedback to users must be visible on the screen without scrolling | Support buttons with both icons and text |
|
|
| Collapsible sets and slider widgets may be problematic to use and understand |
|
|
|
| Implement support for using templates when writing messages to avoid requirement for too much writing |
|
|
| 3: Consistency and mapping | Use the same colors across both Web and mobile systems | Implementation of system features to resemble to standard mobile app(s) options |
|
|
| Enable both software and hardware back buttons (if device supports it) | System features should resemble across all apps (Web, mobile phone, tablet) |
|
| 2: Match between system and the real world | Make sure images and icons used in the app do not resemble of buttons |
|
|
|
| Text and options in dialog boxes must be easy understandable and intuitive |
|
|
|
| Enable user to preview original message content when writing reply |
|
|
| 4: Good ergonomic and minimalistic design | Avoid use of not required popups/dialogs |
|
| Mobile phone | 5: Ease of input, screen readability, and glanceability | Provide support for writing message in horizontal mode |
|
|
| 6: Flexibility, efficiency of use, and personalization |
| Option to customize main menu features |
|
| 3: Consistency and mapping | Implement advanced navigation options (eg, swiping screens) for expert users |
|
| Tablet | 5: Ease of input, screen readability, and glanceability | Use bigger font size (compared to the app for mobile phones) and additionally allow users to adjust text size themselves by zooming on screens with much text | Organization of the content on the screen in the two areas: menu on the left side and the main content on the right side |
|
| 3: Consistency and mapping | Use both text and icons on buttons |
|