Jim Rebecca JimVomero.com/ideas.

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

Chapter 11 Design, prototyping and construction 1.
Design, prototyping and construction
Visual Scripting of XML
ARCH-05 Application Prophecy UML 101 Peter Varhol Principal Product Manager.
Rapid Prototyping Dimensions and terminology Non-computer methods
Introduction to Multimedia Projects A PowerPoint Presentation Managing the Digital Classroom.
Chapter 12 INTERACTION DESIGN IN PRACTICE. Overview AgileUX Design Patterns Open Source Resources Tools for Interaction Design
Prototypes Low-fidelity prototypes design.org/encyclopedia/contextual_design.html Heim, Chapter 5.3 Lecture 9 Physical Design.
Human Computer Interaction
1 Why prototype? “…the value of prototypes resides less in the models themselves than in the interactions they invite.” Michael Schrage – Serious Play.
Day 5 Specifying designs. Objectives  Learn about the need for prototypes and user testing with these  Learn about different ways in which prototypes.
Usability presented by the OSU Libraries’ u-team.
Recall The Team Skills 1. Analyzing the Problem (with 5 steps) 2. Understanding User and Stakeholder Needs 1. Interviews 2. Workshops 3. Brainstorming.
COMP 350: Object Oriented Analysis and Design Lecture 2
Web Design HTML CSS Creating Web Sites Design Principles.
A User-Focused Approach to Redesigning a Library Webpage for a Targeted Audience Start The International and Area Studies Library (IASL) website was developed.
Magdi Latif Regional Knowledge and Information Management Officer FAO Partnership, Advocacy and Capacity Development Division FAORNE Jordan Plant Genetic.
Creating the street of the future. In this project you get to create your own futuristic house using a tool called Google Sketchup. Afterwards you will.
Basic Concepts The Unified Modeling Language (UML) SYSC System Analysis and Design.
Teacher /Mentor Tips Lois Walton 1RM BEST 2012.
Week 3 Ideation: sketching, storyboards, paper prototypes.
Department of Informatics, UC Irvine SDCL Collaboration Laboratory Software Design and sdcl.ics.uci.edu 1 Informatics 121 Software Design I Lecture 12.
An Interactive Design Process for Developing Learning Objects Simone C.O. Conceição, Ph.D. James Brown, M.S. University of Wisconsin-Milwaukee 22 nd Annual.
Improving Design Workflow in Architectural Design Applications Presentation Doctoral Seminar 16/06/2006 Leuven (Belgium)
Overview Prototyping and construction Conceptual design
Design, prototyping and construction CSSE371 Steve Chenoweth and Chandan Rupakheti (Chapter 11- Interaction Design Text)
Copyright © 2008 Pearson Education, Inc. Publishing as Pearson Addison-Wesley The Resonant Interface HCI Foundations for Interaction Design First Edition.
A Project Guide to UX Design:
May 22, 2007Mohamad Eid Design Chapter 6. May 22, 2007Mohamad Eid Outline Technology Myopia Conceptual Design Physical Design Evaluation Physical Design.
HCI – Prototyping. Why Prototype?  Prototyping is a well understood and used technique in design engineering where products are tested via a model prototype.
Design: Strategies How the calendar is going to stand – the structure. When you are designing the calendar there are two elements to think about: What.
Presentation Software IT DOES NOT HAVE TO BE POWERPOINT.
Web Site Usability. Benefits of planning usability Increased user satisfaction, which translates directly to trust and brand loyalty Increased user productivity,
Prototyping. What is a prototype? In other design fields a prototype is a small- scale model: a miniature car a miniature building or town.
Copyright © 2008 Pearson Education, Inc. Publishing as Pearson Addison-Wesley The Resonant Interface HCI Foundations for Interaction Design First Edition.
Chapter 9 Prototyping. Objectives  Describe the basic terminology of prototyping  Describe the role and techniques of prototyping  Enable you to produce.
What Is a Concept Map?.
Visual Communications Fashion Design Part A Prepared and critiqued by Technology Educators National Coordinators in conjunction with Technology Programme.
Producing Web-Based Digital Media Basic Concepts.
Date 23 rd Jan Shatin 沙田 Mobile Information Architecture.
Visually Communicating Fashion Designs DVC 2.1 Part A
Software Prototyping. Introduction Builds an approximation to some system Builds an approximation to some system Easy to learn and understand different.
IAD 2263: System Analysis and Design Chapter 3: Investigating System Requirements.
Essentials of OVID Using UML based notation to capture system requirements and design.
Wireframing Basics - UX and the Design Process.
 SAP AG 2007, Overview of Design Thinking / 0 April 7, 2007 Review for Participants and Organizers A Workshop on Design Thinking.
