MIT 6.893; SMA 5508 Spring 2004 Larry Rudolph Lecture Introduction Sketching Interface.

Slides:



Advertisements
Similar presentations
Design, prototyping and construction
Advertisements

Creating a Multimodal Design Environment Using Speech and Sketching Aaron Adler Student Oxygen Workshop September 12, 2003.
Team Skill 5: Refining the Use Cases Lecture 11. Advantages of Use Cases They are easy to write Written in users language Provide cohesive, related threads.
Framework is l Reusable Code, often domain specific (GUI, Net, Web, etc) l expressed as l a set of classes and l the way objects in those classes collaborate.
Using Data Flow Diagrams
Using Dataflow Diagrams
Lecture 4 – Part 2 Introduction to SolidWorks
Jason Hong James Landay A. Chris Long Jennifer Mankoff Sketch Recognizers from the End-User’s, the Designer’s, and the Programmer’s Perspective.
Informatics 43 – May 7, Restatement of Goals for Testing Want to verify software’s correctness  Need to test  Need to decide on test cases  No.
Bellevue University CIS 205: Introduction to Programming Using C++ Lecture 3: Primitive Data Types.
John Hu Nov. 9, 2004 Multimodal Interfaces Oviatt, S. Multimodal interfaces Mankoff, J., Hudson, S.E., & Abowd, G.D. Interaction techniques for ambiguity.
DENIM: Finding a Tighter Fit with Web Design Practice James Lin, Mark W. Newman, Jason I. Hong, James A. Landay April 6, 2000 CHI 2000, The Hague
Visual Web Information Extraction With Lixto Robert Baumgartner Sergio Flesca Georg Gottlob.
1 Model View Controller. 2 Outline Review Definitions of MVC Why do we need it? Administiriva Changing the display Event flow Dragging at interactive.
Using Dataflow Diagrams
Algorithms and Problem Solving. Learn about problem solving skills Explore the algorithmic approach for problem solving Learn about algorithm development.
Combining Informal and Tangible Interfaces for Early Stages of Web Site Design Raecine Sapien Mentor: Mark Newman Professor: Dr. James Landay This presentation.
AceMedia Personal content management in a mobile environment Jonathan Teh Motorola Labs.
SIMS 202 Information Organization and Retrieval Prof. Marti Hearst and Prof. Ray Larson UC Berkeley SIMS Tues/Thurs 9:30-11:00am Fall 2000.
Chapter 2: Understanding and conceptualizing interaction
CS 330 Programming Languages 09 / 16 / 2008 Instructor: Michael Eckmann.
Rapid Prototyping Marti Hearst (UCB SIMS) SIMS 213, UI Design & Development February 25, 1999.
Statistical Natural Language Processing. What is NLP?  Natural Language Processing (NLP), or Computational Linguistics, is concerned with theoretical.
L1 Sketch Tools Advanced HCI Beryl Plimmer. Agenda What’s the difference between a keyboard and a pencil?
A Visual Language for Sketching Large and Complex Interactive Designs Michael Thomsen University of Aarhus G r o u p f o r User Interface Research University.
Rapid Prototyping Model
METU Informatics Institute Min720 Pattern Classification with Bio-Medical Applications Lecture Notes by Neşe Yalabık Spring 2011.
Neighborhood Operations
MIT 6.893; SMA 5508 Spring 2004 Larry Rudolph Lecture Introduction Speechbuilder Tutorial.
Output and User Interface Design
Prototyping Creation of concrete but partial implementations of a system design to explore usability issues.
S556 SYSTEMS ANALYSIS & DESIGN Week 11. Creating a Vision (Solution) SLIS S556 2  Visioning:  Encourages you to think more systemically about your redesign.
What We Can Learn From SILK and DENIM Presenter: Shahla Almasri COMP 762B: Modelling and Simulation Based Design March 2 nd, 2005.
Information Systems & Semantic Web University of Koblenz ▪ Landau, Germany Semantic Web - Multimedia Annotation – Steffen Staab
Object-Oriented Software Engineering Practical Software Development using UML and Java Chapter 7: Focusing on Users and Their Tasks.
Lecture 1 Introduction Figures from Lewis, “C# Software Solutions”, Addison Wesley Richard Gesick.
Combining geometry and domain knowledge to interpret hand-drawn diagrams As Presented By: Andrew Campbell Christopher Dahlberg.
HCI For Pen Based Computing Cont. Richard Anderson CSE 481 B Winter 2007.
Software Engineering Saeed Akhtar The University of Lahore Lecture 6 Originally shared for: mashhoood.webs.com.
Designing classes How to write classes in a way that they are easily understandable, maintainable and reusable 5.0.
Chapter 9 Prototyping. Objectives  Describe the basic terminology of prototyping  Describe the role and techniques of prototyping  Enable you to produce.
Generating Abstract User Interfaces from an Informal Design Adrien Coyette University of Louvain Information Systems Unit Louvain-la-Neuve BELGIUM.
Speech Interfaces User Interfaces Spring 1998 Drew Roselli.
Speech Recognition MIT SMA 5508 Spring 2004 Larry Rudolph (MIT)
Example: object diagram for Scheduler, v What is wrong with this diagram? Seems like a lot of similarity between Task and UnplannedTask Can use.
Topic #1: Introduction EE 456 – Compiling Techniques Prof. Carl Sable Fall 2003.
MIT 6.893; SMA 5508 Spring 2004 Larry Rudolph Lecture 4: Graphic User Interface Graphical User Interface Larry Rudolph MIT 6.893; SMA 5508 Spring 2004.
Feature Point Detection and Curve Approximation for Early Processing of Free-Hand Sketches Tevfik Metin Sezgin and Randall Davis MIT AI Laboratory.
1 Lecture 5: Interactive Tools: Prototypers (HyperCard, Director, Visual Basic), Interface Builders Brad Myers Advanced User Interface Software.
Introduction to Evaluation without Users. Where are you at with readings? Should have read –TCUID, Chapter 4 For Next Week –Two Papers on Heuristics from.
A Sketching Tool for Designing Anyuser, Anyplatform, Anywhere User Interfaces A Sketching Tool for Designing Anyuser, Anyplatform, Anywhere User Interfaces.
Concepts and Realization of a Diagram Editor Generator Based on Hypergraph Transformation Author: Mark Minas Presenter: Song Gu.
Stanford hci group / cs376 Research Topics in Human-Computer Interaction Design Tools Ron B. Yeh 26 October 2004.
Objects First With Java A Practical Introduction Using BlueJ Designing classes How to write classes in a way that they are easily understandable, maintainable.
Understanding Naturally Conveyed Explanations of Device Behavior Michael Oltmans and Randall Davis MIT Artificial Intelligence Lab.
Prototyping Creation of concrete but partial implementations of a system design to explore usability issues.
Pen Based User Interface II CSE 481b January 25, 2005.
Designing classes How to write classes in a way that they are easily understandable, maintainable and reusable 6.0.
Sketch Tools L2 Advanced HCI. Agenda What is the problem with computer-based design tools? Why a toolkit? Framework Implementation Does it work? What.
Software Development. The Software Life Cycle Encompasses all activities from initial analysis until obsolescence Analysis of problem or request Analysis.
Resolving Ambiguities to Create a Natural Sketching Environment Christine Alvarado and Randall Davis MIT AI Laboratory.
FOP: Multi-Screen Apps
gesture features for coreference
Algorithms and Problem Solving
GUI Design and Coding PPT By :Dr. R. Mall.
Kenneth Baclawski et. al. PSB /11/7 Sa-Im Shin
Prototyping.
CSc4730/6730 Scientific Visualization
Design Tools Jeffrey Heer · 7 May 2009.
Algorithms and Problem Solving
Presentation transcript:

