CS2501 DESIGN PRINCIPLES AND PAPER PROTOTYPING

Size: px
Start display at page:

Download "CS2501 DESIGN PRINCIPLES AND PAPER PROTOTYPING"

Transcription

1 CS2501 DESIGN PRINCIPLES AND PAPER PROTOTYPING * From Norman s Design of Everyday Things and our textbook.

2 DON NORMAN S DESIGN PRINCIPLES 1. Visibility 2. Feedback 3. Affordance 4. Mapping 5. Constraint 6. Consistency

3 1. VISIBILITY Users should always be able to: See the state of the device See the possible set of actions

4 1. VISIBILITY Problems arise if we can t see how to use something. Auto faucets have invisible active zone

5 2. FEEDBACK What is the system doing now? What action has been performed? How did the system interpret my action?

6 2. FEEDBACK

7 2. FEEDBACK

8 2. FEEDBACK Examples of feedback: Scrolling text fields make it obvious that the value is changing. Flashing red let s you know you ve been hit by an enemy. Sound effects when action taken (assures player the button was pressed correctly). Progress bars (user knows the game is making progress towards its goal) Others?

9 3. AFFORDANCE Coined by American psychologist J.J. Gibson in mid-1900 s The affordances of the environment are what it offers the animal, what it provides or furnishes, either for good or ill. Don Norman replaced this concept of objective affordances with that of perceived affordances

10 3. AFFORDANCE

11 3. AFFORDANCE

12 3. AFFORDANCE

13 3. AFFORDANCE

14 3. AFFORDANCE

15 4. MAPPING Relationship of controls to their effects.

16 4. MAPPING

17 4. MAPPING What should pulling back on joystick do? Look up or look down?

18 5. CONSTRAINT Constrain the kinds of interactions that can take place. Helps reduce user s memory load. *For games, only show the user exactly what they need. No more! Don t allow user to do actions that aren t relevant. Example?

19 5. CONSTRAINT Easy to setup the console because each cord only fits one slot.

20 6. CONSISTENCY Four types of consistency (two new ones) Aesthetic Functional Internal External

21 6. CONSISTENCY Aesthetic Consistency: Style and appearance is repeated. Communicates membership and sets tone.

22 6. CONSISTENCY Functional Consistency: Consistent use of colors (colors always represent the same thing) Consistent use of symbols to represent actions

23 6. CONSISTENCY Internal Consistency: Consistency within your application External Consistency: Consistency with other applications Hmmmmm is this why every FPS uses the same control scheme (generally)?

24 6. CONSISTENCY

25 BONUS: PEOPLE HATE READING!

26 BONUS: PEOPLE HATE READING!

27 PAPER PROTOTYPING

28 PAPER PROTOTYPING! Quite literally, using paper to produce a potential interface design.

29 PAPER PROTOTYPING Has several benefits: Very Fast! Very Cheap! Easy to change and adapt Estimated to be 100 times cheaper if NO code is written. Can be used to collect important usability information! *Jakob Nielson

30 DEMONSTRATION VIDEO 0

31 PAPER PROTOTYPING TIPS AND TRICKS 1) Keep materials in one place! Small interface widgets tend to get lost or damaged easily. 2) Work quickly and make reusable components. 3) If something is difficult to simulate (progress indicators, right mouse menus, hyperlinks), have the user ask if it is available and then verbally describe the interaction.

32 PAPER PROTOTYPING TIPS AND TRICKS 4) Backgrounds (Poster Board, etc.) can be useful to contain the prototype and provide context for the user. 5) Don t be afraid to mix and match hardware and software! Maybe a physical block of wood with paper on it! 6) When appropriate, add context by including familiar operating system elements.

33 PAPER PROTOTYPING MATERIALS Widgets!

34 PAPER PROTOTYPING MATERIALS Connectors

35 PAPER PROTOTYPING MATERIALS Drawing

36 PAPER PROTOTYPING MATERIALS and more! Don t be afraid to get creative with the materials you use! Just remember that the point of PP is to be FAST and CHEAP!

37 MORE TIPS! Removable tape or restickable glue is useful for changing components quickly. You can use transparent plastic for input fields, and erasable marker for allowing users to provide input. When in doubt, use wide tip pens and markers. Stacks of cards can be used to simulate tabbed dialog boxes.

38 ANOTHER EXAMPLE

CS3205 HCI IN SOFTWARE DEVELOPMENT PROTOTYPING STRATEGIES. Tom Horton. * Material from: Floryan (UVa) Klemmer (UCSD, was at Stanford)

