Skip to main content
. 2016 Sep 28;4(3):e113. doi: 10.2196/mhealth.6023

Table 1.

User interface design dimensions from International Organization for Standardization (ISO) standard 9241-12 and corresponding WoundCheck design features.

Information display dimension Definition Method employed Sample app design features
Clarity Content conveyed quickly and accurately Physician review; focus group All app language validated by physician review panel (for clinical usefulness) and lay focus group (for interpretation)
Discriminability Information is readily distinguished Iterative redesign Tap-only response options (no text entry or scrolls)

Consistent 3D button placement below text

Redesign of image capture screen to prevent errors and reduce wrong-button taps
 
Color-coded buttons
Conciseness No extraneous content Focus group review of content Yes or no questions for symptoms

Draft language reviewed by focus group to reduce word count while retaining interpretation
Consistency Information is presented in the same way consistent with expectations Focus group review of layout; Iterative redesign All response screens are identical

Each module contains review screen prior to submission
Detectability Attention is directed to salient information Multidisciplinary design team; physician review Image review screens to ensure quality image

Feedback screens to track and confirm submission

Buttons are 100x100 pixels (0.33 in) or larger

Font fills the frame
Legibility Easy to read content Focus group test; iterative redesign Readable Helvetica Neue bold font choice, size 26 or larger with high contrast display (black type on white background)

Button shadowing
Comprehensibility Meaning is unambiguous and clear Focus group review of content; physician review 6th grade reading level

Focus group read-back of app questions “in your own words” to ensure faithful interpretation

Focus group feedback for image capture training