MIT 6.893; SMA 5508 Spring 2004 Larry Rudolph Lecture Introduction Sketching Interface

MIT 6.893; SMA 5508 Spring 2004 Larry Rudolph Lecture Sketching 2 Motivation Natural Interface Mass-market of h/w devices available Still lack of s/w & applications for it Similar and different from speech how?

MIT 6.893; SMA 5508 Spring 2004 Larry Rudolph Lecture Sketching 3 Comparison to speech Noisy environment -- cannot use speech Sketches useful after communication is over can express things for which there are too many words no words picture is worth at least 1,000 words

MIT 6.893; SMA 5508 Spring 2004 Larry Rudolph Lecture Sketching 4 Perceptual User Interface (PUI) Vision, speech, gestures Hey, don’t forget sketching Sketching modes formal CAD tools informal ambiguity encourages the designer to explore more ideas in early stages ignore details such as color, alignment, size do not to do both from scratch when ready, fix up informal sketch

MIT 6.893; SMA 5508 Spring 2004 Larry Rudolph Lecture Sketching 5 Big difference in sketching strategies Strategies Recognize Don’t recognize Similar to speech trade-offs word recognition sentence (concept) recognition When is recognition done? image-based (after done) stroke-based (while drawing)

MIT 6.893; SMA 5508 Spring 2004 Larry Rudolph Lecture Sketching 6 Why no recognition actually, a spectrum of recognition quickly prototyping user interfaces easier than using CAD tools easier to brainstorm; be creative what to do with recognition errors? separate window? nothing: do not want to interfere?

