Visualization Methods and User Interface Design Guidelines for Rapid Decision Making in Complex Multi-Task Time-Critical Environments

Total Page:16

File Type:pdf, Size:1020Kb

Visualization Methods and User Interface Design Guidelines for Rapid Decision Making in Complex Multi-Task Time-Critical Environments Wright State University CORE Scholar Browse all Theses and Dissertations Theses and Dissertations 2009 Visualization Methods and User Interface Design Guidelines for Rapid Decision Making in Complex Multi-Task Time-Critical Environments Sriram Mahadevan Wright State University Follow this and additional works at: https://corescholar.libraries.wright.edu/etd_all Part of the Operations Research, Systems Engineering and Industrial Engineering Commons Repository Citation Mahadevan, Sriram, "Visualization Methods and User Interface Design Guidelines for Rapid Decision Making in Complex Multi-Task Time-Critical Environments" (2009). Browse all Theses and Dissertations. 914. https://corescholar.libraries.wright.edu/etd_all/914 This Dissertation is brought to you for free and open access by the Theses and Dissertations at CORE Scholar. It has been accepted for inclusion in Browse all Theses and Dissertations by an authorized administrator of CORE Scholar. For more information, please contact [email protected]. VISUALIZATION METHODS AND USER INTERFACE DESIGN GUIDELINES FOR RAPID DECISION MAKING IN COMPLEX MULTI-TASK TIME-CRITICAL ENVIRONMENTS A dissertation submitted in partial fulfillment of the requirements for the degree of Doctor of Philosophy By SRIRAM MAHADEVAN B.S., University of Madras, 2000 M.S., Wright State University, 2003 2009 Wright State University COPYRIGHT BY SRIRAM MAHADEVAN 2009 WRIGHT STATE UNIVERSITY SCHOOL OF GRADUATE STUDIES 01/21/2009 I HEREBY RECOMMEND THAT THE DISSERTATION PREPARED UNDER MY SUPERVISION BY Sriram Mahadevan ENTITLED Visualization Methods and User Interface Design Guidelines for Rapid Decision Making in Complex Multi-Task Time- Critical Environments BE ACCEPTED IN PARTIAL FULFILLMENT OF THE REQUIREMENTS FOR THE DEGREE OF Doctor of Philosophy. Raymond Hill, Ph.D. Dissertation Director Ramana Grandhi, Ph.D. Director, Ph.D. in Engineering Joseph F. Thomas, Jr., Ph.D. Dean, School of Graduate Studies Committee on Final Examination Raymond Hill, Ph.D. Frank W. Ciarallo, Ph.D. Yan Liu, Ph.D. S. Narayanan, Ph.D., P.E. Edward Pohl, Ph.D. Dan Voss, Ph.D. ABSTRACT Mahadevan, Sriram. Ph.D., Engineering Ph.D. Program, Department of Biomedical, Industrial, and Human Factors Engineering, Wright State University, 2009. Visualization Methods and User Interface Design Guidelines for Rapid Decision Making in Complex Multi-Task Time-Critical Environments Real-world scenarios are complex dynamic systems that are often overloaded with information. Effective performance of these dynamic systems depends on the objects in such systems and the relationship among them. The control of many of these systems is semi- automated. Human operators constantly monitor and control these systems, assess the situation and often make decisions under time pressure. However, this supervisory control paradigm in a dual-task environment can be a very challenging task. Existing interface design methodologies and techniques have not delved deeply enough into defining information displays for complex, dynamic, time-critical, dual-task environments with capabilities for rapid task change awareness and task resumption while continuously maintaining situation awareness. This research focuses on designing user displays with advanced cueing techniques to support performance in complex dynamic dual-task environments. A primary question addressed in this study is whether visualization methods such as status-at-a-glance displays, interruption recovery tools, and course of action planning tools would assist in maintaining situation awareness, resuming tasks quickly, and effectively perform decision making tasks. The research examines interface design methods to support supervisory awareness in primary and secondary task situations, rapid assimilation when switching to a secondary task, rapid re-assessment upon return to the primary task or secondary task, a course of action solution explorer for successful mission planning/re-planning, and notification systems such iv as alerts to inform operators about interrupting tasks. This research provides a means to realize an ―at-a-glance‖ decision making environment. The methodology adopted in this research effort used a three-stage process. In stage one, the effect of interruptions on trust and coordination among team members was studied. For stages two and three, the operator tasks and the interface protocols for accomplishing the tasks were designed based on the operator function model. Visual display components were designed to maintain situation awareness, resume the interrupted task scenario quickly, and plan/re-plan course of action for missions and anticipate system status. Multi-modal alert techniques are designed to notify the operator about the interrupting task scenario. The hypotheses related to each stage and the designed components were empirically evaluated using human participants. Results showed that providing an user interface with status-at-a-glance display and interruption recovery tool and other task resumption cues assists the user in maintaining situation awareness and gain change awareness quickly. It was also found that course of action solution exploration tool assists users in quickly designing a feasible course of action and also allows users to re-plan the course of action based on requirements. The use of alerts helps to inform users about a secondary task that would need their attention. A primary contribution from this research is defining a set of user interface design guidelines for use on small screen displays for dual-task supervisory monitoring and control scenarios. Other significant contributions include the design of the status-at-a-glance display, along with the interruption recovery tool, mission planning tool, and the evaluation of alert techniques in such complex, dynamic, time-critical environments. v TABLE OF CONTENTS 1. INTRODUCTION ............................................................................................................ 1 2. RESEARCH BACKGROUND ........................................................................................ 6 2.1 Decision Support Systems (DSS) ............................................................................. 6 2.2 Information Visualization ......................................................................................... 9 2.3 Attention Management............................................................................................ 21 2.4 Information Uncertainty.......................................................................................... 22 2.5 Situation Awareness................................................................................................ 26 2.5.1 Workload............................................................................................................. 29 2.6 Status-at-a-glance display methodology ................................................................. 31 2.7 Mental Simulations ................................................................................................. 33 2.8 Trust ........................................................................................................................ 37 2.9 Interface design in time-critical applications ......................................................... 44 2.10 Studies conducted in dual-task environments ......................................................... 52 2.11 Methodologies for User Interface Design ............................................................... 71 2.11.1 Operator Function Model (OFM) ....................................................................... 72 2.11.2 Direct Manipulation Interfaces ........................................................................... 73 2.11.3 Abstraction Hierarchy (AH) ............................................................................... 79 2.11.4 Ecological Interface Design (EID) ...................................................................... 81 2.11.5 GOMS Model...................................................................................................... 82 2.11.6 Cognitive Task Analysis (CTA) ......................................................................... 83 3. GAPS IN EXISTING KNOWLEDGE ........................................................................... 86 4. RESEARCH METHODOLOGY.................................................................................... 95 4.1 Introduction ............................................................................................................. 95 4.2 Methodology ........................................................................................................... 96 4.3 Research Questions ................................................................................................. 99 4.4 Domain Description .............................................................................................. 101 4.4.1 Sense and Respond Logistics (SRL) ................................................................. 102 4.4.2 Unmanned Aerial Vehicles (UAVs) ................................................................. 103 4.5 Visual Display Guidelines and Visualization Techniques .................................... 109 4.5.1 Initial proposed user interface design guidelines for dynamic dual-tasks ........ 109 4.5.2 Icon Representation .......................................................................................... 111 vi 4.5.3 Status-at-a-glance display ................................................................................
Recommended publications
  • Designing and Deploying an Information Awareness Interface
    Designing and Deploying an Information Awareness Interface JJ Cadiz, Gina Venolia, Gavin Jancke, Anoop Gupta Collaboration & Multimedia Systems Team Microsoft Research One Microsoft Way, Redmond, WA 98052 {jjcadiz; ginav; gavinj; anoop} @microsoft.com ABSTRACT appeal to a broader audience. Although the ideas and The concept of awareness has received increasing attention lessons generated by such prototypes are valuable, they over the past several CSCW conferences. Although many leave a critical question: Why did these prototypes fail to awareness interfaces have been designed and studied, most provide users with substantial value relative to cost? What have been limited deployments of research prototypes. In combination of features, design, and process will help an this paper we describe Sideshow, a peripheral awareness application succeed in establishing a healthy user interface that was rapidly adopted by thousands of people in population? our company. Sideshow provides regularly updated Sideshow started as one more idea for an interface designed peripheral awareness of a broad range of information from to provide users with peripheral awareness of important virtually any accessible web site or database. We discuss information. Rather than concentrate on a specific Sideshow’s design and the experience of refining and awareness issue, the research team set out to incorporate a redesigning the interface based on feedback from a rapidly range of features into a versatile and extensible system for expanding user community. dynamic information awareness that could be easily Keywords deployed, extended by third parties, and quickly evolved in Situational awareness, peripheral awareness, awareness, response to users’ experiences. computer mediated communication, information overload What happened was something akin to an epidemic within 1 INTRODUCTION our company.
    [Show full text]
  • Bforartists UI Redesign Design Document Part 2 - Theming
    Bforartists UI redesign Design document part 2 - Theming Content Preface...........................................................................................................................6 The editor and window types......................................................................................7 Python console.............................................................................................................8 Layout:................................................................................................................................................................8 The Console Window.........................................................................................................................................8 Menu bar with a menu........................................................................................................................................8 Dropdown box with icon....................................................................................................................................9 RMB menu for menu bar....................................................................................................................................9 Toolbar................................................................................................................................................................9 Button Textform..................................................................................................................................................9
    [Show full text]
  • Veyon User Manual Release 4.1.91
    Veyon User Manual Release 4.1.91 Veyon Community Mar 21, 2019 Contents 1 Introduction 1 1.1 Program start and login.........................................1 1.2 User interface...............................................2 1.3 Status bar.................................................2 1.4 Toolbar..................................................3 1.5 Computer select panel..........................................3 1.6 Screenshots panel............................................4 2 Program features 7 2.1 Using functions on individual computers................................7 2.2 Monitoring mode.............................................8 2.3 Demonstration mode...........................................8 2.4 Lock screens...............................................9 2.5 Remote access..............................................9 2.6 Power on, restart and shutdown computers............................... 11 2.7 Log off users............................................... 12 2.8 Send text message............................................ 12 2.9 Run program............................................... 13 2.10 Open website............................................... 13 2.11 Screenshot................................................ 14 3 FAQ - Frequently Asked Questions 15 3.1 Can other users see my screen?..................................... 15 3.2 How frequently are the computer thumbnails updated?......................... 15 3.3 What happens if I accidentally close the Veyon Master application window?.............. 15 3.4
    [Show full text]
  • Bootstrap Tooltip Plugin
    BBOOOOTTSSTTRRAAPP TTOOOOLLTTIIPP PPLLUUGGIINN http://www.tutorialspoint.com/bootstrap/bootstrap_tooltip_plugin.htm Copyright © tutorialspoint.com Tooltips are useful when you need to describe a link. The plugin was inspired by jQuery.tipsy plugin written by Jason Frame. Tooltips have since been updated to work without images, animate with a CSS animation, and data-attributes for local title storage. If you want to include this plugin functionality individually, then you will need tooltip.js. Else, as mentioned in the chapter Bootstrap Plugins Overview, you can include bootstrap.js or the minified bootstrap.min.js. Usage The tooltip plugin generates content and markup on demand, and by default places tooltips after their trigger element. You can add tooltips in the following two ways: Via data attributes : To add a tooltip, add data-toggle="tooltip" to an anchor tag. The title of the anchor will be the text of a tooltip. By default, tooltip is set to top by the plugin. <a href="#" data-toggle="tooltip" title="Example tooltip">Hover over me</a> Via JavaScript : Trigger the tooltip via JavaScript: $('#identifier').tooltip(options) Tooltip plugin is NOT only-css plugins like dropdown or other plugins discussed in previous chapters. To use this plugin you MUST activate it using jquery readjavascript. To enable all the tooltips on your page just use this script: $(function () { $("[data-toggle='tooltip']").tooltip(); }); Example The following example demonstrates the use of tooltip plugin via data attributes. <h4>Tooltip examples for anchors</h4> This is a <a href="#" title="Tooltip on left"> Default Tooltip </a>. This is a <a href="#" data-placement="left" title="Tooltip on left"> Tooltip on Left </a>.
    [Show full text]
  • Attribute Tooltip and Images Live Demo
    Attribute Tooltip and Images Live Demo Attribute Tooltip and Images Installation/User Guide Support Attribute Tooltip and Images Live Demo Installation Process: Note: Please take a backup of your all Magento files and database before installing or updating any extension. Extension Installation: Download the Attribute Tooltip and Images .ZIP file from the Magento account. Log in to the Magento server (or switch to) as a user, who has permission to write to the Magento file system. Create folder structure /app/code/Solwin/attribute-tooltip-image/ to your site root directory Extract the contents of the .ZIP file to the folder you just created Navigate to your store root folder in the SSH console of your server: Run upgrade command as specified : php bin/magento setup:upgrade Run deploy command as specified : php bin/magento setup:static- content:deploy -f Clear the cache either from the admin panel or command line php bin/magento cache:clean Now, you can see the Solwin menu in the admin panel. Please go to Solwin -> Attribute Tooltip And Image -> Configuration and select Enable to Yes. Change/Set all other options as per your requirements and save settings. Overview: The Attribute Tooltip and Images extension for Magento 2 adds a custom tooltip to the attributes for the Magento website. The tooltip can display as text and/or image. The Attribute Tooltip and Images extension for Magento 2 provides an option to show an image for an individual attribute. Once the store owner enables the “Visible on Product View Page on Front-end” option then the attributes tooltip image displays on the product detail page.
    [Show full text]
  • Knowledge Articles
    Oracle® Guided Learning Knowledge Articles F38165-04 Oracle Guided Learning Knowledge Articles, F38165-04 Copyright © 2021, 2021, Oracle and/or its affiliates. This software and related documentation are provided under a license agreement containing restrictions on use and disclosure and are protected by intellectual property laws. Except as expressly permitted in your license agreement or allowed by law, you may not use, copy, reproduce, translate, broadcast, modify, license, transmit, distribute, exhibit, perform, publish, or display any part, in any form, or by any means. Reverse engineering, disassembly, or decompilation of this software, unless required by law for interoperability, is prohibited. The information contained herein is subject to change without notice and is not warranted to be error-free. If you find any errors, please report them to us in writing. If this is software or related documentation that is delivered to the U.S. Government or anyone licensing it on behalf of the U.S. Government, then the following notice is applicable: U.S. GOVERNMENT END USERS: Oracle programs (including any operating system, integrated software, any programs embedded, installed or activated on delivered hardware, and modifications of such programs) and Oracle computer documentation or other Oracle data delivered to or accessed by U.S. Government end users are "commercial computer software" or "commercial computer software documentation" pursuant to the applicable Federal Acquisition Regulation and agency-specific supplemental regulations. As such, the use, reproduction, duplication, release, display, disclosure, modification, preparation of derivative works, and/or adaptation of i) Oracle programs (including any operating system, integrated software, any programs embedded, installed or activated on delivered hardware, and modifications of such programs), ii) Oracle computer documentation and/or iii) other Oracle data, is subject to the rights and limitations specified in the license contained in the applicable contract.
    [Show full text]
  • Hydrolink 6 Base
    EN HYDROlink6 Base Operating Instructions Version 1.0 EN Software version 6.1 Manufacturer For technical information, please contact our customer service: Address HYDROTECHNIK GmbH Holzheimer Str. 94 D-65549 Limburg an der Lahn Telephone +49643140040 Telefax +49 6431 45308 email [email protected] EN Internet www.hydrotechnik.com Further information To learn more about the products and services from HYDROTECHNIK, please visit our Internet site www.hydrotech- nik.com or contact your local distributor. Your experiences and feedback We appreciate your suggestions and feedback. It helps us to con- tinually improve our products. Version 1.0 HYDROlink6 Base 2 Contents 1 About these instructions 3 Software description 1.1 Purpose of the instructions ..................4 3.1 Main dialogue ....................................35 1.2 Required knowledge ............................4 3.1.1 Information and configuration bar................... 37 1.3 Structure of information........................4 3.2 Device explorer..................................38 1.4 Abbreviations used ..............................5 3.2.1 Device information.......................................... 38 1.5 Symbols used ......................................6 3.2.2 Channel settings............................................. 40 1.6 Validity .................................................6 3.2.3 Instrument measurements.............................. 41 EN 3.2.4 Toolbar ........................................................... 43 2 Operation 3.3 Online display ....................................45
    [Show full text]
  • Intro-To-Ui-Design-Wireframes.Pdf
    balsamiq.com/learn balsamiq.com/learn Page 1 Introduction to User Interface Design Through Wireframes This easy-to-follow guide will give you the confidence to talk about, review, and start designing user interfaces. It teaches foundational UI concepts and shows you how UI profes- sionals create effective wireframes. It is intended for Product Managers, Entrepreneurs, and other non-designers who want to feel comfortable in the world of UI de- sign. -The Balsamiq Education Team balsamiq.com/learn Page 2 Table of Contents What is UI Design ............................. 1 UI design layer 1: Controls ........................... 4 UI design layer 2: Patterns .......................... 6 UI design layer 3: Design principles .................. 8 UI design layer 4: Templates ......................... 10 The cooking analogy ................................ 11 Intro to UI Controls ........................... 13 Button Guidelines .................................. 19 Text Input Guidelines ............................... 24 Dropdown Menu (Combo Box) Guidelines ............ 29 Radio Button and Checkbox Guidelines .............. 34 Link Guidelines ..................................... 40 Tab Guidelines ...................................... 46 Breadcrumb Guidelines ............................. 51 Vertical Navigation Guidelines ...................... 55 Menu Bar Guidelines ................................ 60 Accordion Guidelines ............................... 66 Validation Guidelines ............................... 72 Tooltip Guidelines ..................................
    [Show full text]
  • Adobe® Acrobat® 9 Pro Accessibility Guide: Creating Accessible Forms
    Adobe® Acrobat® 9 Pro Accessibility Guide: Creating Accessible Forms Adobe, the Adobe logo, Acrobat, Acrobat Connect, the Adobe PDF logo, Creative Suite, LiveCycle, and Reader are either registered trade- marks or trademarks of Adobe Systems Incorporated in the United States and/or other countries. AutoCAD is either a registered trade- mark or a trademark of Autodesk, Inc., in the USA and/or other countries. GeoTrust is a registered trademark of GeoTrust, Inc. Microsoft and Windows are either registered trademarks or trademarks of Microsoft Corporation in the United States and/or other countries. All other trademarks are the property of their respective owners. © 2008 Adobe Systems Incorporated. All rights reserved. Contents Contents i Acrobat 9 Pro Accessible Forms and Interactive Documents 3 Introduction 3 PDF Form Fields 3 Use Acrobat to Detect and Create Interactive Form Fields 3 Acrobat Form Wizard 4 Enter Forms Editing Mode Directly 4 Create Form Fields Manually 5 Forms Editing Mode 5 Creating a New Form Field 6 Form Field Properties 7 Tooltips for Form Fields 7 Tooltips for Radio Buttons 8 Editing or Modifying an Existing Form Field 9 Deleting a Form Field 9 Buttons 10 Set the Tab Order 10 Add Other Accessibility Features 11 ii | Contents Making PDF Accessible with Adobe Acrobat 9 Pro Making PDF Accessible with Adobe Acrobat 9 Pro Acrobat 9 Pro Accessible Forms and Interactive Documents Introduction Determining if a PDF file is meant to be an interactive form is a matter of visually examining the file and looking for the presence of form fields, or areas in the document where some kind of information is being asked for such as name, address, social security number.
    [Show full text]
  • Site Hyperlinks Help Card
    Site Hyperlinks Help Card Creating and Using Links You can insert hyperlinks to external web sites as well as to other pages of your web site Use the Hyperlink Manager to create links to other web sites and to other pages on your site. The Page Link tool can also be used for linking pages. Configure your links to open up in a new browser window, so that users do not navigate away from the page they were on Hyperlinks to external web sites Hyperlinks to other Site Pages Hyperlinks to other Site Pages (Using Page Link tool) 1. Position your cursor at the location 1. Navigate to the page you want to link to 1. Position your cursor at the location where you where you want to insert the link 2. Copy the page address from the want to insert the link on the page and click the Hyperlink Manager address bar of your browser into a 2. Click the Page Link icon notepad 3. Locate the name of the Page you want to link 2. In the URL field, type in the 3. Position your cursor at the location to. You will need to use the “1 2 3 4..” address of the web site you want where you want to insert the link on navigation links to move from one screen to the to link to the page next as shown below: 3. Type the text you want to display 4. Click the Hyperlink Manager icon as the link into the Link Text field 5. In the URL field, paste in the address 4.
    [Show full text]
  • Creating Reports Using Db2 Web Query Designer Volume 3
    Creating Reports Using Db2 Web Query Designer Volume 3 Release 2.3 Creating Reports Using Db2 Web Query Designer Volume 3 Release 2.3 Active Technologies, EDA, EDA/SQL, FIDEL, FOCUS, Information Builders, the Information Builders logo, iWay, iWay Software, Parlay, PC/FOCUS, RStat, Table Talk, Web390, WebFOCUS, WebFOCUS Active Technologies, and WebFOCUS Magnify are registered trademarks, and DataMigrator and Hyperstage are trademarks of Information Builders, Inc. Adobe, the Adobe logo, Acrobat, Adobe Reader, Flash, Adobe Flash Builder, Flex, and PostScript are either registered trademarks or trademarks of Adobe Systems Incorporated in the United States and/or other countries. Due to the nature of this material, this document refers to numerous hardware and software products by their trademarks. In most, if not all cases, these designations are claimed as trademarks or registered trademarks by their respective companies. It is not this publisher's intent to use any of these names generically. The reader is therefore cautioned to investigate all claimed trademark rights before using any of these names other than to refer to the product described. Copyright © 20, by Information Builders, Inc. and iWay Software. All rights reserved. Patent Pending. This manual, or parts thereof, may not be reproduced in any form without the written permission of Information Builders, Inc. Contents 1. Creating Reports .............................................................. 5 Enabling Hierarchical Drilling in Db2 Web Query Designer With Auto Drill ......................5
    [Show full text]
  • Editomat: Adventures in Commercializing a Tcl Application
    Editomat: Adventures in Commercializing a Tcl Application Clif Flynt Noumena Corporation, 8888 Black Pine Ln, Whitmore Lake, MI 48189, http://www.noucorp.com clif at noucorp dot com October 23, 2016 Abstract Sharing a Tcl/Tk script with friends and colleagues is simple, easy and effective. Writing an application to be released as shrinkwrap software is surprisingly different. This paper discusses issues and solutions to releas- ing a commercial Tcl/Tk application. 1 Introduction: I wrote my first FORTRAN program in 1970. Since then, I’ve written about a million lines of code for myself, my employers and clients. Until the last year, I never wrote something to be sold to the general public. It was a shock to discover how different releasing code to an in-house group or as freeware is from a mass-market release. Editomat is a tool designed to help writers improve their prose. During the first two years of its life it grew from a trivial application using the text wid- get’s search and tag features to highlight ”weak” words to a comprehensive text analysis package. Along with finding meaningless words, it highlights repeated words, awkward sentences, poor constructions, potential grammar errors, as well as graphing sentence length, performing Content/Function sen- tence analysis, and generating statistical distributions of word and sentence types. It does complex analyses to report emotional content, the mood of a piece and provides comparisons with other works. I used it on a daily basis and offered copies to friends who also used it and found it improved their prose.
    [Show full text]