Envisionment Ebba Thora Hvannberg. Objective To use different methods to envision design problems and different solutions Understand how you can use scenarios.

Slides:



Advertisements
Similar presentations
Chapter 11 Design, prototyping and construction 1.
Advertisements

Design, prototyping and construction
Chapter 11 Designing the User Interface
Human Computer Interaction
CS160 Discussion Section Feb David Sun. Rapid Prototyping Interface builders can easily show the look-and- feel of a design but requires considerable.
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
1 Pertemuan 09 Design and Production Matakuliah: T0553/Sistem Multimedia Tahun: 2005 Versi: 5.
Requirements Analysis 7. 1 Storyboarding b507.ppt © Copyright De Montfort University 2000 All Rights Reserved INFO2005 Requirements Analysis Story-Boarding.
Task Scenarios and Sketches IS 485, Professor Matt Thatcher.
Scenario Assignment IS 485, Professor Matt Thatcher.
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
What is a prototype? A prototype is a small scale model of your larger product. Can be a physical object, or a simple software program. Many physical.
Chapter 13: Designing the User Interface
Chapter 14 Designing the User Interface
Remedy, a BMC Software company Storyboarding the User Interface: Blueprint for an Application Shanaz Kanga | Michele Sarko Sr. UI Design Engineer | Manager,
Web Design Process CMPT 281. Outline How do we know good sites from bad sites? Web design process Class design exercise.
Multimedia Design. Table of Content 1.Navigational structures 2.Storyboard 3.Multimedia interface components 4.Tips for interface design.
User Interface Theory & Design
Introduction To Multimedia
Human Computer Interaction & Usability Prototyping Design & Prototyping HCI Prototyping.
14 Chapter 11: Designing the User Interface. 14 Systems Analysis and Design in a Changing World, 3rd Edition 2 Identifying and Classifying Inputs and.
Prototyping Creation of concrete but partial implementations of a system design to explore usability issues.
Prof. James A. Landay Luke Vink Cornell Tech Spring 2014 May 14, 2014 HCI+DESIGN: USER INTERFACE DESIGN + PROTOTYPING + EVALUATION Cornell Tech HCI+Design.
Overview Prototyping and construction Conceptual design
Scenario based design Ebba Þóra Hvannberg
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)
Introduction to Interactive Media The Interactive Media Development Process.
Storyboarding 1. Purpose of Storyboarding  To gain an early reaction from users on the concepts proposed for the application.  They are an effective.
HCI – Prototyping. Why Prototype?  Prototyping is a well understood and used technique in design engineering where products are tested via a model prototype.
Problem with vanilla sketches
Prototyping. What is a prototype? In other design fields a prototype is a small- scale model: a miniature car a miniature building or town.
User Interface Theory & Design Lecture 6a 1.  User interface is everything the end user comes into contact with while using the system  To the user,
Chapter 9 Prototyping. Objectives  Describe the basic terminology of prototyping  Describe the role and techniques of prototyping  Enable you to produce.
Software Engineering User Interface Design Slide 1 User Interface Design.
Prototyping What prototyping is The benefits of prototyping Low-fidelity and high-fidelity prototypes, and the advantages of each How to build paper prototypes.
Brainstorming: Concepts (part I) After user research, our team had several brainstorming sessions for conceptual design, navigation and interaction: How.
Usability 1 Usability evaluation Without users - analytical techniques With users - survey and observational techniques.
1 CP586 © Peter Lo 2003 Multimedia Communication Visual Interface Design & Product Design.
ICS 463, Intro to Human Computer Interaction Design: 5. Design Processes Dan Suthers.
Project Deliverables CEN Engineering of Software 2.
Prototyping. REVIEW : Why a prototype? Helps with: –Screen layouts and information display –Work flow, task design –Technical issues –Difficult, controversial,
Overview Prototyping Construction Conceptual design Physical design Generating prototypes Tool support.
UNIVERSITI TENAGA NASIONAL “Generates Professionals” MODULE 6 : Part 1 INTRODUCTION TO MULTIMEDIA.
The Design Cycle Making a Short Film. What is the Design Cycle? The Design Cycle is a model of thinking that allows students to: –Inquire & Analyze, –Develop.
Design, prototyping and construction(Chapter 11).
Prototyping Creation of concrete but partial implementations of a system design to explore usability issues.
Technological Design Process Mr. Geesey. At the end of this presentation you should be able to…  Describe the steps of the Design Process  Apply the.
University of Washington HCDE 418 Storyboarding HCDE 418 Winter 2014.
Information Architecture & Design Week 3 Schedule -Syllabus Updates -Group Project Finalized -Research Presentations Finalized -IA Methodologies -Class.
Story Board: Disclaimer: The Graphical User Interface (GUI) designs and business flows included in this document are intended as a rough-draft proof of.
Medium-fi Prototyping
Sampath Jayarathna Cal Poly Pomona
Practical information
Multimedia Design.
Objectives Overview Identify the four categories of application software Describe characteristics of a user interface Identify the key features of widely.
Large-Scale Design Process
Planning Interactive Multimedia
Prototyping & Design CS 352.
Group Y Presenters: (indicate roles)
The Design Cycle: A Problem Solving Process
Design, prototyping and construction
Chapter 11 Design, prototyping and construction 1.
Design of Hypermedia Applications
DESIGN, PROTOTYPING and CONSTRUCTION
Prototyping Sriram Mohan.
Design, prototyping and construction
COMP444 Human Computer Interaction Prototyping
Presentation transcript:

Envisionment Ebba Thora Hvannberg

Objective To use different methods to envision design problems and different solutions Understand how you can use scenarios to envision design Select and use appropriate prototype technology To understand main factors of describing design

Example design – how can you transfer to user interface A car designer has been commissioned to produce a new luxury sports car. He or she doodles a few designs on paper and shows them to other designers on the team. They make some comments and criticisms and as a result changes are made. Finally the designer is satisfied with one of the designs and draws up detailed blueprints that are given to the firm’s model maker. Scale models are produced and sent to Marketing and Sales for customer reaction. The scale models are also subjected to wind tunnel experiments to investigate the aerodynamics of the design and the results are used in a computer program that will calculate the car’s speed and fuel efficiency.

Envisionment Process Review the requirements and the conceptual scenarios Write a concrete scenario, storyboards of the main interaction sequences and snapshot sketches of key screens. Experiment with different metaphors Use claims analysis or Questions/Options/Criterias to evaluate Reconsider requirements

Sketches and snapshots Make a draft or sketches of user interfaces Focus on the overview, then look at details, and filter out those that do not apply. Finally fill in the details.

Story boards of system interactions Sequences of scenarios Use a scenario to help you select the frames Write text for the frames

Navigation maps Used especially when user interfaces become complex. Show associations between individual pages.

Prototyping Low-fi prototyping – Can be a paper prototype Hi-fi prototyping – Is developed in the same development environment as the final product Video prototyping Some like it hot, Wilson et al – = &CFTOKEN=