Designing with Paper Prototypes Matthew Tester Pure Blue Consulting.

Slides:



Advertisements
Similar presentations
1.03 Demonstrate desktop publishing.
Advertisements

TOPIC LEARNING BTEC Level 3 Unit 28 Websites L01- Understand the customer requirements L02- Create a website design that meets the audience and purpose.
Chapter 12 INTERACTION DESIGN IN PRACTICE. Overview AgileUX Design Patterns Open Source Resources Tools for Interaction Design
Triangle Inequality Theorem Communication Tools. What is the Triangle Inequality Theorem? In mathematics, the triangle inequality states that for any.
Web Interface for the Visually Challenged by: Group Nine.
Web Design HTML CSS Creating Web Sites Design Principles.
Week 1. Careers in Web Development  How many of you want to go into the field of Web Development or Web Programming? Introduction to Web 2 Web Designer.
Web Design Planning Next Bottom. Topics Plan your Web Site Web site content Web site Structure Web site common layout Using MS Publisher MS Publisher.
Web Design Process CMPT 281. Outline How do we know good sites from bad sites? Web design process Class design exercise.
Website Design - Review Layout using tables. Table exmaple James 11/08.
So You Want a Web Page!. What is a Web Page? According to Webopedia, a web page is: A document on the World Wide Web. A Web site is really a bunch of.
Designing User Experience (UX) This work is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 3.0 Unported License.Creative Commons.
Unit 12 LO3 Be able to design websites
+ Introduction to Wireframing. + Overview Storyboarding and wireframing your site before you start to code is another step in the website design process.
PowerPoint Presentation By: David Larson. IPA’s Identify Components of Visio 2010 interface, navigate a Visio drawing, and get help Using Visio. Manipulate.
Instant Design Challenge
Instant Design Challenge
Instant Design Challenge Using the Design Process and Engineering Notebook.
1 DENIM: An Informal Web Site Design Tool Inspired by Observations of Practice CS 376 – Research Topics in HCI 11/01/2005 Tony Tulathimutte.
Document Automation About 10 minutes. About Me Notes – page 7 Early years to early adulthood – India; British influence Education – engineering, math,
Welcome to Digital Cookie. Welcome to Digital Cookie! At this point in your Digital Cookie experience: o You have set up a website that allows customers.
Production Cycle Objectives:  Identifying key phases for building up website  Understanding the major goals and activities of each production process,
Website Project Development Presentation by APNARAJ.COM.
Applications for Web Development (CIS 162) Intro to Web Design.
Chapter 9 Prototyping. Objectives  Describe the basic terminology of prototyping  Describe the role and techniques of prototyping  Enable you to produce.
WireFrame and RAD Team Members Abilash Kittanna Veeresh Kinagi.
Brainstorming: Concepts (part I) After user research, our team had several brainstorming sessions for conceptual design, navigation and interaction: How.
Web Site Design Tools Site Maps Graphic representation of how each page (of a website) or screen (slideshow, animation, database) link together. It’s like.
Creating a lesson on The Water Cycle using: CSCOPE SMART Tech website: us/Ed+Resource/Lesson+activities/Notebook+activities/
Unit 2: Multimedia “Energise your life” Project.  DiDA website DiDA website.
A Blueprint for Successful Web Sites Information Architecture & Web Design Web June 18, 2003 Beth Bailey Kim Eke Elizabeth Pyatt.
To be completed Your proposal  Your House style  Your site plan  Page plans (a draft layout for each of your five pages)  A design mock-up -  All.
Blue Elephant Tony DiCola Mauktik Gandhi Jeff Mathew Tim McConnell Todd Sahl Eugene Talagrand.
Team Skill 2 Understanding User and Stakeholder Needs Storyboarding (13)
Charles Chang Tarik Williams Charlie Yelli.  Travel Wise is a travel agency with a single office  Traditional brick and mortar  Limited customer base.
Designing User Experience (UX) This work is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 3.0 Unported License.Creative Commons.
Interaction Design Workshop BIME 591 Winter 2014.
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.
1 User testing approaches: Practical techniques toward a more usable website Arc Worldwide 1.
Use Live Chat Software As An Effective Customer Support Tool.
Social Studies Notebook Guidelines
INF385G: Topic Discussion Huang, S. C.
WEBSITE CASE STUDY: GANDHIDENTALNY.COM
Prototyping.
Principles of User Experience Design
Web software.
WEBSITE DESIGN TOOLS.
Introduction to Wireframing
Contour Line.
Recall The Team Skills Analyzing the Problem (with 5 steps)
A tool for presentation of Architecture
A tool for presentation of Architecture
Page plans A01 Design.
קורס פיננסי – מושגים פיננסיים / כלכליים
2.03 Demonstrate desktop publishing.
Radial Patterns.
WEB DEVELOPMENT TRAINING
Designing User Experience (UX)
Instant Design Challenge
Planning a Website MAD2053.
Prototype using PowerPoint
TC 310 The Computer in Technical Communication
IBTSOnHAND.ORG ________________ Introduction.
Prototyping Sriram Mohan.
IS1500: Introduction to Web Development
Science Notebook Setup
CS7026: Authoring for Digital Media
INTERACTION DESIGN IN PRACTICE
Presentation transcript:

Designing with Paper Prototypes Matthew Tester Pure Blue Consulting

Paper Prototypes “Paper prototypes are a deliberately low- tech way of developing and testing an applications interaction design”

But it looks …err … ‘sketchy’!

What you hope to validate Concepts Terminology Navigation Workflow Content Page Layout Functionality

Tools to use Pencil and Paper (and a rubber) Use software tools as long as they are still ‘sketches’

Balsamiq Mockups

To sum up Paper prototyping allows customer involvement early in the development cycle. DRAW IT – SHARE IT – DISCUSS IT

Links Paper Prototyping (Book and Website) Interaction Design Consultants Balsamiq Mockups

My Details Matthew Tester