SATIN: a Toolkit for Informal Ink-Based Applications Jason I

Total Page:16

File Type:pdf, Size:1020Kb

SATIN: a Toolkit for Informal Ink-Based Applications Jason I SATIN: A Toolkit for Informal Ink-based Applications Jason I. Hong and James A. Landay Group for User Interface Research, Computer Science Division University of California, Berkeley Berkeley, CA 94720-1776 USA +1 510 643 7354 {jasonh, landay}@cs.berkeley.edu ABSTRACT based interaction techniques have been developed, such as Software support for making effective pen-based gesturing1 and pie menus [5], these techniques have not yet applications is currently rudimentary. To facilitate the been widely adopted because they are difficult and time- creation of such applications, we have developed SATIN, a consuming to implement. Java-based toolkit designed to support the creation of With respect to input and output for pens, we are at a stage applications that leverage the informal nature of pens. This similar to that of windowing toolkits in the early 1980s. support includes a scenegraph for manipulating and Many example applications and many novel techniques rendering objects; support for zooming and rotating objects, exist, but there are no cohesive frameworks to support the switching between multiple views of an object, integration creation of effective pen-based applications. As a first step of pen input with interpreters, libraries for manipulating ink towards such a framework, we have developed SATIN2,a strokes, widgets optimized for pens, and compatibility with toolkit for supporting the creation of informal ink-based Java’s Swing toolkit. SATIN includes a generalized applications [15]. From a high-level perspective, there were architecture for handling pen input, consisting of three research goals for SATIN: recognizers, interpreters, and multi-interpreters. In this • paper, we describe the functionality and architecture of Design a generalized software architecture for SATIN, using two applications built with SATIN as informal pen-based applications, focusing on how to examples. handle sketching and gesturing in a reusable manner • Develop an extensible toolkit that simplifies the Keywords creation of such informal pen-based apps toolkits, pen, ink, informal, sketching, gesture, recognition, • Distribute this toolkit for general use by researchers interpreter, recognizer, SATIN As a first step, we surveyed existing pen-based applications INTRODUCTION (both commercial and research) in order to determine what Sketching and writing are natural activities in many shared functionality would be most useful. Afterwards, we settings. Using pen and paper, a person can quickly write implemented the first iteration of the toolkit in Java, and down ideas, as well as draw rough pictures and diagrams, built our first significant application with it, DENIM [26] deferring details until later. The informal nature of pens (see Fig. 1). From the lessons learned, we developed the allows people to focus on their task without having to worry second iteration of SATIN, and built another application, about precision. SketchySPICE. However, although more and more computing devices are In this paper, we first outline functionality common in coming equipped with pens, there are few useful pen-based existing pen-based applications, and take a look at current applications out there that take advantage of the fact that 1 software support for pen-based interfaces. We continue by pens are good for sketching . Most applications use pens describing the high-level and then detailed design of the only for selecting, tapping, and dragging. These SATIN toolkit. Specifically, we focus on a generalized applications simply treat the pen as another pointing device, architecture for handling pen input, consisting of three ignoring its unique affordances. components: recognizers, interpreters, and multi- Furthermore, the few compelling applications that do exist interpreters. We describe how pen input is handled in terms are built from scratch, despite the fact that many of them of the two applications, DENIM and SketchySPICE. We share the same kinds of functionality. This is because of the conclude with an evaluation of the toolkit, as well as our rudimentary software support for creating pen-based plans for future work and a discussion of lessons learned. applications. Despite the fact that many new and useful pen- 1 By sketching, we mean the process of drawing roughly and LEAVE BLANK THE LAST 2.5cm OF THE LEFT COLUMN quickly. We use the term ink for the strokes that appear. By gesturing, we mean a pen-drawn stroke that issues a command ON THE FIRST PAGE 2 FOR US TO PUT IN The SATIN project page and software download is at: THE COPYRIGHT NOTICE! http://guir.berkeley.edu/projects/satin Commercial Software Support for Pens PalmOS [8] offers some very simple pen input processing. The default behavior is to process strokes and taps in the silk screen area as key events, with all other strokes passed on to the application for processing. PalmOS also provides some APIs for getting individual stroke points, enabling and disabling the Graffiti shorthand recognizer, and for getting the last known location of the pen. Microsoft Windows for Pen Computing [29] provides minimal support for pens. Text entry areas were replaced either by handwriting edit controls (hedit)orbyboxed edit controls (bedit), in which individual characters can be written. Simple gesture recognition was also supported. These extensions give the developer very little support for building informal ink-based applications. Figure 1 – A screenshot of DENIM, a sketch-based web site design tool created on top of SATIN In Windows CE [30], pen input is treated as a subset of PEN APPLICATION SPACE mouse input. Applications can receive messages when the Recently, there have been many applications developed that pen is moved, goes down, comes up, and is double-tapped. use sketching and gesturing. We performed a survey of Windows CE also provides simple handwriting recognition. these applications, looking specifically for examples of NewtonOS [2] uses sheets of paper as its input metaphor. informal ink-based interaction, ones that step away from Users can write on these sheets without having to explicitly rigid structure and precise computation, instead supporting save. Furthermore, users can specify several ink modes in ambiguity, creativity, and communication [15]. Many pen- which strokes are processed as text, as shapes, or left based research systems have headed in the direction of unprocessed as raw ink. Recognition errors can be informal interfaces in recent years, either by not processing corrected by choosing from an n-best list. Gestures are also the ink [11, 41, 43] or by processing the ink internally while integrated into the system. Drawing a zig-zag shape over a displaying the unprocessed ink [14, 24, 32, 40]. word or shape, known as scrubbing, deletes that object. The applications we examined include design tools [9, 12, Holding down the pen for a second activates select mode. 14, 20-22, 24, 43, 47]; whiteboard applications [1, 32, 33, After select is enabled, the user can drag the pen and either 37]; annotation tools [41, 44-46]; note-taking applications highlight or circle the objects to select. Lastly, NewtonOS [10, 11, 42]; and applications demonstrating new provides an extensive widget set for pens, designed to interaction techniques [19, 28, 40]. These applications minimize the amount of end-user writing necessary. share much functionality with each other, including: Perhaps the most sophisticated commercial support for pens • Pen input as ink was in GO Corporation’s PenPoint [6]. PenPoint is an operating system built from the ground up to support pens. • Pen input as gestures Besides providing many of the services described above, • Pen input for selecting and moving such as gestures and pen widgets, PenPoint also has such • Interpreters that act on ink input features as live embedding of documents within documents, • Manipulation of other kinds of objects besides ink and extensive integration of gesture recognition and • Grouping of objects handwriting recognition. • Layering of objects There are two main differences between SATIN and the • Time indexing of ink input systems described above. First, all of the systems listed • Transformation of ink to other cleaned-up objects above are designed to build formal user interfaces, and are • Immediate and deferred processing of ink thus focused on handwriting recognition and form entry Later, in the process of developing DENIM, our first tasks. In contrast, SATIN is targeted towards the application, we discovered we needed techniques for development of informal ink-based applications. The managing information, and turned to using zooming and second difference is extensibility. Aside from handwriting semantic zooming, as demonstrated in Pad++ [3] and Jazz recognition, the systems listed above provide minimal [4]. We decided that this functionality was useful enough to support for manipulating and processing ink. In contrast, developers that it should be included in the toolkit. one of our primary goals with SATIN was to give EXISTING PEN FRAMEWORKS developers flexibility in how ink is processed and to make it In this section, we outline existing frameworks for simple to do so. For example, new gestures cannot be added developing pen-based applications, and describe where in the systems described above. SATIN builds on their ideas. Research Software Support for Pens SATIN is built in Java, using JDK1.33. SATIN uses Java2D Simple ink and gesture support is provided in Artkit [16]. for rendering, and makes extensive use of the Java core Artkit uses the notion of sensitive regions, invisible classes as well as the Swing windowing toolkit [31]. rectangles that can be placed on top of screen objects. The Fig. 2 shows how a pen-based application would be built sensitive region intercepts stroke input, and processes the using SATIN, Swing, and Java. Roughly speaking, SATIN input in a recognition object, which possibly forwards a can be partitioned into twelve interrelated concepts (See higher-level event to the screen object underneath. Table 1). Each of these concepts is briefly summarized in Mankoff et al., extended the subArctic toolkit [17] to the next section.
Recommended publications
  • Class 715 Data Processing: Presentation Processing of Document, 715 - 1 Operator Interface Processing, and Screen Saver Display Processing
    CLASS 715 DATA PROCESSING: PRESENTATION PROCESSING OF DOCUMENT, 715 - 1 OPERATOR INTERFACE PROCESSING, AND SCREEN SAVER DISPLAY PROCESSING 715 DATA PROCESSING: PRESENTATION PROCESSING OF DOCUMENT, OPERATOR INTERFACE PROCESSING, AND SCREEN SAVER DISPLAY PROCESSING 200 PRESENTATION PROCESSING OF 236 ..Stylesheet based markup DOCUMENT language transformation/ 201 .Integration of diverse media translation (e.g., to a 202 ..Authoring diverse media published format using stylesheet, etc.) presentation 237 ..Markup language syntax 203 ..Synchronization of presentation validation 204 ..Presentation attribute (e.g., ..Accommodating varying screen layout, etc.) 238 size 205 .Hypermedia 239 ..Conversion from one markup 206 ..Hyperlink organization (e.g., language to another (e.g., XML grouping, bookmarking, etc.) to HTML or utilizing an 207 ..Hyperlink display attribute intermediate format, etc.) (e.g., color, shape, etc.) 240 ..Frames 208 ..Hyperlink editing (e.g., link 241 ..Placemark-based indexing authoring, rerouting, etc.) 242 ..Structured document compression 209 .Compound document 243 .Layout 210 ..Matching application process to 244 ..Spacing control displayed media 245 ...Horizontal spacing 211 .Drawing 246 ..Area designation 212 .Spreadsheet 247 ..Boundary processing 213 ..Alternative scenario management 248 ..Format information in separate 214 ..Having dimension greater than file two 249 ..Format transformation 215 ..Including graph or chart of 250 ..Detecting format code change spreadsheet information 251 ..Pagination 216 ..Cell protection
    [Show full text]
  • Sample Paper Title
    Marking the City: Interactions in Multiple Space Scales in Virtual Reality Marina Lima Medeiros Fig. 1. Desktop Menu in Following VR Viewer mode while HDM-user creates a Marker with Spatial Menu and Radial Menu options. Abstract—This article shows an overview of an immersive VR application to explore, to analyze and to mark large-scale photogrammetric 3D models. The objective is to interrogate the effectiveness of the proposed navigation process and annotation tools for spatial understanding. Due to the amount of interactions, different kinds of menus were necessary: desktop coordination menu, radial menu attached to the controller and 3D spatial menu for creating markers. Besides the menus, the navigation tasks through different perception space scales required a great number of interactions metaphors, patterns and techniques displaying the complexity of the user experience in Virtual Reality for understanding and analyzing urban digital twins. Those interactions allowed by the user interface were then analysed and classifyed according to a theoretical background and were experimented in preliminary tests with end users. Although designed for particular needs of the army, the tools and interactions can be adapted for city models explorations and urban planning. For future steps of the research, a usability study is going to be performed to test the performance of the interface and to have more end users feedback. Index Terms— Immersive User Interface, Interaction pattern, Interaction technique, Digital Urban Twins. 1 INTRODUCTION Digital twins’ technologies for simulating cities are a powerful tool understanding. This research proposes an immersive VR application for planners and stakeholders. They are especially important for the with navigation options through different space scales and annotation development of smart cities.
    [Show full text]
  • Advanced Auditory Menus
    Advanced Auditory Menus Pavani Yalla & Bruce N. Walker Georgia Institute of Technology GVU Center Technical Report # GIT-GVU-07-12 1 1 Introduction........................................................................................................................3 2 Visual Menus .....................................................................................................................3 2.1 General Characteristics .............................................................................................3 2.1.1 Parts of a Menu 3 2.1.2 Types of Menus 4 2.2 Menu Movement Rules.............................................................................................6 2.2.1 Intra-frame Movements 7 2.2.2 Inter-frame Movements 7 2.2.3 Shortcuts 9 2.3 Cognitive Process of Menu Selection........................................................................9 2.3.1 Outputs of Menu Selection 10 2.3.2 Components of Menu Selection 10 2.4 Designing Menus.................................................................................................... 12 2.4.1 Content Organization 12 2.4.2 Providing Action Feedback 14 2.4.3 Providing Contextual Information 15 2.4.4 Consistency 17 3 Auditory Menus ...............................................................................................................18 3.2 Non-Speech Sounds in Auditory Menus..................................................................19 3.2.1 Auditory Icons 19 3.2.2 Earcons 20 3.2.3 Spearcons 21 3.2.4 Sonification in Mobile Phones 22 3.3 Spatial Audio.........................................................................................................
    [Show full text]
  • Interacting with Hidden Content Using Content-Aware Free-Space Transparency
    Interacting with Hidden Content Using Content-Aware Free-Space Transparency Edward W. Ishak Steven K. Feiner Columbia University, Department of Computer Science New York, NY 10027 Email: {ishak, feiner}@cs.columbia.edu ABSTRACT We present content-aware free-space transparency, an ap- proach to viewing and manipulating the otherwise hidden content of obscured windows through unimportant regions of overlapping windows. Traditional approaches to interact- ing with otherwise obscured content in a window system render an entire window uniformly transparent. In contrast, content-aware free-space transparency uses opaque-to- transparent gradients and image-processing filters to mini- mize the interference from overlapping material, based on properties of that material. By increasing the amount of si- Figure 1: Window rendered (left) without free- multaneously visible content and allowing basic interaction space transparency, and (right) with content-aware with otherwise obscured content, without modifying win- free-space transparency, exposing blurred hidden dow geometry, we believe that free-space transparency has content underneath. the potential to improve user productivity. We also present a set of interaction techniques that utilize Categories and Subject Descriptors: H.5.2 [Information the benefits of FST. The pop-though technique allows a user Interfaces and Presentation]: User Interfaces—Graphical to interact with content beneath unimportant regions of an user interfaces (GUI), Interaction styles, Screen design, obscuring window without moving or resizing it. The focus Windowing systems filter allows a user to temporarily transform a filtered por- tion of obscured content to its original unfiltered form, General Terms: Human Factors, Design which clarifies the exposed content beneath an obscuring window.
    [Show full text]
  • The Design and Evaluation of a Flick Gesture for 'Back'
    View metadata, citation and similar papers at core.ac.uk brought to you by CORE provided by UC Research Repository The Design and Evaluation of a Flick Gesture for ‘Back’ and ‘Forward’ in Web Browsers Michael Moyle Andy Cockburn Human-Computer Interaction Lab Department of Computer Science University of Canterbury Christchurch, New Zealand {mjm184, andy}@cosc.canterbury.ac.nz does so by gesturing with the cursor in the direction of the Abstract desired item. If the user hesitates in their selection, the full Web navigation relies heavily on the use of the ‘back’ button to pie-menu is displayed. traverse pages. The traditional back button suffers from the The following fictitious scenario drives our evaluation of distance and targeting issues that govern Fitts’ Law. An gesture-based navigation: Microsoft and Netscape have alternative to the button approach is the use of marking menus—a released new versions of their browsers that support gesture based technique shown to improve access times of commonly repeated tasks. This paper describes the gestural navigation for the back and forward actions. We implementation and evaluation of a gesture-based mechanism for wish to understand whether these new features increase the issuing the back and forward commands in web navigation. efficiency of navigation, whether users quickly learn to use Results show that subjects were able to navigate significantly them, and whether users appreciate them. Efficiency is faster when using gestures compared to the normal back button. evaluated in two experiments that represent common web Furthermore, the subjects were extremely enthusiastic about the browsing tasks. Subjects used Microsoft Internet Explorer technique, with many expressing their wish that “all browsers for all evaluation tasks.
    [Show full text]
  • Floating Pie Menus: Enhancing the Functionality of Contextual Tools
    Floating Pie Menus: Enhancing the functionality of Contextual Tools Jose Moreno Rubio and Paul Janecek Database Laboratory Swiss Federal Institute of Technology (EPFL) 1015 Lausanne, Switzerland +41 21 693 6656 <jose.morenorubio, paul.janecek>@epfl.ch ABSTRACT PIE MENUS This paper describes several design enhancements we have Pie menus [1] are radial menus with the same added to pie menus: (1) transparency and repositioning to functionality as contextual menus. When the pie menu is allow a user to more easily see the model they are shown, the pointer is positioned in the center of the circle working on, (2) display of “contextual information” in the and all items are at an equal distance. Similar to other menu to show the current state of the object, (3) “lock- menus, they can be structured hierarchically. Users are mode” to apply multiple commands to the same object able to remember the angular position of items in the without closing the menu, and (4) “dynamic target” to menu more easily than linear menus, and inverse apply commands to multiple objects. The result is a new positions can be used to pair actions with opposite contextual interaction tool that mixes the dynamic aspect effects, such as copy and paste. of pie menus with the persistence of floating palettes. Keywords Pie menus have the same functionality as pop-up menus:: Pie Menu, contextual menus, interaction techniques. the user opens the menu and then makes a selection that causes an action. The action can directly activate a command, or open a dialog box where the user can change INTRODUCTION several properties.
    [Show full text]
  • (12) Patent Application Publication (10) Pub. No.: US 2011/0055760 A1 DRAYTON Et Al
    US 2011 00557.60A1 (19) United States (12) Patent Application Publication (10) Pub. No.: US 2011/0055760 A1 DRAYTON et al. (43) Pub. Date: Mar. 3, 2011 (54) METHOD OF PROVIDING A GRAPHICAL Publication Classification USER INTERFACEUSINGA CONCENTRIC (51) Int. Cl MENU G06F 3/048 (2006.01) (52) U.S. Cl. ........................................................ 71.5/834 (76) Inventors: David Samuel DRAYTON, (57) ABSTRACT Mannheim (DE); Bernd Franz In a graphical user interface a display is animated by activa Lutz, Darmstadt (DE); Marco tion with an input device with a first concentric menu com Tillmann, Niddatal (DE) prising a first grouping of menu items having a Subset of one or more items from a set of menu items. Then, after selecting one menu item out of the first grouping of menu items, the (21) Appl. No.: 12/552,055 display is animated with at least one additional grouping of menu items that are each concentrically in a pie sliced shape. The graphical user interface can be activated by a user at any (22) Filed: Sep. 1, 2009 position on the display area via the input device. Patent Application Publication Mar. 3, 2011 Sheet 1 of 4 US 2011/005576.0 A1 Fig. 1 Fig. 2 Patent Application Publication Mar. 3, 2011 Sheet 2 of 4 US 2011/005576.0 A1 Fig. 3 Fig. 4 Patent Application Publication Mar. 3, 2011 Sheet 3 of 4 US 2011/005576.0 A1 Fig. 7 Patent Application Publication Mar. 3, 2011 Sheet 4 of 4 US 2011/005576.0 A1 Fig. 8 US 2011/0055760 A1 Mar.
    [Show full text]
  • Libraries: Comparisons Between the Real and the Virtual in 3D, 2D Zoomable and 2D Arborescent
    Libraries: comparisons between the real and the virtual in 3D, 2D zoomable and 2D arborescent Cédric Dumas, Frédéric Jourdan Patricia Plénacoste Ecole des Mines de Nantes LIFL 4, avenue Alfred Kastler Batiment M3, cité scientifique F-44300 Nantes, France F-59650 Villeneuves d’Ascq, France {cdumas,fjourdan}@emn.fr [email protected] ABSTRACT a difficulty of spatialization in the information space. In The HyperVise project tries to facilitate the access to the the same way, users often meet certain difficulties to large-scale digital libraries. One of its axes of research memorize the interesting information position previously consists in listing some methods of research that exist in found and the path done to arrive there. This problem, the real libraries and make defect in the virtual ones, and presumably bound to the deficit of spatialization already try to transfer them. Among these methods, we are espe- evoked, harm therefore to the efficiency of interactive re- cially interested in research by proximity and to the for- search situations where the user tempts to recover an in- tuitous and haphazard finding. formation already view. The technical focus+context can offer an interesting solution to solve partially some of To value the capacity to transfer knowledge (from the these problems. They first of all permit to decrease effects places and from the methods of researches) between the of decontextualization because objects of interest are real and the virtual world, an experimentation is currently visualized while preserving a global vision of their con- in progress. It consists to create a 3D and 2D models of a text.
    [Show full text]
  • Swingstates: Adding State Machines to the Swing Toolkit Caroline Appert, Michel Beaudouin-Lafon
    SwingStates: adding state machines to the swing toolkit Caroline Appert, Michel Beaudouin-Lafon To cite this version: Caroline Appert, Michel Beaudouin-Lafon. SwingStates: adding state machines to the swing toolkit. Symposium on User interface software and technology, 2006, Montreux, Switzerland. 10.1145/1166253.1166302. inria-00538387 HAL Id: inria-00538387 https://hal.inria.fr/inria-00538387 Submitted on 22 Nov 2010 HAL is a multi-disciplinary open access L’archive ouverte pluridisciplinaire HAL, est archive for the deposit and dissemination of sci- destinée au dépôt et à la diffusion de documents entific research documents, whether they are pub- scientifiques de niveau recherche, publiés ou non, lished or not. The documents may come from émanant des établissements d’enseignement et de teaching and research institutions in France or recherche français ou étrangers, des laboratoires abroad, or from public or private research centers. publics ou privés. SwingStates: Adding State Machines to the Swing Toolkit Caroline Appert & Michel Beaudouin-Lafon LRI (Univ. Paris-Sud & CNRS) / INRIA Futurs Bât. 490, Univ. Paris-Sud, 91405 Orsay, France [email protected], [email protected] Swing, an existing, widely used toolkit. Breaking away ABSTRACT from the traditional callback model, SwingStates uses This article describes SwingStates, a library that adds state state machines as a powerful control structure for machines to the Java Swing user interface toolkit. Unlike programming interaction. Since Newman’s seminal work traditional approaches, which use callbacks or listeners to [10], state machines have often been used to describe define interaction, state machines provide a powerful interaction but rarely to actually program it [7, 13].
    [Show full text]
  • Power Tools for Copying and Moving: Useful Stuff for Your Desktop
    CHI 2009 ~ Desktop Techniques April 8th, 2009 ~ Boston, MA, USA Power Tools for Copying and Moving: Useful Stuff for your Desktop Guillaume Faure1;2 Olivier Chapuis1;2 Nicolas Roussel1;2 fgfaure j chapuis j [email protected] 1LRI - Univ. Paris-Sud & CNRS 2INRIA Orsay, France Orsay, France ABSTRACT Although very efficient, this makes it far too easy to lose data Copy and move operations have long been supported by in- to be copied on the way to the destination [4]. teractive desktops through various means. But the growing number of on-screen objects makes these means harder to Drag-and-drop combines the last three actions of copy-or- use. In this note, we present new tools and techniques to move in a single, continuous, direct manipulation technique. enhance the existing ones: a selection, copy and drag his- It provides a clear visual feedback of the operation rein- tory manager; two techniques to expose the user’s desk and forced by the tension of the finger holding down the mouse leaf through stacks of overlapping windows; and a technique button. This tension reminds the user that (s)he is in a tem- that integrates the previous two with conventional drag-and- porary state and makes syntax and mode errors virtually im- drop. possible. But it also has some drawbacks. First, dragging is known to be slower and more error prone than pointing. ACM Classification Keywords Additionally, dropping errors can be difficult to correct. The H.5.2 [Information interfaces and presentation]: User inter- necessity to hold down a mouse button seriously limits the faces - Graphical user interfaces.
    [Show full text]
  • Co-Located Collaborative Block-Based Programming
    Co-located Collaborative Block-Based Programming Ben Selwyn-Smith, Craig Anslow, Michael Homer James R. Wallace School of Engineering and Computer Science School of Public Health and Health Systems Victoria University of Wellington University of Waterloo Wellington, New Zealand Waterloo, Ontario, Canada Email: fselwynbenj,craig,[email protected] Email: [email protected] (a) Multiple users interacting on three de- (b) Multiple users interacting on Tabletop (c) Mobile Grace on a tablet and Tabletop vices separately: tablet, laptop, & tabletop. Grace in different workspaces. Grace with blocks being shared. Fig. 1: Multi-Device Grace: multiple novice programmers simultaneously working together on different devices (laptop, mobile tablet, and digital tabletop) within different independent workspaces to develop a new blocks-based program. Abstract—With the increasing need to teach programming approaches to learning. Advances in these programming lan- to novices using collaborative methods like pair programming, guages have not been accompanied by more collaborative it is important to understand how different input devices can hardware. Block-based programming languages are typically help support collaborative learning. In this paper we present Multi-Device Grace, the first application to explore block-based taught on PCs (mouse and keyboard) or laptops, but provide programming in a cross-device environment consisting of digital little support for building, sharing, and experimenting with tabletops, mobile tablets, and laptops. We conducted a user blocks in a co-located collaborative environment. study (n = 18) to explore how cross-device environments can support co-located collaborative block-based programming. The Cross-device techniques (with multiple devices) offer a study used Tiled Grace, an existing block-based programming compelling solution to support co-located collaborative envi- language, and our extensions: Tabletop Grace (designed for ronments [30].
    [Show full text]
  • Interaction Style Design Menu Fill-In Form Natural Language Command Language Window & Icon Screen Design
    Interaction Style and Screen Design Interaction Style Design Menu Fill-in Form Natural Language Command Language Window & Icon Screen Design H. C. So Page 1 Semester A, 2008 Menu List of options from which user selects the desired choice H. C. So Page 2 Semester A, 2008 Menu Advantages: Self-explanatory: Easy to learn - make both the semantics (what can be done) and the syntax (how to do it) explicit Require little human memory: Users need not to remember command names as the interface always presents all valid options; Menus rely on recognition rather than recall memory Few keystrokes: Typing effort is minimal ⇒ less user error Easy error handling: Limited set of valid inputs at any one time Enhancements are visible: If we add new functions into the system, they will appear on the menu screen H. C. So Page 3 Semester A, 2008 Menu Disadvantages: Inefficient: In a complex menu system with many choices on each screen and many levels in the hierarchy ⇒ Difficult to find the desired function Inflexible: Menus also force a user through set sequences of steps; The dialog is system rather than user controlled to a greater extent Impractical for numerous choices: If there are too many options at any one time, this may make a menu dialog style to become too complex ⇒ Difficult to read & respond Take up screen space: It will compete with other aspects of a display Can we overcome the disadvantages of menu? H. C. So Page 4 Semester A, 2008 Menu Menu Types: H. C. So Page 5 Semester A, 2008 Menu Single menu Allow users to choose between 2 or more items, or multiple selections Remain permanent or in a pop up mode 1.
    [Show full text]