Skip to content

Commit

Permalink
updated Final PDF
Browse files Browse the repository at this point in the history
fixed font on authors
fixed next ch link on health it
replaced some images in allergy list and human factors
  • Loading branch information
jen-p committed Jul 10, 2014
1 parent 4d1f0d8 commit daf7be8
Show file tree
Hide file tree
Showing 10 changed files with 26 additions and 34 deletions.
Binary file added Inspired_EHRs_Designing_for_Clinicians.pdf
Binary file not shown.
4 changes: 2 additions & 2 deletions designing-for-clinicians/acknowledgements.php
Original file line number Diff line number Diff line change
Expand Up @@ -97,10 +97,10 @@
<p>We are deeply grateful for the Electronic Health Record Association (EHRA)’s support and encouragement for this project. Although the EHRA’s participation in this project does not constitute their endorsement of the content of the book, we appreciate that throughout the project, the EHRA has engaged with our work and provided feedback. In addition, the EHRA provided our authors with opportunities to present our project’s progress. Their volunteer participants also supported us by contributing to our design workshop and dissemination efforts.</p>

<h5>Funding Supporters</h5>
<p><a href="http://www.chcf.org/">California HealthCare Foundation</a><br/>
<p><a href="http://www.chcf.org/" target="blank">California HealthCare Foundation</a><br/>
The California HealthCare Foundation, based in Oakland, California, works as a catalyst to fulfill the promise of better healthcare for all Californians. The Foundation supports ideas and innovations that improve the quality, increase the efficiency, and lower the costs of care. For more information, visit <a href="www.chcf.org">www.chcf.org</a>.</p>

<p><a href="https://sbmi.uth.edu/nccd/index.htm">SHARP-C Project of the Office of the National Coordinator for Health IT</a> <br/>
<p><a href="https://sbmi.uth.edu/nccd/index.htm" target="blank" class="link">SHARP-C Project of the Office of the National Coordinator for Health IT</a> <br/>
This project was supported by the Office of the National Coordinator for Health Information Technology, Grant No. 10510592 for Patient-Centered Cognitive Support, under the Strategic Health IT Advanced Research Projects (SHARP).</p>

</div>
Expand Down
4 changes: 2 additions & 2 deletions designing-for-clinicians/allergy-list.php
Original file line number Diff line number Diff line change
Expand Up @@ -250,8 +250,8 @@
<span class="ex-type">Figure 4.9</span>
<span class="ex-caption">After: Simplified Dialog Requires Only Key Details <span class="capt-desc">&mdash; Removes less important information to a box in the lower screen</span></span>
</div>
<a href="./assets/images/examples/allergy-list/Um_Ehr_AllergyList_0006_add-an-allergy.png" class="fancybox" data-fancybox-group="gallery-1" title="After: Simplified dialog requires only key details (removes less important information to a box in the lower screen)" >
<img src="./assets/images/examples/allergy-list/Um_Ehr_0006_add-an-allergy.png" class="scale-with-grid" alt="After: Simplified dialog requires only key details (removes less important information to a box in the lower screen)" /></a>
<a href="./assets/images/examples/allergy-list/Um_Ehr_0006_add-an-allergy_2.png" class="fancybox" data-fancybox-group="gallery-1" title="After: Simplified dialog requires only key details (removes less important information to a box in the lower screen)" >
<img src="./assets/images/examples/allergy-list/Um_Ehr_0006_add-an-allergy_2.png" class="scale-with-grid" alt="After: Simplified dialog requires only key details (removes less important information to a box in the lower screen)" /></a>
</div>
</div><!--end Before and After 4.1, 4.2-->

Expand Down
15 changes: 4 additions & 11 deletions designing-for-clinicians/assets/css/layout.css
Original file line number Diff line number Diff line change
Expand Up @@ -553,9 +553,6 @@
font-size: 14px;
color: #828282;
}
.authors {
color: #828282;
}

/*menu*/
.menu {
Expand Down Expand Up @@ -730,11 +727,6 @@
-ms-transform:rotate(180deg); /* IE 9 */
-webkit-transform:rotate(180deg); /* Opera, Chrome, and Safari */
}
.authors p {
line-height: 24px;
font-size: 14px;
margin-top: 10px;
}
.sectionStart {
padding: 20px 0px 30px 0px;
margin: 10px 0px 0px 0px;
Expand Down Expand Up @@ -906,9 +898,6 @@
list-style: disc;
margin-top: 0px;
}
#acknowledge-ch .author {
margin-bottom: 40px;
}
#acknowledgements-sect h5 {
margin-top:60px;
}
Expand All @@ -925,6 +914,10 @@
.ex-item p {
margin-top: 100px;
}
.authors-ch .author {
margin-bottom: 40px;
}


