DOCSLIB.ORG

GUI Programming Standards and Conventions

Total Page：16

File Type：pdf, Size：1020Kb

Download full-text PDF Read full-text
GUI Programming Standards and Conventions RESOURCE AND PATIENT MANAGEMENT SYSTEM GUI Programming Standards and Conventions Version 1.0 October 2010 Office of Information Technology (OIT) Division of Information Resource Management Albuquerque, New Mexico GUI Programming Standards and Conventions Version 1.0 Table of Contents 1.0 Purpose, Policy, and Standards and Conventions ................................1 1.1 Purpose .........................................................................................1 1.2 Policy .............................................................................................1 1.2.1 Conformance ...............................................................................1 2.0 GUI Programming Standards and Conventions ....................................2 2.1 Acceptable Icons ...........................................................................2 2.1.1 Icons–Application and Application Launch Level .........................2 3.0 GUI Programming Standards–UI Document Addendum .......................3 3.1 Custom Control (Beginning on Page 29) .......................................3 3.1.1 Custom Controls: Animations ......................................................3 3.1.2 Transition Animations ..................................................................4 3.1.3 Feedback Animations ..................................................................4 3.1.4 Progressive Disclosure ................................................................4 3.2 Direct Manipulation (Page 32) .......................................................4 3.2.1 Hosting in Browser: .....................................................................5 3.3 Balloons (Page 40) ........................................................................5 3.3.1 Passwords and PIN .....................................................................5 3.3.2 Balloons Accessibility ..................................................................6 3.3.3 Title Text ......................................................................................6 3.3.4 Body Text ....................................................................................6 3.3.5 Documentation ............................................................................7 3.3.6 Don’t Show This <item> Again ....................................................9 3.3.7 Subordinate Controls ...................................................................9 3.3.8 Default Values .............................................................................9 3.3.9 Labels ..........................................................................................9 3.4 Command Buttons (Page 54) ...................................................... 10 3.4.1 Using Ellipses ............................................................................ 11 3.4.2 Command Button Usage ........................................................... 11 3.4.3 Split Buttons .............................................................................. 12 3.4.4 Default Values ........................................................................... 12 3.4.5 Recommended Sizing And Spacing .......................................... 13 3.4.6 Labels ........................................................................................ 13 3.4.7 Command Links ......................................................................... 15 3.4.8 Dropdown List and Combo Boxes ............................................. 19 3.4.9 Editable List Boxes .................................................................... 20 3.4.10 Usage Patterns .......................................................................... 21 3.4.11 Drop-Down Lists ........................................................................ 21 3.4.12 Combo Boxes ............................................................................ 22 3.5 Default Values (Page 87) ............................................................. 22 3.5.1 Prompts ..................................................................................... 22 3.5.2 Labels ........................................................................................ 23 3.5.3 Option Text ................................................................................ 23 October 2010 <Table of Contents ii GUI Programming Standards and Conventions Version 1.0 3.5.4 Instructional Text ....................................................................... 24 3.5.5 Group Boxes.............................................................................. 24 3.6 Guidelines (Page 94) ................................................................... 25 3.6.1 Labels ........................................................................................ 25 3.6.2 Using Links ................................................................................ 26 3.6.3 Guidelines ................................................................................. 27 3.6.4 Color .......................................................................................... 27 3.6.5 Underlining ................................................................................ 27 3.6.6 Text with Icon Links ................................................................... 27 3.6.7 Graphics-Only Links .................................................................. 28 3.6.8 Navigation Links ........................................................................ 28 3.6.9 Task Links ................................................................................. 28 3.7 Menu Links (Page 102) ................................................................ 28 3.7.1 Link Infotips ............................................................................... 29 3.7.2 Text ........................................................................................... 29 3.7.3 Navigation Links ........................................................................ 29 3.7.4 Task Links ................................................................................. 30 3.7.5 Link Infotips ............................................................................... 30 3.8 List Boxes (Page 105) ................................................................. 30 3.8.1 Is This The Right Control? ......................................................... 30 3.8.2 Single-Selection Lists ................................................................ 30 3.8.3 Standard Multiple-Selection Lists And Check Box Lists ............ 31 3.8.4 Preview Lists ............................................................................. 31 3.8.5 List Builders And Add/Remove Lists .......................................... 31 3.8.6 Guidelines ................................................................................. 32 3.9 Multiple-Selection Lists (Page 113) ............................................. 33 3.9.1 Default Values ........................................................................... 33 3.9.2 Labels ........................................................................................ 34 3.9.3 Option Text ................................................................................ 34 3.9.4 Instructional And Supplemental Text ......................................... 34 3.10 List Views (Page 17) .................................................................... 35 3.10.1 Is This The Right Control? ......................................................... 35 3.10.2 Check Box List Views ................................................................ 35 3.10.3 Guidelines ................................................................................. 35 3.10.4 Interaction .................................................................................. 36 3.10.5 Multiple-Selection Lists .............................................................. 37 3.10.6 Changing Views ......................................................................... 37 3.11 Recommended Sizing And Spacing (Page 127) .......................... 38 3.11.1 Labels ........................................................................................ 39 3.11.2 Data Text ................................................................................... 39 3.11.3 Progress Bars ............................................................................ 40 3.11.4 Guidelines ................................................................................. 40 3.11.5 Determinate Progress Bars ....................................................... 42 3.11.6 Indeterminate Progress Bars ..................................................... 43 3.11.7 Modeless Progress Bars ........................................................... 43 3.12 Modal Progress Bars (Page 137) ................................................ 43 October 2010 <Table of Contents iii GUI Programming Standards and Conventions Version 1.0 3.12.1 Time Remaining ........................................................................ 43 3.12.2 Progress Bar Colors .................................................................. 44 3.12.3 Meters ....................................................................................... 44 3.12.4 Labels ........................................................................................ 45 3.12.5 Cancel Button ............................................................................ 46 3.12.6 Progress Dialog Box Titles ........................................................ 46 3.13 Progressive Disclosure
Load more