Overview Prototyping Construction Conceptual design Physical design Generating prototypes Tool support.
Object Oriented Analysis and Design Introduction to Rational Rose.
Design, prototyping and construction(Chapter 11).
Interaction Design Workshop BIME 591 Winter 2014.
Sampath Jayarathna Cal Poly Pomona
Planning Interactive Multimedia
Divergent Problem Solving
Prototyping.
Web Design and Development
Recall The Team Skills Analyzing the Problem (with 5 steps)
Paper Prototyping.
Informatics 121 Software Design I
Design, prototyping and construction
User Interface Prototyping & Interaction Design
Topic 3 Modeling.
Chapter 11 Design, prototyping and construction 1.
Comparing Apples to Oranges? Doing UX Work Across Time and Space
DESIGN, PROTOTYPING and CONSTRUCTION
Phases of Designing a Website
Design, prototyping and construction
COMP444 Human Computer Interaction Prototyping
INTERACTION DESIGN IN PRACTICE
Presentation transcript:

Jim Rebecca JimVomero.com/ideas

// Resources at: Finding Balance Bringing perspectives together to find the best solution. User Needs Business Goals Ideal Solution

// Resources at: Card Sorting Sort the cookies you have been given in a way that makes sense for your role  Zoo Keeper  Veterinarian  Teacher  Butcher  Grocery Store Clerk

// Resources at: Card Sorting Audience Participation – Tech-based  Your role: 5-y/o child  Web Sort tool by UX Punk  “Cookie Card Sort” on our website

// Resources at: Card Sorting Audience Participation – The old fashioned way  Your role: 5-y/o child  Sort the cookies you have been given in a way that makes sense for your role

// Resources at: Card Sorting The Results  Our awesome volunteers  Our audience  “Cookie Card Sort Results” on our website

// Resources at: Card Sorting Optimal Sort by Optimal Workshop  “Optimal Workshop Results” on our website  A test you can take in your free time: “Optimal Workshop Example Test”

// Resources at: Card Sorting In-Person card sorts work too

// Resources at: Card Sorting

// Resources at: Paper Sketching Sketching allows all stakeholders to explore and evaluate ideas in a non- technical way.  Idea Generation  Collaboration  Rapid Development

// Resources at: Paper Sketching Idea Generation: If you can’t afford to throw it away, then it’s not a sketch. Wired, ”Concept Sketches” via Flickr, Creative Commons Attribution.

// Resources at: Paper Sketching Collaboration: Sketching is a group activity, where design ideas arise from conversation. Thomas Magdi [2003] Light bulb changer. US B1

// Resources at: Paper Sketching Rapid Development: Allowing non- technical people to participate in a common way. Wired, "Microsoft Mouse Prototypes” via Flickr, Creative Commons Attribution.

// Resources at: Practical Sketching Sketches should capture the form and function of the user-experience.  You don’t need to be an artist  Elements of a sketch  Warm-up exercises

// Resources at: Practical Sketching You don’t need to be an artist: Focus on the essence of an idea, sacrificing other details. Library of Congress

// Resources at: Practical Sketching Elements of a sketch include shapes, symbols an annotations; all learned through practice.

// Resources at: Practical Sketching Interface elements provide a time- component to the design and allow for testing.

// Resources at: Practical Sketching loft42, ”Wireframes and such…” via Flickr, Creative Commons Attribution.

// Resources at: Practical Sketching Warm Up : Sketch a low fidelity wireframe glasscpa.com

// Resources at: Practical Sketching Warm Up : Sketch a low fidelity wireframe glasscpa.com

// Resources at: Technologies for Sketching Sketching technologies make it easier to modify, extend and duplicate designs ideas.  Slideshows  Graphic Design  Diagraming  Web-Based Tools

// Resources at: Technologies for Sketching Slideshow Software include drawing and shape libraries, transitions, and hyperlinks.  MS PowerPoint  Keynote  Google Presentation

// Resources at: Diagraming: Microsoft Viso

// Resources at: Technologies for Sketching Web-Based wire framing tools are designed for collaboration; many built for UX testing.  Cacoo  HotGloo  Many more…

// Resources at: Technologies for Sketching A Cacoo example…

// Resources at: Technologies for Sketching A design problem: united.com

// Resources at: Technologies for Sketching A design problem: united.com

// Resources at: Testing Illustrations Illustrations allow us to test early, test often… Samuel Mann, ”Projects Paper-based Prototyping” via Flickr, Creative Commons Attribution. Thank You Rebecca Jim

// Resources at: