Lesson 2 Prototyping.

Slides:



Advertisements
Similar presentations
Rapid Prototyping Dimensions and terminology Non-computer methods
Advertisements

1 Software Processes A Software process is a set of activities and associated results which lead to the production of a software product. Activities Common.
AN OVERVIEW BY JAMIE STARKE The Role of Prototyping.
Prototyping. Brings designs to life for: – Designers – Users Can be as sophisticated or as crude as you want Allows you to explore ideas Used properly,
1 Modeling System and Prototyping. 2 Introduction  Techniques for gathering users’ requirements  should be used in early stage(s) of SDLC  Information.
Prototyping Techniques
Prototyping. Horizontal Prototyping Description of Horizontal Prototyping A Horizontal, or User Interface, Prototype is a model of the outer shell of.
Copyright © 2011 Pearson Education, Inc. Publishing as Prentice Hall Agile Modeling and Prototyping Systems Analysis and Design, 8e Kendall & Kendall 6.
Agile Modeling and Prototyping
Agile Modeling and Prototyping
Chapter 6 Prototyping, RAD, and Extreme Programming
Chapter 8 Prototyping and Rapid Application Development
Agile Modeling and Prototyping
1 PrototypingPrototyping CSSE 371 Software Requirements and Specification Mark Ardis, Rose-Hulman Institute September 28, 2004.
Recall The Team Skills 1. Analyzing the Problem (with 5 steps) 2. Understanding User and Stakeholder Needs 1. Interviews 2. Workshops 3. Brainstorming.
Web Design cs414 spring Announcements Project status due Friday (submit pdf)
Web Design Process CMPT 281. Outline How do we know good sites from bad sites? Web design process Class design exercise.
Agile Modeling and Prototyping Systems Analysis and Design, 7e Kendall & Kendall 6 © 2008 Pearson Prentice Hall.
Agile Modeling and Prototyping Systems Analysis and Design, 7e Kendall & Kendall 6 © 2008 Pearson Prentice Hall.
1 CMPT 275 Software Engineering Software life cycle.
Computer –the machine the program runs on –often split between clients & servers Human-Computer Interaction (HCI) Human –the end-user of a program –the.
Storyboarding 1. Purpose of Storyboarding  To gain an early reaction from users on the concepts proposed for the application.  They are an effective.
Software Life Cycle Models. Waterfall Model  The Waterfall Model is the earliest method of structured system development.  The original waterfall model.
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.
CS540 Software Design Lecture 5 1 Lecture 5: High Level Requirements Specification Anita S. Malik Adapted from Schach (2004) Chapter.
Chapter 9 Prototyping. Objectives  Describe the basic terminology of prototyping  Describe the role and techniques of prototyping  Enable you to produce.
The System and Software Development Process Instructor: Dr. Hany H. Ammar Dept. of Computer Science and Electrical Engineering, WVU.
3/5/2009Computer systems1 Agile Modeling and Prototyping Prototyping Agile Modeling a collection of innovative, user-centered approaches to systems development.
Chapter 6 Prototyping, RAD, and Extreme Programming Systems Analysis and Design Kendall & Kendall Sixth Edition.
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.
Copyright © 2011 Pearson Education Agile Modeling and Prototyping Systems Analysis and Design, 8e Kendall & Kendall Global Edition 6.
1 CSCD 326 Data Structures I Software Design. 2 The Software Life Cycle 1. Specification 2. Design 3. Risk Analysis 4. Verification 5. Coding 6. Testing.
Chapter 6 CASE Tools Software Engineering Chapter 6-- CASE TOOLS
1 Week 6 Software Engineering Fall Term 2015 Marymount University School of Business Administration Professor Suydam.
Rapid Prototyping: An Alternative Instructional Design Strategy S. D. Tripp and B. Bichelmeyer (1990)
Prototypes, Storyboards, and Flowcharts Ike Choi.
Design for usability E6: Human Factors Design IB Technology.
Lesson Objectives 1) Review the steps involved in problem solving 2) Review the stages of the System Life Cycle 3) Describe what prototyping is and the.
 Define Wireframes, Mockups, and Prototypes  Techniques  Low vs. High Fidelity  Sketchy vs. Polished  Exercise: Define the Process.
