Design, prototyping and construction
|
|
- Valerie Harvey
- 5 years ago
- Views:
Transcription
1 Chapter 11 Design, prototyping and construction 1
2 Overview Prototyping and construction Conceptual design Physical design Generating prototypes Support for design 2
3 Prototyping and construction What is a prototype? Why prototype? Different kinds of prototyping low fidelity high fidelity Compromises in prototyping vertical horizontal Construction 3
4 What is a prototype? In other design fields a prototype is a small-scale model: a miniature car a miniature building or town the example here comes from a 3D printer 4
5 What is a prototype? In interaction design it can be (among other things): a series of screen sketches a storyboard, i.e. a cartoon-like series of scenes a Powerpoint slide show a video simulating the use of a system a lump of wood (e.g. PalmPilot) a cardboard mock-up a piece of software with limited functionality written in the target language or in another language 5
6 Why prototype? Evaluation and feedback are central to interaction design Stakeholders can see, hold, interact with a prototype more easily than a document or a drawing Team members can communicate effectively You can test out ideas for yourself It encourages reflection: very important aspect of design Prototypes answer questions, and support designers in choosing between alternatives 6
7 Filtering dimensions of prototyping 7
8 Manifestation dimensions of prototyping 8
9 What to prototype? Technical issues Work flow, task design Screen layouts and information display Difficult, controversial, critical areas 9
10 Low-fidelity Prototyping Uses a medium which is unlike the final medium, e.g. paper, cardboard Is quick, cheap and easily changed Examples: sketches of screens, task sequences, etc Post-it notes storyboards Wizard-of-Oz 10
11 Storyboards Often used with scenarios, bringing more detail, and a chance to role play It is a series of sketches showing how a user might progress through a task using the device Used early in design 11
12 Sketching Sketching is important to low-fidelity prototyping Don t be inhibited about drawing ability. Practice simple symbols 12
13 Card-based prototypes Index cards (3 X 5 inches) Each card represents one screen or part of screen Often used in website development 13
14 Wizard-of-Oz prototyping The user thinks they are interacting with a computer, but a developer is responding to output rather than the system. Usually done early in design to understand users expectations What is wrong with this approach? User >Blurb blurb >Do this >Why? 14
15 High-fidelity prototyping Uses materials that you would expect to be in the final product. Prototype looks more like the final system than a low-fidelity version. For a high-fidelity software prototype common environments include Macromedia Director, Visual Basic, and Smalltalk. Danger that users think they have a full system.see compromises 15
16 Compromises in prototyping All prototypes involve compromises For software-based prototyping maybe there is a slow response? sketchy icons? limited functionality? Two common types of compromise horizontal : provide a wide range of functions, but with little detail vertical : provide a lot of detail for only a few functions Compromises in prototypes mustn t be ignored. Product needs engineering 16
17 Construction Taking the prototypes (or learning from them) and creating a whole Quality must be attended to: usability (of course), reliability, robustness, maintainability, integrity, portability, efficiency, etc Product must be engineered Evolutionary prototyping Throw-away prototyping 17
18 Conceptual design: from requirements to design Transform user requirements/needs into a conceptual model a description of the proposed system in terms of a set of integrated ideas and concepts about what it should do, behave and look like, that will be understandable by the users in the manner intended Don t move to a solution too quickly. Iterate, iterate, iterate Consider alternatives: prototyping helps 18
19 Is there a suitable metaphor? Interface metaphors combine familiar knowledge with new knowledge in a way that will help the user understand the product. Three steps: understand functionality, identify potential problem areas, generate metaphors Evaluate metaphors: How much structure does it provide? How much is relevant to the problem? Is it easy to represent? Will the audience understand it? How extensible is it? 19
20 Considering interaction types Which interaction type? How the user invokes actions Instructing, conversing, manipulating or exploring Do different interface types provide insight? WIMP, shareable, augmented reality, etc 20
21 Expanding the conceptual model What functions will the product perform? What will the product do and what will the human do (task allocation)? How are the functions related to each other? Sequential or parallel? Categorisations, e.g. all actions related to telephone memory storage What information needs to be available? What data is required to perform the task? How is this data to be transformed by the system? 21
22 Using scenarios in conceptual design Express proposed or imagined situations Used throughout design in various ways scripts for user evaluation of prototypes concrete examples of tasks as a means of co-operation across professional boundaries Plus and minus scenarios to explore extreme cases 22
23 Generate storyboard from scenario 23
24 Generate card-based prototype from use case 24
25 Support for design Patterns for interaction design individual patterns pattern languages pattern libraries Open source systems and components Tools and environments 25
26 Summary Different kinds of prototyping are used for different purposes and at different stages Prototypes answer questions, so prototype appropriately Construction: the final product must be engineered appropriately Conceptual design (the first step of design) Consider interaction types and interface types to prompt creativity Storyboards can be generated from scenarios Card-based prototypes can be generated from use 26 cases
The process of interaction design and Prototyping
Chapter 6 edited The process of interaction design and Prototyping 1 Overview What is involved in Interaction Design? Importance of involving users Degrees of user involvement What is a user-centered approach?
More informationChapter 11 DESIGN, PROTOTYPING and CONSTRUCTION
Chapter 11 DESIGN, PROTOTYPING and CONSTRUCTION Overview Prototyping Conceptual design Concrete design Using scenarios Generating prototypes Construction 2 Prototyping What is a prototype? Why prototype?
More informationDesign, prototyping and construction
Overview Design, prototyping and construction Prototyping and construction Conceptual design Physical design Generating prototypes Tool support What is a prototype? Why prototype? A prototype is a small-scale
More informationHuman-Computer Interaction. CA357 Lecture 7 More on Prototyping
Human-Computer Interaction CA357 Lecture 7 More on Prototyping Overview By the end of the session, you should be aware of: Design Importance of prototyping Low fidelity vs High fidelity prototyping Why
More informationWhat is a prototype?
Prototyping Unit 4 Learning outcomes Understand the uses of different types of prototypes for different kinds/stages of design and be able to choose appropriately Know the basic techniques for low-fidelity
More informationWhat is a prototype?
Prototyping Unit 4 Learning outcomes Understand the uses of different types of prototypes for different kinds/stages of design and be able to choose appropriately Know the basic techniques for low-fidelity
More informationProjects. Quiz #2. Projects. Projects. Reading Assignment #3. Projects. What is the purpose of Marissa s Gravity Project?
Quiz #2 What is the purpose of Marissa s Gravity Project? Write one tradeoff in usability engineering. Projects Project Phase 1 reports due on Oct. 25 Phase 1: team formation & topic choice, understanding
More informationWhat is a prototype?
Prototyping Unit 4 Learning outcomes Understand the uses of different types of prototypes for different kinds/stages of design and be able to choose appropriately Know the basic techniques for low-fidelity
More informationPrototyping. Unit 5. Zeno Menestrina, MSc Prof. Antonella De Angeli, PhD
Prototyping Unit 5 Zeno Menestrina, MSc zeno.menestrina@unitn.it Prof. Antonella De Angeli, PhD antonella.deangeli@unitn.it Assessment Pervasive game to support social life in/from the campus 2 Assessment
More informationPrototyping. Oct 3, 2016
Prototyping Oct 3, 2016 Announcements A1 marks available A2 due Wednesday Questions? What is a prototype? In interaction design a prototype can be (among other things): a series of screen sketches a storyboard,
More informationUE&UX Lecture 6: Handbook Chapters 10, 11, and 12. Egon L. van den Broek
UE&UX Lecture 6: Handbook Chapters 10, 11, and 12 Egon L. van den Broek Chapter 10 ESTABLISHING REQUIREMENTS Notes (1) How to read the book? Important: main text objectives and summaries figures and tables
More informationSOFTWARE REQUIREMENTS ENGINEERING LECTURE # 7 TEAM SKILL 2: UNDERSTANDING USER AND STAKEHOLDER NEEDS REQUIREMENT ELICITATION TECHNIQUES-IV
1 SOFTWARE REQUIREMENTS ENGINEERING LECTURE # 7 TEAM SKILL 2: UNDERSTANDING USER AND STAKEHOLDER NEEDS REQUIREMENT ELICITATION TECHNIQUES-IV 12 th June, 2013 Instructor Information 2 Course Instructor:
More information13/9/10 PROTOTYPING. Cris3an Bogdan
PROTOTYPING Cris3an Bogdan cris3@kth.se 1 What is a prototype? Concrete representation of an interactive system/service, or relevant part of it Tangible artifact Relevance depends on what is being explored
More informationAmela Karahasanović Senior Scientist, SINTEF IKT Associate Professor, DESIGN
Amela Karahasanović Senior Scientist, SINTEF IKT Associate Professor, DESIGN amela@sintef.no User modeling and behaviour User experience, QoE Living Lab Process improvement in ATM Methods for empirical
More informationIPM 15/16 T2.1 Prototyping
IPM 15/16 T2.1 Prototyping Miguel Tavares Coimbra Acknowledgements: Most of this course is based on the excellent course offered by Prof. Kellogg Booth at the British Columbia University, Vancouver, Canada.
More informationPrototyping for usability engineering
analysis of stakeholders, field studies ANALYZE Problem scenarios claims about current practice Prototyping for usability engineering metaphors, information technology, HCI theory, guidelines DESIGN Activity
More informationLecture 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 informationWhat is a prototype?
analysis of stakeholders, field studies ANALYZE Problem scenarios claims about current practice metaphors, information technology, HCI theory, guidelines DESIGN Activity scenarios Information scenarios
More informationSeng310 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 informationGoals PROTOTYPING) Cris%an(Bogdan( (
PROTOTYPING) Cris%an(Bogdan( cris%@kth.se( ( Goals illustrate(how(we(can((help(designers)( generate(and(share(new(ideas,(get(feedback( from(users(or(customers( choose(among(design(alterna%ves,(and( ar%culate(reasons(for(design(choices.(
More informationPrototyping. SWE 432, Fall Web Application Development
Prototyping SWE 432, Fall 2018 Web Application Development Conceptual design Goal: match users mental model Tool: Metaphor - analogies from existing system Offers expectations about what system does &
More informationPrototyping. 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 informationUser Centered Design And Prototyping
User Centered Design And Prototyping Why User Centered Design is important Approaches to User Centered Design Rapid prototype techniques The Design Of Well Crafted Tools The All Too Common Approach In
More informationCS -213 Human Computer Interaction Spring Prototyping. Imran Ihsan. Assistant Professor (CS) Air University, Islamabad
CS -213 Human Computer Interaction Spring 2015 07 Prototyping Imran Ihsan Assistant Professor (CS) Air University, Islamabad www.imranihsan.com www.opuseven.com opuseven iimranihsan imranihsan iimranihsan
More informationHuman-Computer Interaction Design
Human-Computer Interaction Design COGS120/CSE170 - Intro. HCI Instructor: Philip Guo Week 2 - Prototyping (2016-10-04) some slides adapted from Scott Klemmer s Intro. HCI course Grading policy: aim for
More informationDesign and Prototyping. Conceptual Design Concrete Design Design Rationale Prototyping
Design and Prototyping Conceptual Design Concrete Design Design Rationale Prototyping H. C. So Page 1 Semester B 2017-2018 Design and Prototyping Recall the simple HCI lifecycle model: Design: ideas Build
More informationCS3205 HCI IN SOFTWARE DEVELOPMENT INTRODUCTION TO PROTOTYPING. Tom Horton. * Material from: Floryan (UVa) Klemmer (UCSD, was at Stanford)
CS3205 HCI IN SOFTWARE DEVELOPMENT INTRODUCTION TO PROTOTYPING Tom Horton * Material from: Floryan (UVa) Klemmer (UCSD, was at Stanford) READINGS ID Book. Chapter 11 in published book, Design, Prototyping,
More informationAssignments. Assignment 2 is due TODAY, 11:59pm! Submit one per pair on Blackboard.
HCI and Design Assignments Assignment 2 is due TODAY, 11:59pm! Submit one per pair on Blackboard. Today Paper prototyping An essential tool in your design toolbox! How do we design things that actually
More informationUser Centered Design Process. Prototyping II. What is a prototype? Prototyping phases Oct 11, 2017
User Centered Design Process Prototyping II Oct 11, 2017 Produce something tangible Identify challenges Uncover subtleties 2 What is a prototype? A prototype is defined less by form, and more by its function:
More informationHomework Set 2. A brief discussion
Homework Set 2 A brief discussion Homework Set 2 A brief discussion (#%" (#$" ("!#'"!#&"!#%"!#$"!"!" )" (!" ()" $!" $)" *!" *)" %!" Problem 4 Hick s Law or Fitt s Law? MT = a + b ID ID = log 2 ( A W +
More informationInteraction design. The process of interaction design. Requirements. Data gathering. Interpretation and data analysis. Conceptual design.
Interaction design The process of interaction design Requirements Data gathering Interpretation and data analysis Conceptual design Prototyping Physical design Conceptual design Introduction It aims to
More informationRapid Prototyping. Sketches, storyboards, mock-ups and scenarios
Rapid Prototyping Sketches, storyboards, mock-ups and scenarios Agenda Dimensions and terminology Non-computer methods Computer methods 2 Your Project Group 3 An Essential Concept of UCD Requirements for
More informationLow 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 informationScenarios and Task Descriptions, Ideation, and Prototyping. Sept 30, 2016
Scenarios and Task Descriptions, Ideation, and Prototyping Sept 30, 2016 Announcements Milestone I is up Due October 17 (changed from 14) Midterm October 19 (not changed) Questions? Randy Pausch s Tips
More information..in a nutshell. credit: Chris Hundhausen Associate Professor, EECS Director, HELP Lab
..in a nutshell credit: https://www.youtube.com/watch?v=6mczkwhjr9o Chris Hundhausen Associate Professor, EECS Director, HELP Lab Human-Centered Design in a Nutshell Key topics for this talk 1. User-centered
More informationCS/ISE 5714 Spring 2013
CS/ISE 5714 Spring 2013 Chapter 11. Prototyping Chapter 10. UX Goals, Metrics, Targets Introduction A way to evaluate design before it s too late and too expensive Copyright MKP. All rights reserved. 2
More informationPrototyping. ID 405: Human-Computer Interaction Spring 2015
Prototyping ID 405: Human-Computer Interaction Spring 2015 Venkatesh Rajamanickam (@venkatrajam) venkatra@iitb.ac.in http://info-design-lab.github.io/id405-hci/ o Jeff Hawkins, Palm co-founder and
More informationHuman-Computer Interaction Design Studio
stanford hci group / cs247 Design Human-Computer Interaction Design Studio Evaluate Prototype 6February 2012 http://cs247.stanford.edu Getting it right the first time is hard Need to make quick turns around
More informationDesigning. Simon Wilson Interaction designer, DWP Digital
Designing. Simon Wilson Interaction designer, DWP Digital What is design? Design is how it looks. Design is how it looks. Design is how something will work / should work. Designing is working out how something
More informationCOSC 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 information3 Evaluating Interactive Systems
3 Evaluating Interactive Systems Viktoria Pammer-Schindler March 23, 2015 Evaluate 1 Android Sensing Tutorial Day on April 23 Save the Date!!! Evaluate 2 Days and Topics March 11 March 16 Intro Designing
More informationUSERINTERFACE DESIGN & SIMULATION. Fjodor van Slooten
USERINTERFACE Fjodor van Slooten TODAY USERINTERFACE -Introduction -Interaction design -Prototyping Userinterfaces with Axure -Practice Do Axure tutorial Work on prototype for project vanslooten.com/uidessim
More informationSpecifying and Prototyping
Contents Specifying and Prototyping M. EVREN KIYMAÇ 2008639030 What is Specifying? Gathering Specifications Specifying Approach & Waterfall Model What is Prototyping? Uses of Prototypes Prototyping Process
More informationDesign, Ideation, and Prototyping
Design, Ideation, and Prototyping Why User Centered Design is important How Prototyping helps User Centered Design System Centered Design System Centered Design What can be built easily on this platform?
More informationChapter 3! Planning and Design! 2012 Elsevier, Inc. All rights reserved.
Chapter 3! Planning and Design! 2012 Elsevier, Inc. All rights reserved. Road Map The time and effort you put into planning a multimedia project will determine how well (or not) the project hits its mark.!!!
More informationIdeate. Empathize. Prototype. Define. Test. CS:2520 Human-Computer Interaction. Fall 2016.
Empathize Ideate Define Prototype Test Designing Prototypes From Preece, Rogers & Sharp s Interaction Design Process Conceptual design What product will do How it will behave Physical design Actual visual
More information3 Prototyping and Iterative Evaluations
3 Prototyping and Iterative Evaluations Viktoria Pammer-Schindler March 15, 2016 Prototyping and Iterative Evaluations 1 Days and Topics March 1 March 8 March 15 April 12 April 19/21 April 26 (10-13) April
More informationAdministrative 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 informationObjectives. Object-Oriented Analysis and Design with the Unified Process 2
Objectives Understand the differences between user interfaces and system interfaces Explain why the user interface is the system to the users Discuss the importance of the three principles of user-centered
More informationProcess of Interaction Design and Design Languages
Process of Interaction Design and Design Languages Process of Interaction Design This week, we will explore how we can design and build interactive products What is different in interaction design compared
More informationMMI 2. Tutorials. Winter Term 2017/18. LMU München - LFE Medieninformatik. Prof. Andreas Butz Renate Häuslschmid Christina Schneegaß
MMI 2 Tutorials Winter Term 2017/18 Prof. Andreas Butz Renate Häuslschmid Christina Schneegaß LMU München - LFE Medieninformatik Project 1: Phases & Dates Phase Presentation Phase 1: 7.11-28.11 05.12.2017
More informationMIT 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 informationThe Experience of Prototyping. Jennifer Kalz, CBAP, CUA, CSM March 28, 2017
The Experience of Prototyping Jennifer Kalz, CBAP, CUA, CSM March 28, 2017 Agenda Core Concept Model Overview and Benefits of the Technique Fidelity of a Prototype Best Practices with the Technique Usability
More informationUSER-CENTERED DESIGN KRANACK / DESIGN 4
USER-CENTERED DESIGN WHAT IS USER-CENTERED DESIGN? User-centered design (UCD) is an approach to design that grounds the process in information about the people who will use the product. UCD processes focus
More informationstanford hci group / cs376 Design Tools Ron B. Yeh 26 October 2004 Research Topics in Human-Computer Interaction
stanford hci group / cs376 Design Tools Ron B. Yeh 26 October 2004 Research Topics in Human-Computer Interaction http://cs376.stanford.edu Reading Research Papers Selective Attention =) Or alternatively,
More informationSE 204, IES 506 Human Computer Interaction
SE 204, IES 506 Human Computer Interaction Lecture 4: The Design Process Lecturer: Gazihan Alankuş Please look at the end of the presentation for assignments (marked with TODO) 20.02.2012 1 Addison Wesley
More informationInformation System Architecture. Indra Tobing
Indra Tobing What is IS Information architecture is the term used to describe the structure of a system, i.e the way information is grouped, the navigation methods and terminology used within the system.
More informationdt+ux Design Thinking for User Experience Design, Prototyping & Evaluation Autumn 2016 Prof. James A. Landay Stanford University
DESIGN THINKING FOR USER EXPERIENCE DESIGN + PROTOTYPING + EVALUATION Hall of Fame or Shame? Early Stage Prototyping Computer Science Department October 20, 2016 Paper ipad App By 53 2 Hall of Fame or
More informationLecture 13 Prototyping
Lecture 13 Prototyping Mark Woehrer CS 3053 - Human-Computer Interaction Computer Science Department Oklahoma University Spring 2007 [Taken from Stanford CS147 with permission] Learning Goals Understand
More informationPrototyping & Building a System
1 Prototyping & Building a System How Prototyping helps (especially when done with User-Centered Design) Prototyping http://dilbert.com/strip/2009-07-22 2 Designing Your System Decide which users and tasks
More informationQuestions? Project #1 due today Project #2 out today Grad project due in a week Remember: mid-term on 10/29
Questions? Project #1 due today Project #2 out today Grad project due in a week Remember: mid-term on 10/29 User centered design and prototyping Two approaches to design System centered design Design what
More informationLecture 8: Rapid Prototyping. CS 338: Graphical User Interfaces. Dario Salvucci, Drexel University.
Lecture 8: Rapid Prototyping CS 338: Graphical User Interfaces. Dario Salvucci, Drexel University. 1 GUI Prototyping What is prototyping? rapid initial development, sketching & testing many designs to
More informationUsable Privacy and Security Introduction to HCI Methods January 19, 2006 Jason Hong Notes By: Kami Vaniea
Usable Privacy and Security Introduction to HCI Methods January 19, 2006 Jason Hong Notes By: Kami Vaniea Due Today: List of preferred lectures to present Due Next Week: IRB training completion certificate
More informationLECTURE 11 USABILITY -PROTOTYPING
October 13th 2014 LECTURE 11 USABILITY -PROTOTYPING 1 Recapitulation Lecture #10 Tool box for HCI Task Analysis Cognitive techniques GOMS/CCT ERMIA CWA Dialogue Analysis-Design Color/Text Analysis-Design
More informationSoftware Engineering
Software Engineering 0 Software design process or life cycle called Software Engineering 0 that addresses the management and technical issues of the development of software systems. 0 The software life
More informationRecapitulation Lecture #10 LECTURE 11 USABILITY - PROTOTYPING. Waterfall with iteration. Example: Cognitive Task Analysis
Recapitulation Lecture #10 October 13th 2014 LECTURE 11 USABILITY - PROTOTYPING Tool box for HCI Task Analysis Cognitive techniques GOMS/CCT ERMIA CWA Dialogue Analysis-Design Color/Text Analysis-Design
More informationFACTFILE: GCE DIGITAL TECHNOLOGY
FACTFILE: GCE DIGITAL TECHNOLOGY AS1: APPROACHES TO SYSTEM DEVELOPMENT 2 Design development testing Learning Outcomes Students should be able to: Describe the purpose of system design, development and
More informationCSc 238 Human Computer Interface Design Chapter 5 Designing the Product: Framework and Refinement. ABOUT FACE The Essentials of Interaction Design
BBuckley - 1 CSc 238 Human Computer Interface Design Chapter 5 Designing the Product: Framework and Refinement ABOUT FACE The Essentials of Interaction Design Cooper, Reimann, Cronin, and Noessel Requirements
More informationSoftware Prototyping Animating and demonstrating system requirements. Uses of System Prototypes. Prototyping Benefits
Software Prototyping Animating and demonstrating requirements Ian Sommerville 1995/2000 (Modified by Spiros Mancoridis 1999) Software Engineering, 6th edition. Chapter 8 Slide 1 Uses of System Prototypes
More informationSeminar 9 Title: Prototyping in action. Kathy Lynch. Unit framework. Seminar / studio Objectives
IMS 1502 Studio 2: Information Systems Foundations 2 Seminar 9 Title: Prototyping in action Kathy Lynch Seminar 9.1 - Sem. 2, 2005 Unit framework Ethics Documentation Efficiency Tools Initiation Developing
More informationcs414 principles of user interface design, implementation and evaluation
cs414 principles of user interface design, implementation and evaluation Karrie Karahalios, Eric Gilbert 30 March 2007 Reaction Time and Motor Skills Predictive Models Hick s Law KLM Fitts Law Descriptive
More informationChapter 2 Web Development Overview
Chapter 2 Web Development Overview Presented by Thomas Powell Slides adopted from HTML & XHTML: The Complete Reference, 4th Edition 2003 Thomas A. Powell Five Pillars of Sites Web sites have five aspects
More informationWebsite Design and Development CSCI 311
Website Design and Development CSCI 311 Learning Objectives Understand good practices in designing and developing web sites Learn some of the challenges web design Activity In pairs: describe how you d
More informationBuilding the User Interface: The Case for Continuous Development in an Iterative Project Environment
Copyright Rational Software 2002 http://www.therationaledge.com/content/dec_02/m_uiiterativeenvironment_jc.jsp Building the User Interface: The Case for Continuous Development in an Iterative Project Environment
More informationCSE 118 Introduction to Design
CSE 118 Introduction to Design Mini Quiz Week 5/6 http://bit.ly/cse118-2lakh What is Design? What is Design? DESIGN IS A PROCESS... 8 Human-Centered Design Design Methods Principles of Human-Centered
More informationScenarios, Storyboards, Wireframes, Critique. Jon Kolko Professor, Austin Center for Design
Scenarios, Storyboards, Wireframes, Critique Jon Kolko Professor, Austin Center for Design Scenarios Creating a written story that explains how a person will use a product, service, or system to achieve
More informationHCI Design Process: An Overview. What is HCI Design Process? Practical Issues in HCI Design Process Examples of Lifecycle Models
HCI Design Process: An Overview What is HCI Design Process? Practical Issues in HCI Design Process Examples of Lifecycle Models H. C. So Page 1 Semester B 2017-2018 HCI Design Process What is HCI Design?
More informationMedium-Fi Prototype. clicked
Medium-Fi Prototype clicked Gordon D. Michael K. Jake M. Krister J. Mission Statement: Mission Statement: Never Leave Class Confused. Problem/Solution Overview: Problem: Solution: Problem/Solution Overview:
More informationSystems Analysis and Design in a Changing World, Fourth Edition
Systems Analysis and Design in a Changing World, Fourth Edition Learning Objectives Describe the difference between user interfaces and system interfaces Explain why the user interface is the system to
More informationHuman-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 informationUp and Running Software The Development Process
Up and Running Software The Development Process Success Determination, Adaptative Processes, and a Baseline Approach About This Document: Thank you for requesting more information about Up and Running
More informationGetting Started with TurningPoint
Getting Started with TurningPoint The process to create interactive presentations with TurningPoint is very simple. You can successfully build, deliver, and save the results of an interactive presentation
More informationUnderstanding prototype fidelity What is Digital Prototyping? Introduction to various digital prototyping tools
HCI and Design Today Assignment 1 is graded Assignment 3 is posted Understanding prototype fidelity What is Digital Prototyping? Introduction to various digital prototyping tools Reminder: What is a prototype?
More informationThe LUCID Design Framework (Logical User Centered Interaction Design)
The LUCID Design Framework (Logical User Centered Interaction Design) developed by Cognetics Corporation LUCID Logical User Centered Interaction Design began as a way of describing the approach to interface
More informationcommunications and software
1 Computer systems, communications and software 1.1 Components of a computer system and modes of use A computer system is made up of hardware and flow of data and information. The storage device is both
More informationThe Process of Interaction Design DECO1200
The Process of Interaction Design DECO1200 Outline Practical issues in interaction design Who are the users? What are their needs? How are interactive products designed? The four basic activities of interaction
More informationChapter 3 - User Centered Design & Prototypes
Chapter 3 - User Centered Design & Prototypes User Centered Design (UCD) Understanding Design Envisionment Evaluation Iterative Design Implementation Sketches Prototypes Resolution, Fidelity, Scope Wizard
More informationThis 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 informationSketching and Prototyping
Sketching and Prototyping SWE 632 Spring 2018 Thomas LaToza Administrivia HW 3 due in 1 week In-class midterm exam in two weeks 2 Expectations for midterm exam Multiple choice questions, free response,
More informationINTRODUCTION. 2. User-centred interface design.
INTRODUCTION 2. User-centred interface design User-Centred Design ISO 9241-210 : Human-centred design for interactive systems Meets requirements Plan the user centred process 4. Evaluation against requirements
More informationCPSC 444 Project Milestone III: Prototyping & Experiment Design Feb 6, 2018
CPSC 444 Project Milestone III: Prototyping & Experiment Design Feb 6, 2018 OVERVIEW... 2 SUMMARY OF MILESTONE III DELIVERABLES... 2 1. Blog Update #3 - Low-fidelity Prototyping & Cognitive Walkthrough,
More informationLecture Notes CPSC 491 (Fall 2018) Topics. Peer evals. UI Sketches. Homework. Quiz 4 next Tues. HW5 out. S. Bowers 1 of 11
Topics Peer evals UI Sketches Homework Quiz 4 next Tues HW5 out S. Bowers 1 of 11 Context Diagrams Context Diagrams describe the system boundaries what is inside ( in scope ) vs outside ( out of scope
More informationThe Process of Interaction Design DECO1200
The Process of Interaction Design DECO1200 Outline Practical issues in interaction design Who are the users? What are their needs? How are interactive products designed? The four basic activities of interaction
More informationLecture 16. Will spend Thursday setting up group projects No exams. 10% added to in-class/homework. 10% added to final group project.
Lecture 16 Will spend Thursday setting up group projects No exams. 10% added to in-class/homework. 10% added to final group project. 1 Outline Chapter 9 Design iterations Intermediate design Detailed design
More informationProblem & Solution Overview. Tasks & Final Interface Scenarios
Bronwyn E. Manager Clark P. Developer Bernardo V. Designer Hilary S. User Testing/Documentation Problem & Solution Overview Joynus is a mobile and location based way for users to connect through spontaneous
More informationLECTURE 11 USABILITY - PROTOTYPING
1 October 11 th 2018 LECTURE 11 USABILITY - PROTOTYPING 2 HCI & InfoVis 2018, Lecture 11 1 Recapitulation Lecture #10 Toolbox for HCI & IV Dialogue Analysis Dialogue Notations STN Petri Nets Flow Charts
More informationVANCOUVER Chapter Study Group. BABOK Chapter 9 Techniques
VANCOUVER Chapter Study Group BABOK Chapter 9 Techniques May 27, 2015 David Ghotbi, CBAP Agenda Chapter 8 Review Pop Quiz Break Chapter 9 Review Pop Quiz Q & A 2 Chapter 9 Techniques Techniques: Alter
More informationCIS4930 / CIS6930: USER EXPERIENCE DESIGN INSTRUCTOR: DR. LISA ANTHONY
Fall 2015 CIS4930 / CIS6930: USER EXPERIENCE DESIGN INSTRUCTOR: DR. LISA ANTHONY CIS4930/6930 User Experience Design, Fall 2015 -- Dr. Lisa Anthony -- lanthony@cise.ufl.edu 11/05/2015 1 Week 11b HIGH-FIDELITY
More informationHistory. A (brief) history of interaction. Outline. Major paradigms of interaction. Visionaries who inspired advances
History A (brief) history of interaction Outline Major paradigms of interaction - Batch interfaces - Conversational interfaces - Graphical interfaces Visionaries who inspired advances - Vannevar Bush -
More informationUSERINTERFACE DESIGN & SIMULATION. Fjodor van Slooten
USERINTERFACE DESIGN Fjodor van Slooten TODAY USERINTERFACE DESIGN -Introduction -Interaction design -Prototyping techniques -Practice Collaborative Design Challenge: Paper prototyping Heuristic evaluation
More information