CS3205 HCI IN SOFTWARE DEVELOPMENT PROTOTYPING STRATEGIES. Tom Horton. * Material from: Floryan (UVa) Klemmer (UCSD, was at Stanford) CS3205 HCI IN SOFTWARE DEVELOPMENT PROTOTYPING STRATEGIES Tom Horton * Material from: Floryan (UVa) Klemmer (UCSD, was at Stanford) WHAT WILL WE BE TALKING ABOUT? Specific Prototyping Strategies! Low-Fidelity

More information

Human-Computer Interaction: An Overview. CS2190 Spring 2010

Human-Computer Interaction: An Overview. CS2190 Spring 2010 Human-Computer Interaction: An Overview CS2190 Spring 2010 There must be a problem because What is HCI? Human-Computer interface Where people meet or come together with machines or computer-based systems

More information

Prototyping. Readings: Dix et al: Chapter 5.8 Marc Rettig: Prototyping for tiny fingers, Communications of the ACM, April 1994.

Prototyping. Readings: Dix et al: Chapter 5.8 Marc Rettig: Prototyping for tiny fingers, Communications of the ACM, April 1994. Prototyping Readings: Dix et al: Chapter 5.8 Marc Rettig: Prototyping for tiny fingers, Communications of the ACM, April 1994. 1 What is prototyping? producing cheaper, less accurate renditions of your

More information

Input part 3: Interaction Techniques

Input part 3: Interaction Techniques Input part 3: Interaction Techniques Interaction techniques A method for carrying out a specific interactive task Example: enter a number in a range could use (simulated) slider (simulated) knob type in

More information

Lecture 6. Design (3) CENG 412-Human Factors in Engineering May

Lecture 6. Design (3) CENG 412-Human Factors in Engineering May Lecture 6. Design (3) CENG 412-Human Factors in Engineering May 28 2009 1 Outline Prototyping techniques: - Paper prototype - Computer prototype - Wizard of Oz Reading: Wickens pp. 50-57 Marc Rettig: Prototyping

More information

Interaction Design. Task Analysis & Modelling

Interaction Design. Task Analysis & Modelling Interaction Design Task Analysis & Modelling This Lecture Conducting task analysis Constructing task models Understanding the shortcomings of task analysis Task Analysis for Interaction Design Find out

More information

What is interaction design? What is Interaction Design? Example of bad and good design. Goals of interaction design

What is interaction design? What is Interaction Design? Example of bad and good design. Goals of interaction design What is interaction design? What is Interaction Design? Designing interactive products to support people in their everyday and working lives Sharp, Rogers and Preece (2002) The design of spaces for human

More information

Low fidelity: omits details High fidelity: more like finished product. Breadth: % of features covered. Depth: degree of functionality

Low fidelity: omits details High fidelity: more like finished product. Breadth: % of features covered. Depth: degree of functionality Fall 2005 6.831 UI Design and Implementation 1 Fall 2005 6.831 UI Design and Implementation 2 Paper prototypes Computer prototypes Wizard of Oz prototypes Get feedback earlier, cheaper Experiment with

More information

What is interaction design?

What is interaction design? Chapter 1 What is interaction design? 1 2 Good/Bad Designs Elevator controls and labels on the bottom row all look the same, so it is easy to push a label by mistake instead of a control button People

More information

Interaction Design. Heuristic Evaluation & Cognitive Walkthrough

Interaction Design. Heuristic Evaluation & Cognitive Walkthrough Interaction Design Heuristic Evaluation & Cognitive Walkthrough Interaction Design Iterative user centered design and development Requirements gathering Quick design Build prototype Evaluate and refine

More information

What is interaction design?

What is interaction design? Lecture 1 What is interaction design? Mohammad Smadi 1 Bad designs Elevator controls and labels on the bottom row all look the same, so it is easy to push a label by mistake instead of a control button

More information

MAKING YOUR GLOG USING GLOGSTER

MAKING YOUR GLOG USING GLOGSTER MAKING YOUR GLOG USING GLOGSTER LOG IN: 1. Go to http://edu.glogster.com. 2. Click LOG IN in the upper-right corner. 3. Enter your given NICKNAME and PASSWORD. 4. Click EDIT MY PROFILE in the upper-right

More information

DESAIN. User-Centered Design Design is based on user s Tasks Abilities Needs Context. Mantra: Know the user!

DESAIN. User-Centered Design Design is based on user s Tasks Abilities Needs Context. Mantra: Know the user! DESAIN System-Centered Design Focus is on the technology What can be built easily using the available tools on this particular platform? What is interesting to me, as the developer, to build? User-Centered

More information

Customizing DAZ Studio

Customizing DAZ Studio Customizing DAZ Studio This tutorial covers from the beginning customization options such as setting tabs to the more advanced options such as setting hot keys and altering the menu layout. Introduction:

More information

Using Glogster.com/EDU