MIT 6.893; SMA 5508 Spring 2004 Larry Rudolph Lecture Sketching 7 Some projects Assist (Davis -- MIT / CSAIL) more about this later Silk (Landay and Myers 2001) sketch use interface more in next slildes some others not discussed Burlap (Mankoff, Hudson 2000) “mediation” used to correct recognition errors DENIM (Lin, Newman 2000) sketch tool for web designers minimize the amount of recognition

MIT 6.893; SMA 5508 Spring 2004 Larry Rudolph Lecture Sketching 8 Real-time Recognition Start with visual language syntax in a declarative grammar consider multiple ambiguous interpretations use probability to disambiguate

MIT 6.893; SMA 5508 Spring 2004 Larry Rudolph Lecture Sketching 9 Silk Designer sketches UI (for web)

MIT 6.893; SMA 5508 Spring 2004 Larry Rudolph Lecture Sketching 10 Lots of ambiguities Attachment text to line Gap omitted values Role what is legend? Segmentation single terminal represents multiple syntactic entities Occlusion

MIT 6.893; SMA 5508 Spring 2004 Larry Rudolph Lecture Sketching 11 Very similar to Galaxy

MIT 6.893; SMA 5508 Spring 2004 Larry Rudolph Lecture Sketching 12 Visual Language Syntax

MIT 6.893; SMA 5508 Spring 2004 Larry Rudolph Lecture Sketching 13 Probability to the rescue To give a label to an element in drawing, base it one multiple features Use Bayes Thm prob this is the label given these features probability given this label, would have these features accounting fo rhte likelihood of these features here

MIT 6.893; SMA 5508 Spring 2004 Larry Rudolph Lecture Sketching 14 Fixup the description

MIT 6.893; SMA 5508 Spring 2004 Larry Rudolph Lecture Sketching 15 A parse in action

MIT 6.893; SMA 5508 Spring 2004 Larry Rudolph Lecture Sketching 16 Domain dependent Like speech, good results require limiting of the domain Accuracy not very good a couple of years ago Must do more analysis in each domain

MIT 6.893; SMA 5508 Spring 2004 Larry Rudolph Lecture Sketching 17 MIT Assist’s Approach Interprets and understands as being drawn sequence of strokes while system watches Very limited domain -- mechanical engineering general architecture to represent ambiguities add contextual knowledge to resolve ambiguities low-level --- purely geometric high-level -- domain specific

MIT 6.893; SMA 5508 Spring 2004 Larry Rudolph Lecture Sketching 18 More detail delay commitment -- until body is done timing is crucial too early, not enough information too late, not useful to user people tend to draw all of one object before moving to a new one longer figure remains unchanged, more likely new strokes will not be added

MIT 6.893; SMA 5508 Spring 2004 Larry Rudolph Lecture Sketching 19 General strategies Simpler is better more specific is better user feedback single stroke rather than bunch of parts rule based system not virturbi-like search

MIT 6.893; SMA 5508 Spring 2004 Larry Rudolph Lecture Sketching 20 Early Processing Find line segments so find the vertices not so easy wrong geometry round corners

MIT 6.893; SMA 5508 Spring 2004 Larry Rudolph Lecture Sketching 21 direction, curvature & speed Find places with minimum speed maximal curvature

MIT 6.893; SMA 5508 Spring 2004 Larry Rudolph Lecture Sketching 22 One is not enough Use average based filtering divide into regions of max curvature and min speed curvature & speed not uniform different approx on each combined is best

MIT 6.893; SMA 5508 Spring 2004 Larry Rudolph Lecture Sketching 23 Description of shapes Built-in, basic shapes fine, but limited Want hierarchical, composible shapes One approach constrained rule-based 2-d is harder than 1-d, so constrains work better language for describing shape

MIT 6.893; SMA 5508 Spring 2004 Larry Rudolph Lecture Sketching 24