1 PrototypingPrototyping CSSE 371 Software Requirements and Specification Mark Ardis, Rose-Hulman Institute September 28, 2004.

Slides:



Advertisements
Similar presentations
UX Portfolio Derek Smith. Overview Slides to walk through the UX activities of a sample project Present key design elements of the sample project Some.
Advertisements

User Interface design Teppo Räisänen
AN OVERVIEW BY JAMIE STARKE The Role of Prototyping.
Requirements Engineering n Elicit requirements from customer  Information and control needs, product function and behavior, overall product performance,
1 Use Cases 2 CSSE 371 Software Requirements and Specification Mark Ardis, Rose-Hulman Institute September 20, 2004.
1 User-Centered Design CSSE 376, Software Quality Assurance Rose-Hulman Institute of Technology April 17, 2007.
1 Use Cases 1 CSSE 371 Software Requirements and Specification Mark Ardis, Rose-Hulman Institute September 17, 2004.
1 Interviewing CSSE 371 Software Requirements and Specification Mark Ardis, Rose-Hulman Institute September 13, 2004.
1 Problem Analysis CSSE 371 Software Requirements and Specification Mark Ardis, Rose-Hulman Institute September 9, 2004.
Prototyping. Introduction Low-fidelity prototyping High-fidelity prototyping Compromises in prototyping From design to implementation.
Part 2d: Requirements Chapter 2: How to Gather Requirements: Some Techniques to Use Chapter 3: Finding Out about the Users and the Domain Chapter 4: Finding.
© 1999 Franz Kurfess Prototyping and Evaluation 1 Course Overview  Introduction  Understanding Users and Their Tasks  Iterative Design  Principles.
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
Introduction to Requirements (Chapters 1-3 of the requirements text) CSSE 371, Software Requirements and Specification Don Bagert, Rose-Hulman Institute.
Slide 1 Process, Requirements and Prototyping (Chapters 6-8 of Interaction Design text) CSSE 371 Software Requirements and Specification Don Bagert, Rose-Hulman.
1 Usability Testing Roles CSSE 376 Software Quality Assurance Rose-Hulman Institute of Technology April 23, 2006.
Slide 1 Requirements Wrap-up (Chapter 31 of requirements text) and Interaction Design: Introduction (Chapters 1 of Interaction Design text) CSSE 371 Software.
1 Overview of Usability Testing CSSE 376, Software Quality Assurance Rose-Hulman Institute of Technology April 19, 2007.
Visual Basic Prototyping Visual Basic uses both a Visual Editor and is Code Based. With several simple lines of code, Visual Basic will navigate between.
SIMS 202 Information Organization and Retrieval Prof. Marti Hearst and Prof. Ray Larson UC Berkeley SIMS Tues/Thurs 9:30-11:00am Fall 2000.
1 Team Skill 3 - Defining the System (Chapters of the requirements text) CSSE 371 Software Requirements and Specification Don Bagert, Rose-Hulman.
Team Skill 6 - Building The Right System Part 1: Applying Use Cases (Chapters of the requirements text) CSSE 371 Software Requirements and Specification.
The Design Cycle: A Problem Solving Process
User Centered Web Site Engineering Part 2. Developing Site Structure & Content Content View Addressing content Outlining content Creating a content delivery.
CMSE323 HUMAN COMPUTER INTERACTION CHAPTER IV on LOW FIDELITY PROTOTYPING HUMAN FACTORS IN INTERFACE DESIGN DR. ADNAN ACAN.
Sofia Carlander Kinoshita Laboratory 2004/2005
Model the User Experience Today:  Detail some Use Cases  Develop a storyboard of the use cases  Sketch mock-ups of the use case's information requirements.
Human Computer Interaction & Usability Prototyping Design & Prototyping HCI Prototyping.
Envisionment Ebba Thora Hvannberg. Objective To use different methods to envision design problems and different solutions Understand how you can use scenarios.
Requirements Analysis
Chapter 4 User Experience Model. User experience model (Ux) Visual specification of the user interface Visual specification of the user interface Both.
HCI Prototyping Chapter 6 Prototyping. Learning Outcomes At the end of this lecture, you should be able to: –Define the term “prototyping” –Explain the.
Design, prototyping and construction CSSE371 Steve Chenoweth and Chandan Rupakheti (Chapter 11- Interaction Design Text)
User-Centered Development Methodology A user interface comprises “ those aspects of the system that the user comes in contact with.” ● Moran [1981]
Model Making in Design Model making plays a vital role in the process of designing. At every stage of design, from conception to completion, the construction.
HCI – Prototyping. Why Prototype?  Prototyping is a well understood and used technique in design engineering where products are tested via a model prototype.
What about Chapter 7?. What is the usability process? Tyldesley’s 22 possible Measurement Criteria Let’s focus on usability–A usability initiative needs.
AVI/Psych 358/IE 340: Human Factors Prototyping October 10-13, 2008.
Web Site Usability. Benefits of planning usability Increased user satisfaction, which translates directly to trust and brand loyalty Increased user productivity,
DVD Swap Shop Prototype To start with we will look at the functionality for the DVD Swap Shop Prototype Notice how the functionality is all “smoke and.
Prototyping. What is a prototype? In other design fields a prototype is a small- scale model: a miniature car a miniature building or town.
Interactive Gameplay Design Game Design Document Mario Michaelides Lecture 5 (10am), Week /10/2005 The Game Design Document.
Chapter 9 Prototyping. Objectives  Describe the basic terminology of prototyping  Describe the role and techniques of prototyping  Enable you to produce.
Prototyping What prototyping is The benefits of prototyping Low-fidelity and high-fidelity prototypes, and the advantages of each How to build paper prototypes.
Chapter 6: Thinking about requirements and describing them.
Prototyping. A software requirements prototype is a mock-up or partial implementation of a software system – Helps developers, users, and customers better.
SOFTWARE ENGINEERING MCS-2 LECTURE # 4. PROTOTYPING PROCESS MODEL  A prototype is an early sample, model or release of a product built to test a concept.
Immersion Team Research Plans Afua Gyasi Kim Amin Kim Monti Matthew Mariani Rahel Woldehanna.
TIJ 1O1. Problem Solve…  Determine the missing information on the paper given to you and get the completed message to Mrs. Venier.  Rules:  No signing.
© 2012 Adobe Systems Incorporated. All Rights Reserved. Copyright 2012 Adobe Systems Incorporated. All rights reserved. ® STORYBOARDS.
Graphics and interface design Feng Liu Ph.D.. Outline Design Principles – What designer need to keep in mind Elements of design Where interface design.
An Industry Case Study SES – Chicago: 2006 Web 2.0.
CP3301 Human Computer Interaction Kenny Lock Godwin Wong Yohana Priscillia.
Design, Prototyping and Construction In “ pure ” waterfall, design begins after requirements development has finished However, in the real world there.
2006 Adobe Systems Incorporated. All Rights Reserved. 1 STORYBOARDS.
® Copyright 2008 Adobe Systems Incorporated. All rights reserved. ® 1 STORYBOARDS.
Storyboards “A picture is worth a thousand words.” – Confucius.
User-Centered Design (UCD) Overview
YEAR 11 - IPT Term 2 - Tools for Information Processing hardware and Personal information system.
Building Information Systems
Asking Users and Experts
Planning Interactive Multimedia
The Design Cycle: A Problem Solving Process
Elements of User Experience
The Role of Prototyping
Prototype using PowerPoint
STORYBOARDS ® Copyright 2012 Adobe Systems Incorporated. All rights reserved.
Prototyping Sriram Mohan.
Lesson 2 Prototyping.
COMP444 Human Computer Interaction Prototyping
Presentation transcript:

1 PrototypingPrototyping CSSE 371 Software Requirements and Specification Mark Ardis, Rose-Hulman Institute September 28, 2004

2 Outline Why prototype? Low-fidelity prototyping

3 Why Prototype? Visual Demonstrate sequences of events Investigate alternatives

4 Recall Story Boards Describe sequences of actions Low-fidelity: –details missing –not to scale –"unprofessional"

5 High-Fidelity Prototypes Advantages Complete functionality Fully interactive Look and feel of final solution Marketing and sales tool Disadvantages Expensive to develop Time-consuming to create Not effective for requirements gathering

6 Low-Fidelity Prototypes Advantages Lower development costs Evaluate many alternatives Useful for communication Proof-of-concept Disadvantages Limited utility after requirements Limited usefulness for usability tests Navigational and flow limitations

7 How to Paper Prototype Base pages –Static elements –One page per screen Stickies –Content before/after actions –Different placement of interface elements –Users may change these