Using Glogster.com/EDU Using Glogster.com/EDU A Glog is like a poster, only better. Glogs allow you to create an online poster using photographs, images, graphics, video files and sound files. Glogs allow you to add hyperlinks

More information

Tips and Tricks for Microsoft PowerPoint Game

Tips and Tricks for Microsoft PowerPoint Game Tips and Tricks for Microsoft PowerPoint Game Topics include: 1. Linking 2. Inserting Sound 3. Animation 4. Background Ideas 5. Buttons and Image Linking 6. Creating an Invisible Hot Spot 7. Set as One

More information

COSC 341 Human Computer Interaction. Dr. Bowen Hui University of British Columbia Okanagan

COSC 341 Human Computer Interaction. Dr. Bowen Hui University of British Columbia Okanagan COSC 341 Human Computer Interaction Dr. Bowen Hui University of British Columbia Okanagan 1 Recall: Learning About Your User Common ways to elicit user feedback: Interviews Focus groups Expert reviews

More information

Site Design. SWE 432, Fall 2017 Design and Implementation of Software for the Web

Site Design. SWE 432, Fall 2017 Design and Implementation of Software for the Web Site Design SWE 432, Fall 2017 Design and Implementation of Software for the Web Today How do you help users understand if it is possible to do what they d like to do? How do you help users find what they

More information

Adobe Web Communication using Dreamweaver CS5 Curriculum/Certification mapping

Adobe Web Communication using Dreamweaver CS5 Curriculum/Certification mapping Adobe Web Communication using Dreamweaver CS5 Curriculum/Certification mapping OBJECTIVES Domain 1.0 Setting Project Requirements 1.1 Identify the purpose, audience, and audience needs for a website. 1.2

More information

What is interaction design?

What is interaction design? Chapter 1 What is interaction design? 1 Bad designs Elevator controls and labels on the bottom row all look the same, so it is easy to push a label by mistake instead of a control button People do not

More information

SmartBoard & Smart Notebook Software

SmartBoard & Smart Notebook Software SmartBoard & Smart Notebook Software A SMART Board is an interactive whiteboard that is connected to a computer, touch sensitive display acting as both a monitor and input device. SMART Notebook software

More information

Chapter 1: What is interaction design?

Chapter 1: What is interaction design? Chapter 1: What is interaction design? Interaction design Preece Jenny; Rogers Yvonne; Sharp Helen Apogeo, 2004 What is interaction design? https://www.youtube.com/watch?v=7sfecgoep1c What is interaction

More information

Adobe Web Authoring using Adobe Dreamweaver Exam and objectives

Adobe Web Authoring using Adobe Dreamweaver Exam and objectives Adobe Web Authoring using Adobe Dreamweaver Exam and objectives After taking the exam, your score is electronically reported. Please allow 2-4 weeks from the date you pass the exam to receive your ACA

More information

SBD:Interaction Design

SBD:Interaction Design analysis of stakeholders, field studies ANALYZE Problem scenarios claims about current practice SBD:Interaction Design metaphors, information technology, HCI theory, guidelines DESIGN Activity scenarios

More information

DYNASIGN LE2 Version2.7. Interactive Content App Tutorial. We bring life to screens, one screen at a time

DYNASIGN LE2 Version2.7. Interactive Content App Tutorial.  We bring life to screens, one screen at a time DYNASIGN LE2 Version2.7 Interactive Content App Tutorial www.dynasign.net Introduction As part of Dynasign LE2, the Interactive App DSWidget allows you to create multi-level menudriven interactive content

More information

ekaizen Lessons Table of Contents 1. ebook Basics 1 2. Create a new ebook Make Changes to the ebook Populate the ebook 41

ekaizen Lessons Table of Contents 1. ebook Basics 1 2. Create a new ebook Make Changes to the ebook Populate the ebook 41 Table of Contents 1. ebook Basics 1 2. Create a new ebook 20 3. Make Changes to the ebook 31 4. Populate the ebook 41 5. Share the ebook 63 ekaizen 1 2 1 1 3 4 2 2 5 The ebook is a tabbed electronic book

More information

Smoother Graphics Taking Control of Painting the Screen

Smoother Graphics Taking Control of Painting the Screen It is very likely that by now you ve tried something that made your game run rather slow. Perhaps you tried to use an image with a transparent background, or had a gazillion objects moving on the window

More information

Usability. Daniela Rosner. Web Architecture, October 9, School of Information UC Berkeley

Usability. Daniela Rosner. Web Architecture, October 9, School of Information UC Berkeley Usability Daniela Rosner Web Architecture, 290-03 October 9, 2007 School of Information UC Berkeley Outline Introduction what is usability Best Practices common solutions Design Patterns shared languages

More information

Practical HI Examples Nick Parlante, 1996.Free for non-commerical use.