/* #Media Queries
================================================== */
Expand Down
4 changes: 2 additions & 2 deletions designing-for-clinicians/authors.php
Original file line number Diff line number Diff line change
Expand Up @@ -18,7 +18,7 @@
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</head>
<body class="authors">
<body class="authors-ch">
<?php include './nav.php'; ?>

<div class="wrapper">
Expand All @@ -39,7 +39,7 @@
<hr/>
</div>
<div class="author">
<p><strong>Jeff Belden MD</strong> s a family physician. He is currently a Professor of Clinical Family &amp; Community Medicine at the University of Missouri-Columbia School of Medicine, and he is also an affiliated faculty member with the Information Experience Laboratory. His current responsibilities include user training, EHR implementation, collaboration with human-computer interaction researchers from the Information Experience (IE) Lab, and participation in EHR innovation projects at the Tiger Institute, a technology collaborative between the University of Missouri and Cerner Corporation.</p>
<p><strong>Jeff Belden MD</strong> is a family physician. He is currently a Professor of Clinical Family &amp; Community Medicine at the University of Missouri-Columbia School of Medicine, and he is also an affiliated faculty member with the Information Experience Laboratory. His current responsibilities include user training, EHR implementation, collaboration with human-computer interaction researchers from the Information Experience (IE) Lab, and participation in EHR innovation projects at the Tiger Institute, a technology collaborative between the University of Missouri and Cerner Corporation.</p>
<p>Dr. Belden’s research interests include the visual display of quantitative clinical information at the point of care, information display in clinical notes, and tools that foster collaborative conversations between patients and healthcare providers.</p>
<p>Dr. Belden was the Founding Chair of the HIMSS EHR Usability Task Force. He has given presentation on EHR usability at the HIMSS Annual Conference and Virtual Conferences, and at other national conferences. Dr. Belden’s past experience with photography, film-making, layout and design, typography, as well as his experience as a consultant in healthcare software design inform his approach to user-centered design.</p>
<p>He blogs on EHR usability at <a href="www.toomanyclicks.com" target="blank">www.toomanyclicks.com</a>.</p>
Expand Down
3 changes: 1 addition & 2 deletions designing-for-clinicians/design-principles.php
Original file line number Diff line number Diff line change
Expand Up @@ -109,7 +109,6 @@
<p>Marketing is meant to sell, and in order to do so it generates saleable names. These names and this process aren't the best means of denoting terminology inside a functional interface. As much as marketing managers want to control the design of a product, their skill set, as it's currently understood, doesn't serve the product or the user well in this capacity.</p>
<p>Generally speaking, terminology can be as uncomplicated and natural as common language used in everyday conversation.</p>
<p>Don't try to be clever when it comes to terminology. There's no need to construct complex neologisms that would prompt the use of a dictionary. Just call things what they are. It's really that simple.</p>
<p>Just call things what they are. It’s really that simple.</p>
<p>Key ideas:</p>
<ul class="disc">
<li>The interface is no place for marketing labels. Call things what they are.</li>
Expand Down Expand Up @@ -188,7 +187,7 @@
<div class="sixteen columns">
<div class="sectionStart">
<hr/>
<h3>8.6 The Dark Side of Seeing Color </h3>
<h3>8.7 The Dark Side of Seeing Color </h3>
</div>
<p><strong>Color has it uses, but if one is not careful, color can become useless.</strong></p>
<p>Color is useful beyond just having things look pleasing to the eye, it can create distinctions and be used to draw attention to things we want people to look at. However color has it limits as a communication tool and it’s important to keep these limitations in mind if you want to use color effectively.</p>
Expand Down
2 changes: 1 addition & 1 deletion designing-for-clinicians/header.php
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,7 @@
<li><a href="../medication-list/">Interactive Table</a></li>
<li><a href="../timeline/">Timeline</a></li>
<li><a href="http://www.cs.umd.edu/hcil/sharp/twinlist/dev/indev/ipad/index.html?case=__DATASET_APPENDECTOMY__&version=__VERSION_FULL__&animate=__AUTO_ANIMATE_ON__" target="blank">Twinlist</a></li>
<li><a href="../Inspired_EHRs.pdf" target="blank">PDF</a></li>
<li><a href="../Inspired_EHRs_Designing_for_Clinicians.pdf" target="blank">PDF</a></li>
<li><a href="https://github.com/goinvo/EHR" target="blank">GitHub</a></li>
<li><a href="mailto:[email protected]?Subject=EHR%20feedback" target="_top">Feedback</a></li>
</ul>
Expand Down
20 changes: 10 additions & 10 deletions designing-for-clinicians/health-it-usability.php
Original file line number Diff line number Diff line change
Expand Up @@ -29,7 +29,7 @@
<div class="container">
<div class="sixteen columns">
<h2>9</h2>
<h2>Health Information Technology and Usability</h2>
<h2>Health Information Technology<br/> and Usability</h2>
<div class="subheader"><p>Work smarter, not harder.</p></div>
</div>
</div>
Expand All @@ -45,7 +45,7 @@
<p>The International Standards for Human Computer Interaction (HCI) and usability (i.e., ISO 9241-11) define usability as the “effectiveness, efficiency, and satisfaction of a user performance within a specific context, such as physical and social environment.” But usability alone is not enough, an interface also must have good utilit. Good utility means the interface provides the features needed to complete users’ tasks. Successful applications combine good utility and good usability.</p>
<p>Health Information Technology (Health IT) usability issues are similar to the information technology usability issues of other life-critical systems such as air traffic control or nuclear power plants. Users in all of these fields are experts in their domain, but they need rapid, error free information technology performance to do their jobs effectively.</p>
<p>Usability problem spots with an interface design might be indicated by workarounds, redundancies, or slow task completion, all of which could possibly lead to general user burnout. Health IT applications with usability problems are more than just annoying to use, they can cause serious patient harm (e.g. wrong medication or dangerous dosage, wrong treatment, missed results, wrong patient selection leading to a patient not receiving treatment and another receiving unintended treatment, etc.).</p>
<p>There is an art as well as a science to good interface design. Donald Norman’s seminal book: <em>The Design of Everyday Things</em> (i.e. initially named <em>The Psychology of Everyday Things</em>), highlighted the importance of balancing the imperatives of efficiency and aesthetics in the design process.</p>
<p>There is an art as well as a science to good interface design. Donald Norman’s seminal book: <em>The Design of Everyday Things</em> (initially named <em>The Psychology of Everyday Things</em>), highlighted the importance of balancing the imperatives of efficiency and aesthetics in the design process.</p>
<p>The 5 measures of usability are as follows:</p>
<ul class="disc">
<li>Learnability: How easy is it for first time users to accomplish basic tasks using this system? How easily can users discover and access the system's more advanced features?</li>
Expand Down Expand Up @@ -108,8 +108,8 @@
</tr>
<tr>
<td>Paper Prototyping</td>
<td>Low fidelity usability testing of product concept made from paper or some simple tool</td>
<td>Paper prototyping has a high value in the iterative design process. A design can be worked and reworked over and over again, especially when combined with cognitive walkthroughs, to quickly design a prototype</td>
<td>Low fidelity usability testing of product concept made from paper or some simple tool.</td>
<td>Paper prototyping has a high value in the iterative design process. A design can be worked and reworked over and over again, especially when combined with cognitive walkthroughs, to quickly design a prototype.</td>
</tr>
<tr>
<td>Survey or Questionnaire</td>
Expand All @@ -118,18 +118,18 @@
</tr>
<tr>
<td>Think Aloud (Concurrent)</td>
<td>Participants in testing express their thoughts on the application while executing set tasks. Think alouds are also used in an exit interview when the user shown a recording of their session and asked to express their thoughts in retrospect</td>
<td>Participants in testing express their thoughts on the application while executing set tasks. Think alouds are also used in an exit interview when the user shown a recording of their session and asked to express their thoughts in retrospect.</td>
<td>This process can help gain insight into the thought flows of actual users as well help answer questions about why users are performing tasks a certain way.</td>
</tr>
<tr>
<td>Usability Testing/Task Performance</td>
<td>A usability test that presents representative end-users with scenarios, or specific tasks, designed to cover the major functionality of the software system and to simulate expected real-life usage patterns</td>
<td>A usability test that presents representative end-users with scenarios, or specific tasks, designed to cover the major functionality of the software system and to simulate expected real-life usage patterns.</td>
<td>This process determines if the design works for the intended task or has gulfs between the user’s expectations of the design and the developer's concept of functionality. </td>
</tr>
<tr>
<td>Field Testing</td>
<td>Researchers evaluate products in the contexts in which those products would normally be used. </td>
<td>People use things differently in different settings. Collecting data in the field can provide new insights that are not always discoverable in a lab or test center</td>
<td>People use things differently in different settings. Collecting data in the field can provide new insights that are not always discoverable in a lab or test center.</td>
</tr>
</tbody>
</table>
Expand Down Expand Up @@ -162,8 +162,8 @@
<ul>
<li>Hochheiser, H., &amp; Shneiderman, B. (2011). Electronic medical records: usability challenges and opportunities. <em>ACM Interactions</em>, 18(6), 48-49.</li>
<li>Douglas, G. P., Landis-Lewis, Z., &amp; Hochheiser, H. (2011). Simplicity and usability: lessons from a touchscreen electronic medical record system in Malawi. <em>ACM Interactions</em>, 18(6), 50-53.</li>
<li>Swanson, A., &mp; Lind, S. (2011). Usability testing EHRs: Examples from the front lines. <em>ACM Interactions</em>, 18(6), 54-58.</li>
<li>Shneiderman, B. (2011). Tragic errors: usability and electronic health records. <em>ACM Interactions</em>, 18(6), 60-63.(<a href="http://www.cs.umd.edu/hcil/sharp/TragicErrors-EHR-Usability-ACMinteractions-11-2011.pdf" target="blank" class="link">PDF</a>)</li>
<li>Swanson, A., &amp; Lind, S. (2011). Usability testing EHRs: Examples from the front lines. <em>ACM Interactions</em>, 18(6), 54-58.</li>
<li>Shneiderman, B. (2011). Tragic errors: usability and electronic health records. <em>ACM Interactions</em>, 18(6), 60-63. (<a href="http://www.cs.umd.edu/hcil/sharp/TragicErrors-EHR-Usability-ACMinteractions-11-2011.pdf" target="blank" class="link">PDF</a>)</li>
</ul></p>
<p><a href="http://www.usability.gov" class="link" target="blank">Usability.gov</a> This is a valuable general resource on usability methods and principles.</p>

