Chapter 3 the interaction extras … more about widgets.

Slides:



Advertisements
Similar presentations
Getting Started with PowerPoint
Advertisements

Introduction to Computers Section 6A. home The Operating System (OS) The operating system (OS) is software that controls the interaction between hardware.
Designing a Graphical User Interface (GUI) 10 IST – Topic 6.
INTRODUCTORY MICROSOFT WORD Lesson 4 – Formatting Text
Mouse Tutorial for Win XP In this tutorial you will learn to: Move the mouse Click and double click Make selections Manage windows Use menus Click the.
Microsoft Office 2007-Illustrated Introductory, Windows Vista Edition Windows XP Unit A.
2-May-15 GUI Design. 2 HMI design There are entire college courses taught on HMI (Human-Machine Interface) design This is just a very brief presentation.
Assistive Technology Training Online (ATTO) University at Buffalo – The State University of New York USDE# H324M Write:Outloud.
Character Formatting Lesson 3.
1.Go to the START MENU Tab. 2.Click ALL PROGRAMS. 3.Select TexTHELP PROGRAMS. 4.Click on READ and WRITE 6. 1.The TextHelp log-in will appear. 2.Leave it.
XP Exploring the Basics of Microsoft Windows XP1 Exploring the Basics of Windows XP.
Exploring the Basics of Windows XP. Objectives Start Windows XP and tour the desktop Explore the Start menu Run software programs, switch between them,
Interaction Styles Interface Widgets. What are Interaction Styles?  A Collection of interface objects and associated techniques from which an interaction.
Chapter 4: Working with Windows Types of Windows –Program Windows –Message Boxes –Dialog Boxes Elements of a Window –Window Panes –Scroll Bars –Menus –Tool.
Exploring the Basics of Windows XP
Guided Lesson. Objective In this lesson you will learn to format the font size, style, and color; highlight the text; and use the Bold, Italic, Underline,
Customizing Your Toolbars in Microsoft Office Lunch and Learn: June 7, 2005.
User Interface January 14, 2011 CSE 403, Winter 2011, Brun Three Mile Island.
Tonga Institute of Higher Education IT 141: Information Systems CS Students Lecture 2: Microsoft Word.
Power Point Story Telling Using Power Point to learn about using PowerPoint.
PowerPoint ® Presentation Chapter 12 Troubleshooting with PLC Software PLC Programming Software Viewing PLC Programs Debugging PLC Programs Force Functions.
One-by-one – WIMPish Elements  widgets - the bits that make the GUI  what do they do, what are they good for  little things matter.
WINDOWS Part 1 – Start Up Basics
MICROSOFT WORD Options like New, save, Close, Selecting Text How to change text using Bold, Italics, Underline How to change Font, Font Size, Color Justification.
XP 1 Microsoft Word 2002 Tutorial 1 – Creating a Document.
GUI Widgets Jeff Offutt SWE 432 Design and Implementation of Software for the Web.
XP New Perspectives on Windows XP Tutorial 1 Exploring the Basics.
This tutorial teaches Microsoft Word basics. Although knowledge of how to navigate in a Windows environment is helpful, this tutorial was created for.
Menu and Toolbar Commands Copyright 2006 South-Western/Thomson Learning.
Formatting Text Word Lesson 4. Formatting Text Changing appearance of text Changing appearance of text Shape, size, type Shape, size, type On Home tab.
Copyright © 2010 Wolters Kluwer Health | Lippincott Williams & Wilkins Introduction to Windows Chapter 2.
Microsoft Word 2000 Basics Presentation 1 Microsoft Word 2000 A full-featured word processing program that allows you to create and revise professional.
© 2008 The McGraw-Hill Companies, Inc. All rights reserved. WORD 2007 M I C R O S O F T ® THE PROFESSIONAL APPROACH S E R I E S Lesson 3 Formatting Characters.
Screens are a direct copy of the physical text. To learn the material for this course, begin by reading the textbook section. At first glance, the pages.
Learning PowerPoint Part One: Working With Words Directions: Click the slide icon in the section at the right to move on to the next slide.
Exploring Windows and Essential Computing Concepts 1 Windows Desktop u Windows Basics u Icon u Start Button u My Computer u Network Neighborhood u Recycle.
Character Formatting Lesson 3. Skills Matrix SKILL #MATRIX SKILL 2.1.1Apply styles 2.1.2Create and modify styles Format characters.
Microsoft Office XP Illustrated Introductory, Enhanced Started with Windows 2000 Getting.
PBA Front-End Programming Textual Composition. Even with proper choice of font, the physical organisation of text still matters – Avoid ”walls of text”
Introduction to EBSCOhost Tutorial support.ebsco.com.
UoS Libraries 2011 EndNote X5 - basic graduate session.
Computing Fundamentals Module Lesson 7 — The Windows Operating System Computer Literacy BASICS.
WORD BASICS: THE HOME MENU READ THROUGH THE FOLLOWING SLIDES AND FILL OUT YOUR STUDY GUIDE.
Let’s Learn Microsoft PowerPoint. 1.Click on start 2.Place mouse pointer on All Programs 3.Move mouse pointer to right. Place pointer on Microsoft Office.
Introduction to Microsoft Word Introduction to toolbars and buttons.
Mouse Basics Dayton Metro Library Place photo here January 10, 2016.
Microsoft® Word Work with fonts. 1 Apply basic character formatting. 2 Work with the Font dialog box. 3 Repeat and copy character formats. 4 Change.
Microsoft Office 2013 The Basics. Objectives (Day 1) Identify and define Microsoft Office programs Identify which Microsoft Office programs to use to.
Pasewark & Pasewark Microsoft Office 2003: Introductory 1 INTRODUCTION Lesson 1 – Microsoft Office 2003 Basics and the Internet.
Basics of Windows 95/98/NT. Versions of Windows Windows 95 and 98 used mainly on standalone computers Windows NT used on networked computers (as in our.
Sometimes users want to specify or change the appearance of a group of words or characters, or even of a single word or character, and they are not.
CMPF124 Personal Productivity With Information Technology Chapter 1 – Part 2 Introduction to Windows Operating Systems Manipulating Windows GUI CMPF 124.
{ Power Point and Text Working with Text Boxes and Formatting Text.
Customizing Menus and Toolbars CHAPTER 12 Customizing Menus and Toolbars.
MICROSOFT WORD PRESENTATION. Word Processing  Software that is designed for the entry, editing, and printing of documents.  Windows Version = Microsoft.
XP New Perspectives on Microsoft Windows XP Tutorial 1 1 Microsoft Windows XP Creating a Web Site Tutorial 1.
Human Computer Interaction Lecture 07 The Interaction.
Microsoft Word Font, Paragraph Formatting and Picture Toolbar.
Department of CSE1 Chapter 3 the interaction Department of CSE2 The Interaction interaction models –translations between user and system ergonomics –physical.
Human Computer Interaction Lecture 07 The Interaction
Example Program DemoLowLevelEvents.java DemoHighLevelEvents.java
Mail Merge And Macros in MS WORD
dialogue … computer and user distinct styles of interaction
Tutorial Introduction to support.ebsco.com.
CSE310 Human-Computer Interaction
A short tutorial to get you started
European Computer Driving Licence
Exploring the Basics of Windows XP
the interaction extras … more about widgets
Day 2: Improving the Appearance of Document and Using Myanmar Fonts
Presentation transcript:

chapter 3 the interaction extras … more about widgets

understanding and choosing widgets widgets - bits that make the GUI what do they do what are they good for

one-by-one – WIMP elements widgets - bits that make the GUI what do they do what are they good for

widgets? individual items on a GUI screen... –checkboxes, menus, toolbars, buttons etc. three aspects: –appearance- what they look like –interaction- how they behave –semantics- what they mean

appearance

appearance includes words verbs - action words –quit, exit, embolden, italicise adjectives - description/state words –bold, italic nouns - usually as a form of description –Times New Roman, US Letter beware of mixes … –embolden + italic !!?!

behaviour Move mouse off target with button still down – highlight removed Release mouse – nothing happens Move mouse over button – highlights

behaviour … ctd. some bits the toolkit does for you –but is it right? some you control –e.g. drawing, interactions between widgets beware timing issues –e.g. large selections under Windows apps.

semantics menus, buttons, …, etc. do things … … lets make it bold italic

YOU say what it means semantics usually up to you –although widgets may link direct to database –even then, you say what links think separately: –meaning first- what you want it to do –then appearance- how you do it choose the widget for the job

what do you want? actions –usually menu, buttons, or toolbar setting state/options –usually checkbox, radio button, combi-box but … –menus can be used to set state etc....

how many? one of several options –radio buttons, selection menu zero, one or more options –checkbox, multi-choice menu free choice –offer recent/typical shortcuts –one line text boxes often terrible!

and more... number –fixede.g. bold, italic, underline –variablee.g. font list –scolling through telephone list … liveness –grey out inactive options dynamic interactions –some choices dependent on others