Practical HI Examples Nick Parlante, 1996.Free for non-commerical use. Practical HI Examples Nick Parlante, 1996.Free for non-commerical use. This is a Human Interface design handout I just pulled together for CS108. I think this material's a lot of fun. A Control's Appearance

More information

0BHuman Computer Interaction: An Overview

0BHuman Computer Interaction: An Overview 0BHuman Computer Interaction: An Overview What is Human Computer Interaction (HCI)? Importance of HCI Good and Poor Design Examples What and Who are involved in HCI design? General Principles of HCI Design

More information

Input: Interaction Techniques

Input: Interaction Techniques Input: Interaction Techniques Administration Questions about homework? 2 Interaction techniques A method for carrying out a specific interactive task Example: enter a number in a range could use (simulated)

More information

Administrative Stuff. Examples of project processbooks and link to a project prototype on the website Next Week: Evaluation methods, cultural probes

Administrative Stuff. Examples of project processbooks and link to a project prototype on the website Next Week: Evaluation methods, cultural probes Administrative Stuff Examples of project processbooks and link to a project prototype on the website Next Week: Evaluation methods, cultural probes Prototyping Irene Rae Computer Sciences CS-570 Introduction

More information

HUMAN COMPUTER INTERACTION

HUMAN COMPUTER INTERACTION HUMAN COMPUTER INTERACTION 3. USABILITY AND CONCEPTUAL MODEL I-Chen Lin, National Chiao Tung University, Taiwan "One most unfortunate product is the type of engineer who does not realize that in order

More information

USER INTERFACE DESIGN

USER INTERFACE DESIGN USER INTERFACE DESIGN Today Before we talk about how to code interfaces in Java, some concepts. Norman: The Design of Everyday Things; General design principles; Activity theory; Gulf of execution; gulf

More information

Word 2003: Flowcharts Learning guide

Word 2003: Flowcharts Learning guide Word 2003: Flowcharts Learning guide How can I use a flowchart? As you plan a project or consider a new procedure in your department, a good diagram can help you determine whether the project or procedure

More information

Introduction. Download. SMARTBoard

Introduction. Download.   SMARTBoard Page 1 of 21 SMARTBoard Introduction Interactive whiteboards are an excellent way to involve students in classroom learning by providing the look and feel of a regular whiteboard with computer-based technology

More information

Integrating Media and Interactivity in Adobe Captivate. June 10 & 11, 2010

Integrating Media and Interactivity in Adobe Captivate. June 10 & 11, 2010 The Rapid Development Tools Intensive: Basic-to- Intermediate Concepts and Techniques 401 Integrating Media and Interactivity in Adobe Captivate Dazzle Technologies Corp. For all your custom creative e-learning

More information

Microsoft PowerPoint 2016 Part 2: Notes, Links, & Graphics. Choosing a Design. Format Background

Microsoft PowerPoint 2016 Part 2: Notes, Links, & Graphics. Choosing a Design. Format Background Microsoft PowerPoint 2016 Part 2: Notes, Links, & Graphics Choosing a Design Open PowerPoint. Click on Blank Presentation. Click on the Design tab. Click on the design tab of your choice. In part one we

More information

HCI and Design SPRING 2016

HCI and Design SPRING 2016 HCI and Design SPRING 2016 Topics for today Heuristic Evaluation 10 usability heuristics How to do heuristic evaluation Project planning and proposals Usability Testing Formal usability testing in a lab

More information

Glogster

Glogster Glogster http://edu.glogster.com Page 1 A Glog is like a poster, only better. Glogs allow you to create an online poster using photographs, images, graphics, video files and sound files. Glogs allow you

More information

Introduction to Microsoft Publisher

Introduction to Microsoft Publisher Introduction to Microsoft Publisher Day One Agenda: Introduction Templates Layout Inserting and Formatting Text Inserting and Formatting Pictures Practice, Questions Day Two Agenda: Review Day One Tables

More information

Introduction to Unreal Engine Blueprints for Beginners. By Chaven R Yenketswamy

Introduction to Unreal Engine Blueprints for Beginners. By Chaven R Yenketswamy Introduction to Unreal Engine Blueprints for Beginners By Chaven R Yenketswamy Introduction My first two tutorials covered creating and painting 3D objects for inclusion in your Unreal Project. In this

More information

FACULTY AND STAFF COMPUTER FOOTHILL-DE ANZA. Office Graphics

FACULTY AND STAFF COMPUTER FOOTHILL-DE ANZA. Office Graphics FACULTY AND STAFF COMPUTER TRAINING @ FOOTHILL-DE ANZA Office 2001 Graphics Microsoft Clip Art Introduction Office 2001 wants to be the application that does everything, including Windows! When it comes

More information

What I learned from Assignment 0. This is the first HCI course for most of you. You need practice with core HCI and Design concepts.