Recommended publications
  • Thomson Reuters Spreadsheet Link User Guide
    THOMSON REUTERS SPREADSHEET LINK USER GUIDE MN-212 Date of issue: 13 July 2011 Legal Information © Thomson Reuters 2011. All Rights Reserved. Thomson Reuters disclaims any and all liability arising from the use of this document and does not guarantee that any information contained herein is accurate or complete. This document contains information proprietary to Thomson Reuters and may not be reproduced, transmitted, or distributed in whole or part without the express written permission of Thomson Reuters. Contents Contents About this Document ...................................................................................................................................... 1 Intended Readership ................................................................................................................................. 1 In this Document........................................................................................................................................ 1 Feedback ................................................................................................................................................... 1 Chapter 1 Thomson Reuters Spreadsheet Link .......................................................................................... 2 Chapter 2 Template Library ........................................................................................................................ 3 View Templates (Template Library) ..............................................................................................................................................
    [Show full text]
  • Edgenuity Preview Guide
    Quick Preview Guide Edgenuity Courseware Quick Preview Guide Table of Contents Foreword ............................................................................................................................. 1 The Student Experience ........................................................................................................ 2 Log In To Edgenuity ....................................................................................................................2 The Student Home Page ..............................................................................................................3 Exploring Assignments .................................................................................................................3 The Educator Experience ...................................................................................................... 4 Log In To Edgenuity ....................................................................................................................4 The Educator Home Page .............................................................................................................5 Course Management ....................................................................................................................6 Student Management ..................................................................................................................7 Preview Dual Credit Courses .................................................................................................. 9 Foreword
    [Show full text]
  • ALGE Displaystudio Manual
    ALGE DisplayStudio Manual DisplayStudio Table of Content 1 General .............................................................................................................................3 2 Getting started...................................................................................................................3 2.1 Main Window ............................................................................................................3 2.2 Tree view for project navigation................................................................................4 3 Lists...................................................................................................................................5 3.1 List Builder................................................................................................................5 3.1.1 Text panel.............................................................................................................6 3.1.2 Animation..............................................................................................................6 3.1.3 List compiling........................................................................................................7 4 Animations and wipes .......................................................................................................7 4.1 Adding animation/wipe to the project........................................................................8 4.2 Animation/wipe editing..............................................................................................8
    [Show full text]
  • Xcelsius 2008 FP3.1 Fixed Issues
    SAP BusinessObjects Xcelsius 2008 FP3.1 What's Fixed ■ Xcelsius 2008 FP3.1 2010-03-09 Copyright © 2010 SAP AG. All rights reserved.SAP, R/3, SAP NetWeaver, Duet, PartnerEdge, ByDesign, SAP Business ByDesign, and other SAP products and services mentioned herein as well as their respective logos are trademarks or registered trademarks of SAP AG in Germany and other countries. Business Objects and the Business Objects logo, BusinessObjects, Crystal Reports, Crystal Decisions, Web Intelligence, Xcelsius, and other Business Objects products and services mentioned herein as well as their respective logos are trademarks or registered trademarks of Business Objects S.A. in the United States and in other countries. Business Objects is an SAP company.All other product and service names mentioned are the trademarks of their respective companies. Data contained in this document serves informational purposes only. National product specifications may vary.These materials are subject to change without notice. These materials are provided by SAP AG and its affiliated companies ("SAP Group") for informational purposes only, without representation or warranty of any kind, and SAP Group shall not be liable for errors or omissions with respect to the materials. The only warranties for SAP Group products and services are those that are set forth in the express warranty statements accompanying such products and services, if any. Nothing herein should be construed as constituting an additional warranty. 2010-03-09 Contents Chapter 1 Welcome to Xcelsius 2008
    [Show full text]
  • Delivering Real-Time Information with Microsoft Windows 7 Desktop
    SAS Global Forum 2011 Reporting and Information Visualization Paper 280-2011 New Light through Old Windows: Delivering Real Time Information with Windows 7 Desktop Gadgets David Shannon, Amadeus Software, Oxford, UK ABSTRACT In this paper the author demonstrates how to deliver SAS® information directly to the information consumer’s desktop with Microsoft Windows 7 Desktop Gadgets. Displaying headline analytics from continually updating data, such as an active marketing campaign, or simply the status of your SAS server are just two possibilities for exploiting the Gadget feature. From Windows 7, Gadgets are an integral component in the operating system presentation. Real time (or near real time) information can be delivered by integrating a SAS session via web services or the SAS Integration Technologies product. This paper presents the steps for integrating SAS and Windows Gadgets. Worked examples, with source code, are demonstrated along with options for deployment. Finally, the pros and cons of delivering information this way are considered. Those attending this paper are not expected to have experience of creating Desktop Gadgets, however an appreciation of web pages, object orientated programming and the SAS Integration Technologies product will be useful to take the most from this paper. INTRODUCTION This paper examines a method of delivering short summaries of information directly to user desktops with Microsoft Windows Desktop Gadgets, referred to as Gadgets throughout this paper. The paper begins by understanding what Gadgets are and how they work. The discussion then describes how to integrate Gadgets with SAS by using Microsoft Jscript to call a web service or SAS Integration Technologies.
    [Show full text]
  • The Three-Dimensional User Interface
    32 The Three-Dimensional User Interface Hou Wenjun Beijing University of Posts and Telecommunications China 1. Introduction This chapter introduced the three-dimensional user interface (3D UI). With the emergence of Virtual Environment (VE), augmented reality, pervasive computing, and other "desktop disengage" technology, 3D UI is constantly exploiting an important area. However, for most users, the 3D UI based on desktop is still a part that can not be ignored. This chapter interprets what is 3D UI, the importance of 3D UI and analyses some 3D UI application. At the same time, according to human-computer interaction strategy and research methods and conclusions of WIMP, it focus on desktop 3D UI, sums up some design principles of 3D UI. From the principle of spatial perception of people, spatial cognition, this chapter explained the depth clues and other theoretical knowledge, and introduced Hierarchical Semantic model of “UE”, Scenario-based User Behavior Model and Screen Layout for Information Minimization which can instruct the design and development of 3D UI. This chapter focuses on basic elements of 3D Interaction Behavior: Manipulation, Navigation, and System Control. It described in 3D UI, how to use manipulate the virtual objects effectively by using Manipulation which is the most fundamental task, how to reduce the user's cognitive load and enhance the user's space knowledge in use of exploration technology by using navigation, and how to issue an order and how to request the system for the implementation of a specific function and how to change the system status or change the interactive pattern by using System Control.
    [Show full text]
  • Libreoffice
    LibreOffice: What©s New ? Michael Meeks <[email protected]> mmeeks, #libreoffice-dev, irc.freenode.net “Stand at the crossroads and look; ask for the ancient paths, ask where the good way is, and walk in it, and you will find rest for your souls...” - Jeremiah 6:16 OpenSUSE conference 2015 Den Haag ... Talk Overview ● New Statistics ● New things in 4.4 (shipping now) ● Features ● Quality ● User Experience ● What's next: LibreOffice 5.0 ● Features, UX bits ● Android / Editing ● LibreOffice Online ● Conclusions / Questions. Recent Developments Total Unique IP Addresses Seen 120,000,000 Tracking direct download Update Ping origins. 100,000,000 Excludes all Linux Distributions downloads 80,000,000 ~120m so far ( + Linux ) 60,000,000 This time last year @ 40,000,000 openSUSE con. was ~65m 20,000,000 0 Windows MacOSX Linux 2013 vs. 2014 commits by affiliation SYNERZIP SUSE RedHat Openismus 2014 Nou & Off New Contributors Munich MultiCoreWare Linagora Lanedo Known contributors KACST ITOMIG Igalia IBM Ericsson 2013 Collabora CloudOn CIB Canonical Assigned Apache Volunteer ALTA 0 5,000 10,000 15,000 20,000 25,000 30,000 Committers per month 140 Xamarin Tata Consultancy Services SYNERZIP SUSE 120 Sonicle SIL RedHat 100 Oracle Openismus Nou & Off 80 New Contributors Munich MultiCoreWare Linagora 60 Lanedo Known contributors KACST 40 ITOMIG Igalia IBM Ericsson 20 Collabora CloudOn CIB 0 Canonical Assigned Apache Volunteer ALTA A few 4.4 developments ... UI re-work: complete in 4.4 ● A huge extremely mechanical task: Progress on UI / dialog layout 900 800 700 600 Layout UI old dlg 500 old tab-page 400 Remaining 300 200 ● Clean UI 100 0 ● Many thanks to: 4.0 4.1 4.2 4.3 4.4 Caolán McNamara (Red Hat) - for his incredible work here, and also Szymon Kłos, Michal Siedlaczek, Olivier Hallot (EDX), Andras Timar (Collabora), Jan Holesovsky (Collabora), Katarina Behrens, Thomas Arnhold, Maxim Monastirsky, Manal Alhassoun, Palenik Mihály, and many others ..
    [Show full text]
  • 1 Lecture 15: Animation
    Lecture 15: Animation Fall 2005 6.831 UI Design and Implementation 1 1 UI Hall of Fame or Shame? Suggested by Ryan Damico Fall 2005 6.831 UI Design and Implementation 2 Today’s candidate for the Hall of Shame is this entry form from the 1800Flowers web site. The purpose of the form is to enter a message for a greeting card that will accompany a delivered flower arrangement. Let’s do a little heuristic evaluation of this form: Major: The 210 character limit is well justified, but hard for a user to check. Suggest a dynamic %-done bar showing how much of the quota you’ve used. (error prevention, flexibility & efficiency) Major: special symbols like & is vague. What about asterisk and hyphen – are those special too? What am I allowed to use, exactly? Suggest highlighting illegal characters, or beeping and not allowing them to be inserted. (error prevention) Cosmetic: the underscores in the Greeting Type drop-down menu look like technical identifiers, and some even look mispelled because they’ve omitted other punctuation. Bosss_Day? (Heuristic: match the real world) Major: how does Greeting Type affect card? (visibility, help & documentation) Cosmetic: the To:, Message,: and From: captions are not likely to align with what the user types (aesthetic & minimalist design) 2 Today’s Topics • Design principles • Frame animation • Palette animation • Property animation • Pacing & path Fall 2005 6.831 UI Design and Implementation 3 Today we’re going to talk about using animation in graphical user interfaces. Some might say, based on bad experiences with the Web, that animation has no place in a usable interface.
    [Show full text]
  • Read&Write for Google Chrome™ Quick Reference Guide 02.16
    Read&Write for Google Chrome™ Quick Reference Guide 0 2.16 Helpful videos: h ttp://bit.ly/RWGoogleVideos Tech Support Questions: h ttp://support.texthelp.com Docs Tools Description Symbol User Notes Text to Reads text aloud with dual color Place your cursor (or highlight) where Speech highlighting using natural-sounding you wish the text to be spoken. Click male and female voices. this Play button to hear it read aloud. Talking Provides definitions which can be Highlight a word to look up in the Dictionary speech enabled to improve dictionary and click on this icon. Click comprehension and writing. on the definition to have it read. Picture Displays images from Widgit® Click on the Picture Dictionary icon Dictionary Symbols for selected words to help and then select a word or vice versa. support fluency & understanding. An image of the word will be displayed. Word Predicts the word being typed and Click icon to open or close prediction Prediction the next word to be typed. Develops window. As you type, words will be writing skills and helps construct predicted. Hover over word to hear sentences easily. aloud. Click on word or press ctrl + the number next to the word you would like to insert. Fact Finder Helps users to research information Highlight a word or phrase, then click quickly by searching the web for the Fact Finder icon to do a quick relevant information about a topic. Google web search to find background info while reading. Translator Allows single words to be translated Click this button to open the into Spanish, French or Portuguese translator, and select a word to have it and spoken in that language.
    [Show full text]
  • Tradestone User Manual
    URBN Global PLM User Manual [9.16.2020] Global PLM User Manual / Tradestone User Manual *This manual should be used in conjunction with the requirements/guidelines outlined on the URBN Vendor Website* http://www.urbnvendor.com/ All Instructions outlined in the URBN Global PLM User Manual apply to ALL POs issued to any URBN region, unless a specific region and/or Import/Domestic status is specified in the instructions. URBN regions include US, EU, and China – the region can be identified by referring to the Ship To address on the PO. *The ship to address can be found on the PO report. Please see PG. 15. Last Update – 9.16.2020 URBN Outfitters, Inc. Vendor Relations 1 URBN Global PLM User Manual [9.16.2020] Table of Contents How to Log In ......................................................................................................................... 4 How to Update Vendor Information ....................................................................................... 5 How to Update Vendor Address and Contact Information ....................................................................................... 5 How to Update Billing and Banking Information ...................................................................................................... 5 URBN PLM Dashboard............................................................................................................ 6 System Navigation ................................................................................................................. 6 Quick Search
    [Show full text]
  • Microtemporality: at the Time When Loading-In-Progress
    Microtemporality: At The Time When Loading-in-progress Winnie Soon School of Communication and Culture, Aarhus University [email protected] Abstract which data processing and code inter-actions are Loading images and webpages, waiting for social media feeds operated in real-time. The notion of inter-actions mainly and streaming videos and multimedia contents have become a draws references from the notion of "interaction" from mundane activity in contemporary culture. In many situations Computer Science and the notion of "intra-actions" from nowadays, users encounter a distinctive spinning icon during Philosophy. [3][4][5] The term code inter-actions the loading, waiting and streaming of data content. A highlights the operational process of things happen graphically animated logo called throbber tells users something within, and across, machines through different technical is loading-in-progress, but nothing more. This article substrates, and hence produce agency. investigates the process of data buffering that takes place behind a running throbber. Through artistic practice, an experimental project calls The Spinning Wheel of Life explores This article is informed by artistic practice, including the temporal and computational complexity of buffering. The close reading of a throbber and its operational logics of article draws upon Wolfgang Ernst’s concept of data buffering, as well as making and coding of a “microtemporality,” in which microscopic temporality is throbber. These approaches, following the tradition of expressed through operational micro events. [1] artistic research, allow the artist/researcher to think in, Microtemporality relates to the nature of signals and through and with art. [7] Such mode of inquiry questions communications, mathematics, digital computation and the invisibility of computational culture.
    [Show full text]
  • Oracle Financials Cloud
    Oracle Financials Cloud Using General Ledger 21C Oracle Financials Cloud Using General Ledger 21C Part Number F42799-01 Copyright © 2011, 2021, Oracle and/or its affiliates. Authors: Kathryn Wohnoutka, Barbara Kostelec, Sanjay Mall 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
    [Show full text]