Advanced Higher Computing Science
FOP: Multi-Screen Apps
Methodologies and Algorithms
User-centred system design process
Prototyping Lecture # 08.
School of Business Administration
Testing Process Roman Yagodka ISS Test Leader.
Week 10: Object Modeling (1)Use Case Model
Prototyping.
Prototype Model Lecture-4.
Software development life cycle models
Rapid Prototyping.
Prototyping.
Petivity Medium-Fi Prototype
LevelOne: Medium-Fi Prototype
Recall The Team Skills Analyzing the Problem (with 5 steps)
Prototyping.
CS 321: Human-Computer Interaction Design
Topic 3 Modeling.
Agile Modeling and Prototyping
The Role of Prototyping
Prototype using PowerPoint
CHAPTER 10 METHODOLOGIES FOR CUSTOM SOFTWARE DEVELOPMENT
MANAGING THE DEVELOPMENT AND PURCHASE OF INFORMATION SYSTEMS
Prototyping Sriram Mohan.
Team #3: Interactive Medium-Fi Prototype
Rapid software development
InvestorScope Interactive Medium-Fi Prototype
Chapter 8 Prototyping and Rapid Application Development
Shane B., Esther K., Curtis S., Jennifer W.
COMP444 Human Computer Interaction Prototyping
Presentation transcript:

Lesson 2 Prototyping

Outlines What is prototyping Hi-fi prototype vs. Lo-fi prototype Types of prototypes Advantages vs. Disadvantages Tools

Prototyping Information-gathering technique User reactions, suggestions, innovations, and revision plans Designer & user

Prototyping Partial representation of a system design Demonstrate a concept Prototypes are always interactive

Hi-Fi Prototype Similar look and feel to the final product Not have the functionality Example: purchase functionality, but have a effect

Hi-Fi Prototype Useful for an evaluation of the main design elements: Content Visuals Interactivity Functionality Media Can measured how fast a person can learn the system

Hi-Fi Prototype Beware: it looks so realistic that the client will regard it as real. Any typos will be treated seriously and will distract from the main purpose. Beware: It is possible to prototype systems that cannot be produced using today's technology.

Lo-Fi Prototype Usually made of card and post-it notes Can use acetate and wipe-off pens Example: Figure 2.1: Student Information System

Lo-Fi Prototype Different screens on different pages of the binder Simulated pop-up keyboard Acetate panel for adding comments

Lo-Fi Prototype Robustness: It needs to be strong enough for use Scope: Keep it simple so users can follow the story Instructions: Too little and they get lost. Too much and they obey without thinking Flexibility: Invite users to redesign the mock-up so as to sidestep problems encountered

Prototyping: Initial user reactions Three types: User suggestions Innovations Revision plans

Types of Prototyping Patched-up prototype. Non-operational scale model. First-of-a-series. Prototype that contains only some of the essential system features

Patched-up prototype Working with all the features but is inefficient. Users can interact with the system. Storage and retrieval of data may be inefficient. May contain only basic features

Non-operational scale model A nonoperational scale mode is one that is not operational, except for certain features to be tested Prototype input and output

First-of-a-series Pilot system is created. Prototype is an operation model. Useful when many installations of the same information system are planned. An example is a system to be installed in one location, tested and modified as necessary, and later implemented in other locations.

Selected Feature Prototype An operational model includes some, but not all, of the final system features. With the acceptance of these features, later essential features are added. Some menu items are available. System is built in modules. These are part of the actual system.

Prototype Dev. Guidlines Work in manageable modules. Build the prototype rapidly. Modify the prototype in successive iterations. Stress the user interface.

Disadvantages of Prototype Managing the prototyping process is difficult because of its rapid, iterative nature. Incomplete prototypes may be regarded as complete systems.

Advantages of Prototype Potential for changing the system early in its development Opportunity to stop development on an unworkable system Possibility of developing a system that closely addresses users needs and expectations

Prototype Evaluation The user’s role is honest involvement. Three ways the user is involved: Experimenting with the prototype. Giving open reactions to the prototype. Suggesting additions to and/or deletions from the prototype.

Prototype Tools InVision Framer Marvel Origami

Tools: InVision Create highly interactive mockups for web & mobile projects

Tools: Framer Screen design tool Require coding

Tools: Marvel Great mobile & web based prototyping Ability to simplify the prototyping process

Tools: Origami Used to create mockups for several apps such as instagram, messenger & paper