the interaction extras … more about widgets

Slides:

Advertisements

Similar presentations

Getting Started with PowerPoint

Advertisements

INTRODUCTORY MICROSOFT WORD Lesson 4 – Formatting Text

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.

Character Formatting Lesson 3.

Chapter 3 the interaction extras … more about widgets.

DOWNLOADING LIBREOFFICE PCNA: DOWNLOADING AND USING LIBREOFFICE: A FREE OFFICE SUITE.

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.

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.

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.

Tonga Institute of Higher Education IT 141: Information Systems CS Students Lecture 2: Microsoft Word.

1. Chapter 2 Formatting Characters 3 Formatting in Word The default template supplies character (text), paragraph, and page formatting. You can make.

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.

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.

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.

Copyright 2002, Paradigm Publishing Inc. CHAPTER 2 BACKNEXTEND 2-1 LINKS TO OBJECTIVES Formatting Characters Formatting Characters Changing Fonts Character.

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.

Power Point Presentations “A how to primer”. Start with a “blank presentation” Instructions 1. Launch (or open) power point. 2. Close the office assistant,

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.

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.

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.

HTML forms. Form elements  Forms consist of  Descriptions (explanation, instructions)  Places to enter information  free form (enter text)  check.

{ 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.

Opening a File 1.Open Word 2.Click the Microsoft Office button(Very top left hand corner). A menu appears 3.Click Open. The Open dialog box appears 4.Use.

Microsoft Word Font, Paragraph Formatting and Picture Toolbar.

C# Programming: From Problem Analysis to Program Design1 Visual Studio Configuration C# Programming: From Problem Analysis to Program Design 4th Edition.

Fundamentals of Windows Mouse n 4 Basic Operations: –Pointing –Clicking –Double Clicking –Dragging.

Read ALL Test Directions Before Beginning the Slide Test

CHAPTER 9 SCREEN DESIGN OBJECTIVES

Microsoft Office Word 2003 Lesson 4

Human Computer Interaction Lecture 07 The Interaction

HCI/CHI: Computer-Human Interaction

Example Program DemoLowLevelEvents.java DemoHighLevelEvents.java

Mail Merge And Macros in MS WORD

Your First & Last Name (Make sure you capitalize your first and last name!) Follow these instructions: 1. Center your name on the slide (use the “Centered”

dialogue … computer and user distinct styles of interaction

Word Lesson 4 Formatting Text

Exploring the Basics of Windows XP

CHAPTER 9 SCREEN DESIGN OBJECTIVES

Tutorial Introduction to support.ebsco.com.

CSE310 Human-Computer Interaction

A short tutorial to get you started

AN INTRODUCTION TO: POWERPOINT.

European Computer Driving Licence

Exploring the Basics of Windows XP

Working with Text and Cascading Style Sheets

GUI Design 24-Feb-19.

The Power Of PowerPoint.

Choose the Proper Screen-Based Controls Lecture-10

Tutorial Introduction to help.ebsco.com.

Day 2: Improving the Appearance of Document and Using Myanmar Fonts

Presentation transcript:

the interaction extras … more about widgets 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 ... three aspects: 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 over button – highlights Move mouse off target with button still down – highlight removed Release mouse – nothing happens

behaviour … ctd. some bits the toolkit does for you some you control 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 think separately: 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 setting state/options but … 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 zero, one or more options free choice 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 liveness dynamic interactions fixed e.g. bold, italic, underline variable e.g. font list scolling through telephone list … liveness grey out inactive options dynamic interactions some choices dependent on others