Expand Down Expand Up @@ -198,7 +198,7 @@
<div class="fleft" id="prevCh">
<p class="pagination prev_ch"><a href="./design-principles.php"><span class="prev"></span> Design Principles</a></p></div>
<div class="fright" id="nextCh">
<p class="pagination next_ch"><a href="./acknowledgements.php">Acknowledgements<span class="next"></span></a></p></div>
<p class="pagination next_ch"><a href="./authors.php">Authors<span class="next"></span></a></p></div>
</div>
</div>
</div>
Expand Down
6 changes: 3 additions & 3 deletions designing-for-clinicians/human-factors.php
Original file line number Diff line number Diff line change
Expand Up @@ -284,7 +284,7 @@
<span class="ex-caption">Continuity in Medication Reconciliation</span>
</div>
<a class="fancybox" href="./assets/images/examples/human-factors/UM_EHR_0008_the-drug-becomes-bright-green-when-selected-clean.png">
<img src="./assets/images/examples/human-factors/UM_EHR_0009_the-final-selection-clean.png" class="scale-with-grid" /></a>
<img src="./assets/images/examples/human-factors/UM_EHR_0008_the-drug-becomes-bright-green-when-selected-clean.png" class="scale-with-grid" /></a>
</div>
<div class="print-only page-break"></div>
<h5>7.1.3 I Can't See It but I Use It</h5>
Expand Down Expand Up @@ -380,8 +380,8 @@
<span class="ex-type">Figure 7.21</span>
<span class="ex-caption">The Twinlist Prototype Facilitates Fast Thinking</span>
</div>
<a class="fancybox" href="./assets/images/examples/human-factors/UM_EHR_0007_when-the-pointer-hovers-over-a-drug-clean.png" title=" The Twinlist Prototype Facilitates Fast Thinking">
<img src="./assets/images/examples/human-factors/UM_EHR_0007_when-the-pointer-hovers-over-a-drug-clean.png" class="scale-with-grid" alt=" The Twinlist Prototype Facilitates Fast Thinking" /></a>
<a class="fancybox" href="./assets/images/examples/human-factors/UM_EHR_0008_the-drug-becomes-bright-green-when-selected-clean.png" title=" The Twinlist Prototype Facilitates Fast Thinking">
<img src="./assets/images/examples/human-factors/UM_EHR_0008_the-drug-becomes-bright-green-when-selected-clean.png" class="scale-with-grid" alt=" The Twinlist Prototype Facilitates Fast Thinking" /></a>
</div>

<h5 id="working memory">7.2.2 Working Memory</h5>
Expand Down
2 changes: 1 addition & 1 deletion index.html
Original file line number Diff line number Diff line change
Expand Up @@ -38,7 +38,7 @@ <h2 class="title">Inspired EHRs: <span class="sm_title">Designing for Clinicians
<li><a href="./timeline/">Timeline</a></li>
<li><a href="http://www.cs.umd.edu/hcil/sharp/twinlist/dev/indev/ipad/index.html?case=__DATASET_APPENDECTOMY__&version=__VERSION_FULL__&animate=__AUTO_ANIMATE_ON__" target="blank">Twinlist</a></li>
<li><a href="https://github.com/goinvo/EHR" target="blank">GitHub</a></li>
<li><a href="./Inspired_EHRs.pdf" target="blank">PDF</a></li>
<li><a href="./Inspired_EHRs_Designing_for_Clinicians.pdf" target="blank">PDF</a></li>
<li><a href="mailto:[email protected]?Subject=EHR%20feedback" target="_top">Feedback</a></li>
</ul>
</div>
Expand Down

0 comments on commit daf7be8

Please sign in to comment.