Prototyping Sriram Mohan.

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.
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.
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 PrototypingPrototyping CSSE 371 Software Requirements and Specification Mark Ardis, Rose-Hulman Institute September 28, 2004.
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.
Ch 10 Prototyping page 1 CS 368 Prototyping an initial version of a software system used to demonstrate concepts, compare design alternatives and to explore.
Why planning? In order to make a successful project good communication is key! The process of planning and designing a project involves many people from.
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.
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.
Storyboarding 1. Purpose of Storyboarding  To gain an early reaction from users on the concepts proposed for the application.  They are an effective.
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 prototyping is The benefits of prototyping Low-fidelity and high-fidelity prototypes, and the advantages of each How to build paper prototypes.
1 Human Computer Interaction Week 7 Prototyping. 2 Introduction Prototyping is a design technique where users can be involved in testing design ideas.
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.
© 2012 Adobe Systems Incorporated. All Rights Reserved. Copyright 2012 Adobe Systems Incorporated. All rights reserved. ® STORYBOARDS.
A Blueprint for Successful Web Sites Information Architecture & Web Design Web June 18, 2003 Beth Bailey Kim Eke Elizabeth Pyatt.
Graphics and interface design Feng Liu Ph.D.. Outline Design Principles – What designer need to keep in mind Elements of design Where interface design.
Usability & Prototyping Uday M. Shankar Yahoo! Bangalore India.
An Industry Case Study SES – Chicago: 2006 Web 2.0.
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.
Kara Pharris Web Designer Site Improvements & the Usability Project Concepts for usable navigation, functionality and presentation.
User-Centered Design (UCD) Overview
YEAR 11 - IPT Term 2 - Tools for Information Processing hardware and Personal information system.
Building Information Systems
 Define Wireframes, Mockups, and Prototypes  Techniques  Low vs. High Fidelity  Sketchy vs. Polished  Exercise: Define the Process.
Digital Media & Interaction Design LECTURE 4+5. Lecture 4+5 Draw requirement + Prototyping.
Practical information
Asking Users and Experts
Planning Interactive Multimedia
Model Making Created by; Kevin Bowen & Ian Purves ©2005.
Prototyping.
Design Process By Jennifer Berry
Systems Analysis and Design in a Changing World, 6th Edition
Product design Modelling.
The Product Design Process
Technological Systems
The Design Cycle: A Problem Solving Process
Prototyping.
CS 321: Human-Computer Interaction Design
Paper Prototyping.
The Game Development Process
Investigating System Requirements
Topic 3 Modeling.
Basic Categories Proof of Principle Model Form Study Model
Design of Hypermedia Applications
Forging the Innovation Generation
Elements of User Experience
DP The Wallet Project d.school.bootcamp.2008.
The Role of Prototyping
Systems Analysis and Design in a Changing World, 6th Edition
Mockups and Prototypes
Prototype using PowerPoint
DESIGN, PROTOTYPING and CONSTRUCTION
STORYBOARDS ® Copyright 2012 Adobe Systems Incorporated. All rights reserved.
Product design Modelling.
Interface Design- Wireframes
Lesson 2 Prototyping.
Interface Design and Usability
COMP444 Human Computer Interaction Prototyping
Presentation transcript:

Prototyping Sriram Mohan

Outline Why prototype? Low-fidelity prototyping

Why Prototype? Visual Demonstrate sequences of events Investigate alternatives

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

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

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

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