What I learned from Assignment 0. This is the first HCI course for most of you. You need practice with core HCI and Design concepts. HCI and Design Today s Reading What I learned from Assignment 0 This is the first HCI course for most of you. You need practice with core HCI and Design concepts. Today: Understanding Users Why do we need

More information

Cognitive Walkthrough Evaluation

Cognitive Walkthrough Evaluation Columbia University Libraries / Information Services Digital Library Collections (Beta) Cognitive Walkthrough Evaluation by Michael Benowitz Pratt Institute, School of Library and Information Science Executive

More information

Part 1: Basics. Page Sorter:

Part 1: Basics. Page Sorter: Part 1: Basics Page Sorter: The Page Sorter displays all the pages in an open file as thumbnails and automatically updates as you add content. The page sorter can do the following. Display Pages Create

More information

KNACK TRAINING. MICROSOFT OFFICE: TIPS & TRICKS FOR EFFICIENCY

KNACK TRAINING.     MICROSOFT OFFICE: TIPS & TRICKS FOR EFFICIENCY KNACK TRAINING http://knacktraining.com http://youtube.com/neilmalek MICROSOFT OFFICE: TIPS & TRICKS FOR EFFICIENCY 2 TABLE OF CONTENTS MICROSOFT WORD MOUSE & KEYBOARD TRICKS NAVIGATION 4 SELECTION 7 FORMATTING

More information

The Fundamentals. Document Basics

The Fundamentals. Document Basics 3 The Fundamentals Opening a Program... 3 Similarities in All Programs... 3 It's On Now What?...4 Making things easier to see.. 4 Adjusting Text Size.....4 My Computer. 4 Control Panel... 5 Accessibility

More information

How to create interactive documents

How to create interactive documents Adobe InDesign Guide How to create interactive documents You can use Adobe InDesign to create dynamic web content or interactive documents. InDesign supports export to web-ready HTML or interactive PDF.

More information

Interaction Design DECO1200

Interaction Design DECO1200 Interaction Design DECO1200 Rob Saunders web: http://www.arch.usyd.edu.au/~rob e-mail: rob@arch.usyd.edu.au office: Room 274, Wilkinson Building Administration Lectures Thu 1000 1100 ALT 2 Thu 1400 1500

More information

Chapter 9 Slide Shows

Chapter 9 Slide Shows Impress Guide Chapter 9 Slide Shows Transitions, animations, and more Copyright This document is Copyright 2007 2011 by its contributors as listed below. You may distribute it and/or modify it under the

More information

INTRODUCTION TO USER INTERFACE DESIGN. M. Meyer Bridges To Computing

INTRODUCTION TO USER INTERFACE DESIGN. M. Meyer Bridges To Computing BRIDGES TO COMPUTING General Information: This document was created for use in the "Bridges to Computing" project of Brooklyn College. You are invited and encouraged to use this presentation to promote

More information

MIT GSL week 4 Wednesday. User Interfaces II

MIT GSL week 4 Wednesday. User Interfaces II MIT GSL 2018 week 4 Wednesday User Interfaces II User Centered Design Prototyping! Producing cheaper, less accurate renditions of your target interface! Essential in spiral design process, useful in later

More information

HTML5 Responsive Notify 2 DMXzone

HTML5 Responsive Notify 2 DMXzone Table of contents Table of contents... 1 About HTML5 Responsive Notify 2... 2 Features in Detail... 3 The Basics: Insert HTML5 Responsive Notify 2 on your Page... 10 Advanced: Retrieve your Notifications

More information

Human-Computer Interaction. Chapter 2. What is HCI?

Human-Computer Interaction. Chapter 2. What is HCI? Human-Computer Interaction Chapter 2 What is HCI? Overview 2.1 The Human 2.2 The Computer 2.3 The Interaction Models of Interaction Interaction Styles Elements of the WIMP Interface HCI 2.3.1 Models of

More information

PowerPoint Basics: Create a Photo Slide Show

PowerPoint Basics: Create a Photo Slide Show PowerPoint Basics: Create a Photo Slide Show P 570 / 1 Here s an Enjoyable Way to Learn How to Use Microsoft PowerPoint Microsoft PowerPoint is a program included with all versions of Microsoft Office.

More information

Keynote 08 Basics Website:

Keynote 08 Basics Website: Website: http://etc.usf.edu/te/ Keynote is Apple's presentation application. Keynote is installed as part of the iwork suite, which also includes the word processing program Pages and the spreadsheet program

More information

Human-Computer Interaction IS4300

Human-Computer Interaction IS4300 Human-Computer Interaction IS4300 1 Quiz 3 1 I5 due next class Your mission in this exercise is to implement a very simple Java painting applet. The applet must support the following functions: Draw curves,

More information

Microsoft PowerPoint 2003 Basic Activities

Microsoft PowerPoint 2003 Basic Activities Microsoft PowerPoint 2003 Basic Activities Activity 1 Creating a new blank presentation... 1 1A. Applying Layouts... 1 1B. Applying a Slide Design... 1 1C. Applying a Background... 2 1D. Entering Text...

More information

Chapter 9 Slide Shows

Chapter 9 Slide Shows Impress Guide Chapter 9 Slide Shows Transitions, animations, and more Copyright This document is Copyright 2007 2012 by its contributors as listed below. You may distribute it and/or modify it under the

More information

Interface. 2. Interface Adobe InDesign CS2 H O T

Interface. 2. Interface Adobe InDesign CS2 H O T 2. Interface Adobe InDesign CS2 H O T 2 Interface The Welcome Screen Interface Overview The Toolbox Toolbox Fly-Out Menus InDesign Palettes Collapsing and Grouping Palettes Moving and Resizing Docked or

More information

PowerPoint Tips and Tricks

PowerPoint Tips and Tricks PowerPoint Tips and Tricks Viewing Your Presentation PowerPoint provides multiple ways to view your slide show presentation. You can access these options either through a toolbar on your screen or by pulling

More information

An Introduction to Human Computer Interaction

An Introduction to Human Computer Interaction The contents of this Supporting Material document have been prepared from the Eight units of study texts for the course M150: Date, Computing and Information, produced by The Open University, UK. Copyright

More information

Fireworks 3 Animation and Rollovers

Fireworks 3 Animation and Rollovers Fireworks 3 Animation and Rollovers What is Fireworks Fireworks is Web graphics program designed by Macromedia. It enables users to create any sort of graphics as well as to import GIF, JPEG, PNG photos

More information

CONTENTS. Working With Feeds Viewing Your Feeds Working With Snippets Deleting Snippets Rev AA

CONTENTS. Working With Feeds Viewing Your Feeds Working With Snippets Deleting Snippets Rev AA CONTENTS Getting Started.............................................. 4 Setting Up Livescribe+...................................................... 4 Connecting Your Smartpen and Device........................................

More information

Learning to use the drawing tools

Learning to use the drawing tools Create a blank slide This module was developed for Office 2000 and 2001, but although there are cosmetic changes in the appearance of some of the tools, the basic functionality is the same in Powerpoint

More information

1. Multimedia authoring is the process of creating a multimedia production:

1. Multimedia authoring is the process of creating a multimedia production: Chapter 8 1. Multimedia authoring is the process of creating a multimedia production: Creating/assembling/sequencing media elements Adding interactivity Testing (Alpha/Beta) Packaging Distributing to end

More information

Our Hall of Fame or Shame candidate for today is the command ribbon, which was introduced in Microsoft Office The ribbon is a radically

Our Hall of Fame or Shame candidate for today is the command ribbon, which was introduced in Microsoft Office The ribbon is a radically 1 Our Hall of Fame or Shame candidate for today is the command ribbon, which was introduced in Microsoft Office 2007. The ribbon is a radically different user interface for Office, merging the menubar

More information

What is interaction design?

What is interaction design? Chapter 2 What is interaction design? 1 Bad designs Elevator controls and labels on the bottom row all look the same, so it is easy to push a label by mistake instead of a control button People do not

More information

Fundamentals. Training Kit. Presentation Products, Inc. 632 W 28th St, 7th fl New York, NY f presentationproducts.

Fundamentals. Training Kit. Presentation Products, Inc. 632 W 28th St, 7th fl New York, NY f presentationproducts. Fundamentals Training Kit Presentation Products, Inc. 632 W 28th St, 7th fl New York, NY 10001 212.736.6350 f 212.736.6353 presentationproducts.com How Does the SMART Board Interactive Whiteboard Work?

More information

Interactive Tourist Map

Interactive Tourist Map Adobe Edge Animate Tutorial Mouse Events Interactive Tourist Map Lesson 2 Make click events In the last lesson you learned how to set up you stage and get your project ready for some interactivity. You

More information

Notebook collaborative learning software 10. Extraordinary made simple

Notebook collaborative learning software 10. Extraordinary made simple Notebook collaborative learning software 10 Extraordinary made simple Create extraordinary moments in the classroom Award-winning Notebook software is setting the worldwide standard for creating, teaching

More information

Making Your First Character

Making Your First Character Create a new canvas on Photoshop (File > New) and set this to 32 x 32 pixels select a transparent background. Remember to set up your preferences under Edit > Preferences > Guides, Grid & Slices Also remember

More information

Explore commands on the ribbon Each ribbon tab has groups, and each group has a set of related commands.

Explore commands on the ribbon Each ribbon tab has groups, and each group has a set of related commands. Quick Start Guide Microsoft Excel 2013 looks different from previous versions, so we created this guide to help you minimize the learning curve. Add commands to the Quick Access Toolbar Keep favorite commands

More information

Seng310 Lecture 8. Prototyping

Seng310 Lecture 8. Prototyping Seng310 Lecture 8. Prototyping Course announcements Deadlines Individual assignment (extended) deadline: today (June 7) 8:00 am by email User testing summary for paper prototype testing- Thursday June

More information

COMP311. User Interface Design

COMP311. User Interface Design T E W H A R E W Ā N A N G A O T E Ū P O K O O T E I K A A M Ā U I VUW V I C T O R I A UNIVERSITY OF WELLINGTON EXAMINATIONS 2006 END OF YEAR COMP311 User Interface Design Time Allowed: 3 hours Instructions:

More information

Scratch. Creative Computing

Scratch. Creative Computing Scratch Creative Computing Section 1 INTRODUCTION TO SCRATCH Scratch Browser based Created at MIT Creative Computing Using a tool to easily create a computer program. Typically a drag-and-drop tool. Emphasizes

More information

Using the SMARTBoard to Differentiate Instruction

Using the SMARTBoard to Differentiate Instruction Using the SMARTBoard to Differentiate Instruction The following best practices tips and tools to support differentiated instructional practices was created based on SMART notebook version v.11.3.857. Best

More information

Mensch-Maschine-Interaktion 1. Chapter 2 (May 12th, 2011, 9am-12pm): Basic HCI principles 1

Mensch-Maschine-Interaktion 1. Chapter 2 (May 12th, 2011, 9am-12pm): Basic HCI principles 1 Mensch-Maschine-Interaktion 1 Chapter 2 (May 12th, 2011, 9am-12pm): Basic HCI principles 1 1 Overview Introduction Basic HCI Principles (1) Basic HCI Principles (2) User Research & Requirements Designing

More information

Chapter 1- The Blender Interface

Chapter 1- The Blender Interface The Blender Screen When I first looked at Blender and read some tutorials I thought that this looked easy and made sense. After taking the program for a test run, I decided to forget about it for a while

More information

Game Starter Kit Cheat Sheet

Game Starter Kit Cheat Sheet Game Starter Kit Cheat Sheet In this cheat sheet, I am going to show you how you can create your own custom Flappy Bird Game in a matter of minutes, using FREE Software. The same style of game that was

More information

Fundamentals. Training Kit. Presentation Products, Inc. 632 W 28th St, 7th fl New York, NY f presentationproducts.

Fundamentals. Training Kit. Presentation Products, Inc. 632 W 28th St, 7th fl New York, NY f presentationproducts. Fundamentals Training Kit Presentation Products, Inc. 632 W 28th St, 7th fl New York, NY 10001 212.736.6350 f 212.736.6353 presentationproducts.com Table of Contents Getting Started How Does the SMART

More information

NEW LOOK OF RAPIDMAP! Below is how the RapidMap interface will look when it is initially opened.

NEW LOOK OF RAPIDMAP! Below is how the RapidMap interface will look when it is initially opened. NEW LOOK OF RAPIDMAP! Below is how the RapidMap interface will look when it is initially opened. MAP LAYERS When the arrow to the left of the Search For button is clicked, a Map Layers panel will slide

More information

Learn Dreamweaver CS5 in a Day

Learn Dreamweaver CS5 in a Day Learn Dreamweaver CS5 in a Day Topic File Used Page Number Instructions...1 Chapter 1 Tutorial 1. Introduction... 3 2. Previewing finished site in your web browser...als_portfolio... 7 3. Starting Up Dreamweaver...

More information

Viewing the Data 3 Turning Layers On / Off 4 Navigation Toolbar 5 Layout Toolbar 7 Identify Tool 8 Find Tool 10 Measure Tool 12 Go To XY Tool 14

Viewing the Data 3 Turning Layers On / Off 4 Navigation Toolbar 5 Layout Toolbar 7 Identify Tool 8 Find Tool 10 Measure Tool 12 Go To XY Tool 14 1 Viewing the Data 3 Turning Layers On / Off 4 Navigation Toolbar 5 Layout Toolbar 7 Identify Tool 8 Find Tool 10 Measure Tool 12 Go To XY Tool 14 Transparency Tool 16 Markup Tools 19 ArcMap Markup Tools

More information

429 - Solid Edge - Tips and Tricks

429 - Solid Edge - Tips and Tricks 4 th Generation VLC courtesy of Edison2 429 - Solid Edge - Tips and Tricks Craig Ruchti, Solid Edge Field Support, #SEU13 Agenda: 429 - Solid Edge - Tips and Tricks Who am I? What you will learn Solid

More information

CS 116x Winter 2015 Craig S. Kaplan. Module 03 Graphical User Interfaces. Topics

CS 116x Winter 2015 Craig S. Kaplan. Module 03 Graphical User Interfaces. Topics CS 116x Winter 2015 Craig S. Kaplan Module 03 Graphical User Interfaces Topics The model-view-controller paradigm Direct manipulation User interface toolkits Building interfaces with ControlP5 Readings

More information

This quiz is closed book, closed notes. You have 80 minutes to complete it. Your name:

This quiz is closed book, closed notes. You have 80 minutes to complete it. Your name: 6.831 User Interface Design & Implementation Fall 2004 Quiz 1 This quiz is closed book, closed notes. You have 80 minutes to complete it. Your name: 1. (3 points) Which of the following are measurable

More information

Basic Classroom Tools Promethean Module 1 (ActivInspire)

Basic Classroom Tools Promethean Module 1 (ActivInspire) Basic Classroom Tools Promethean Module 1 (ActivInspire) Section 1: Power On The Promethean ActivBoard is activated when the power cord is plugged into the wall outlet. The flame icon in the upper right

More information

Review Questions FL Chapter 3: Working With Symbols and Interactivity

Review Questions FL Chapter 3: Working With Symbols and Interactivity Review Questions FL Chapter 3: Working With Symbols and Interactivity TRUE/FALSE 1. One way to decrease file size is to create reusable graphics, buttons, and movie clips. 2. Flash allows you to create

More information

Microsoft PowerPoint 2002

Microsoft PowerPoint 2002 Microsoft PowerPoint 2002 Creating a New Presentation Upon opening, PowerPoint 2002 will display a blank title slide for a new presentation. You can begin creating a PowerPoint presentation by typing the

More information

MIXPO GUIDE SERIES. Mixpo Platform User Guide: Overview of Rich Media Ad Units RICH MEDIA

MIXPO GUIDE SERIES. Mixpo Platform User Guide: Overview of Rich Media Ad Units RICH MEDIA MIXPO GUIDE SERIES Mixpo Platform User Guide: Overview of Rich Media Ad Units RICH MEDIA Welcome to Mixpo! The contents of this User Guide and appendices will help you effectively navigate the Mixpo platform

More information

Keynote Basics Website:

Keynote Basics Website: Keynote Basics Website: http://etc.usf.edu/te/ Keynote is Apple's presentation application. Keynote is installed as part of the iwork suite, which also includes the word processing program Pages. If you

More information

Customize Your Environment

Customize Your Environment 26 c h a p t e r 2 Customize Your Environment Every vector drawing program comes with default settings. In general, the defaults are OK, but customizing your preferences will make creating your vector

More information

Creating an Animated Navigation Bar in InDesign*

Creating an Animated Navigation Bar in InDesign* Creating an Animated Navigation Bar in InDesign* *for SWF or FLA export only Here s a digital dilemma: You want to provide navigation controls for readers, but you don t want to take up screen real estate

More information

PSpice Tutorial. Physics 160 Spring 2006

PSpice Tutorial. Physics 160 Spring 2006 PSpice Tutorial This is a tutorial designed to guide you through the simulation assignment included in the first homework set. You may either use the program as installed in the lab, or you may install

More information

OUTLOOK TIPS AND TRICKS GINI COURTER, M.B.A., TRIAD CONSULTING

OUTLOOK TIPS AND TRICKS GINI COURTER, M.B.A., TRIAD CONSULTING 1 OUTLOOK TIPS AND TRICKS GINI COURTER, M.B.A., TRIAD CONSULTING DISPLAYING THE ADVANCED TOOLBAR (2007) The Advanced toolbar isn t advanced; it s just the commands that they couldn t fit on the Standard

More information

ORGANIZING YOUR ARTWORK WITH LAYERS

ORGANIZING YOUR ARTWORK WITH LAYERS 9 ORGANIZING YOUR ARTWORK WITH LAYERS Lesson overview In this lesson, you ll learn how to do the following: Work with the Layers panel. Create, rearrange, and lock layers and sublayers. Move objects between

More information

MagicBase Pro Import Wizard Guide

MagicBase Pro Import Wizard Guide MagicBase Pro Import Wizard Guide Revised 2.02.10 MagicBase Pro is a database solution created for specialty performers. The Import Wizard is a free utility that can be used by anyone who needs to process

More information

Interaction Techniques. SWE 432, Fall 2016 Design and Implementation of Software for the Web

Interaction Techniques. SWE 432, Fall 2016 Design and Implementation of Software for the Web Interaction Techniques SWE 432, Fall 2016 Design and Implementation of Software for the Web Today What principles guide the design of usable interaction techniques? How can interaction designs help support

More information