CS -213 Human Computer Interaction Spring Prototyping. Imran Ihsan. Assistant Professor (CS) Air University, Islamabad
|
|
- Bonnie Phillips
- 5 years ago
- Views:
Transcription
1 CS -213 Human Computer Interaction Spring Prototyping Imran Ihsan Assistant Professor (CS) Air University, Islamabad opuseven iimranihsan imranihsan iimranihsan iihsan iimranihsan START
2 Dilemma You can t evaluate a design until it s built But After building, changes to the design are difficult Simulate the design, in low-cost manner 07 Prototyping HCI Spring 2015 Imran Ihsan - 2
3 Design Artifacts Expressing design ideas: Make it fast!!! Allow lots of flexibility for radically different designs Make it cheap Promote valuable feedback Facilitate iterative design and evaluation 07 Prototyping HCI Spring 2015 Imran Ihsan - 3
4 Prototype Representation How to represent the prototype? Mockup Storyboard Sketches Scenarios Screenshots Functional interface 07 Prototyping HCI Spring 2015 Imran Ihsan - 4
5 Prototype Scope How much to represent? Vertical - Deep prototyping Show much of the interface, but in a shallow manner Horizontal - Broad prototyping Show only portion of interface, but large amount of those portions How to make Prototype Mature Low fidelity vs. High fidelity Amount of polish should reflect maturity of the prototype 07 Prototyping HCI Spring 2015 Imran Ihsan - 5
6 Design Description Can simply have a textual description of a system design Obvious weakness is that it s so far from eventual system Doesn t do a good job representing visual aspects of interface Good for accompanying visual description in report (*hint hint*) 07 Prototyping HCI Spring 2015 Imran Ihsan - 6
7 Scenarios Fictional stories with characters, products, events and environments. Typically narratives, but can be videos, simulations Jane likes to take walks every morning. This morning, as she places her hand on the door, she hears 75% chance of rain, better bring your umbrella. Thankful for the notice, she grabs her umbrella and heads out for her morning walk. Scenario Utility Engaging and interesting Another person s shoes Present to different people Facilitates feedback and opinions Explore errors or mistakes Good for accompanying sketches, mockups, etc. 07 Prototyping HCI Spring 2015 Imran Ihsan - 7
8 Storyboard Determine the story A very iterative process through a lot of initial drafts Includes a lot of brainstorming Sketch on pen + paper Generate more polished art for presentation Develop Use Taglines / Captions Keep it short: show as much as necessary but not more 07 Prototyping HCI Spring 2015 Imran Ihsan - 8
9 Drawing is hard But it doesn t have to be 07 Prototyping HCI Spring 2015 Imran Ihsan - 9
10 Remember Different presentation format means you can do more! Think about how long you have a captive audience Think about how much you want to tell Think about options for presenting sequences of drawing 07 Prototyping HCI Spring 2015 Imran Ihsan
11 Sketches Generally for depicting physical aspects of system 07 Prototyping HCI Spring 2015 Imran Ihsan
12 Mockups / Wireframes Good for brainstorming Focuses people on high-level design notions Not so good for illustrating flow and the details 07 Prototyping HCI Spring 2015 Imran Ihsan
13 Paper Prototyping Paper prototyping is a variation of usability testing where representative users perform realistic tasks by interacting with a paper version of the interface that is manipulated by a person playing computer, who doesn t explain how the interface is intended to work. Taken from Paper Prototyping by Carolyn Snyder The "Computer" highlights the item the user has just selected. A member of the development team observes and takes notes. (Photo courtesy of Timo Jokela.) 07 Prototyping HCI Spring 2015 Imran Ihsan
14 Draw/Paint Programs Draw each screen, good for look IP Address OK Cancel Thin, horizontal prototype Photoshop, Paint, Prototyping HCI Spring 2015 Imran Ihsan
15 Simulations Put storyboard-like views down with (animated) transitions between them Can give user very specific script to follow Often called chauffeured prototyping Examples: PowerPoint, Hypercard, Macromedia Director, HTML 07 Prototyping HCI Spring 2015 Imran Ihsan
16 Interface Builders Tools for laying out windows, controls, etc. of interface Easy to develop & modify screens Supports type of interface you are developing Good look and feel Can add back-end functionality Examples: Visual Basic,.NET, many apps for various languages 07 Prototyping HCI Spring 2015 Imran Ihsan
17 Specialized SILK (Sketching Interfaces Like Krazy) / DENIM Sketch-based GUI builder by James Landay s and his former group at UC Berkeley 07 Prototyping HCI Spring 2015 Imran Ihsan
18 Wizard of OZ Method: Behavior should be algorithmic Good for voice recognition systems Advantages: Allows designer to immerse oneself in situation See how people respond, how specify tasks 07 Prototyping HCI Spring 2015 Imran Ihsan
Rapid Prototyping. Sketches, storyboards, mock-ups and scenarios
Rapid Prototyping Sketches, storyboards, mock-ups and scenarios Agenda Dimensions and terminology Non-computer methods Computer methods 2 Your Project Group 3 An Essential Concept of UCD Requirements for
More informationLecture 8: Rapid Prototyping. CS 338: Graphical User Interfaces. Dario Salvucci, Drexel University.
Lecture 8: Rapid Prototyping CS 338: Graphical User Interfaces. Dario Salvucci, Drexel University. 1 GUI Prototyping What is prototyping? rapid initial development, sketching & testing many designs to
More informationDesign, prototyping and construction
Overview Design, prototyping and construction Prototyping and construction Conceptual design Physical design Generating prototypes Tool support What is a prototype? Why prototype? A prototype is a small-scale
More informationAssignments. Assignment 2 is due TODAY, 11:59pm! Submit one per pair on Blackboard.
HCI and Design Assignments Assignment 2 is due TODAY, 11:59pm! Submit one per pair on Blackboard. Today Paper prototyping An essential tool in your design toolbox! How do we design things that actually
More informationWhat is a prototype?
Prototyping Unit 4 Learning outcomes Understand the uses of different types of prototypes for different kinds/stages of design and be able to choose appropriately Know the basic techniques for low-fidelity
More informationWhat is a prototype?
Prototyping Unit 4 Learning outcomes Understand the uses of different types of prototypes for different kinds/stages of design and be able to choose appropriately Know the basic techniques for low-fidelity
More informationHuman-Computer Interaction. CA357 Lecture 7 More on Prototyping
Human-Computer Interaction CA357 Lecture 7 More on Prototyping Overview By the end of the session, you should be aware of: Design Importance of prototyping Low fidelity vs High fidelity prototyping Why
More informationPrototyping. Unit 5. Zeno Menestrina, MSc Prof. Antonella De Angeli, PhD
Prototyping Unit 5 Zeno Menestrina, MSc zeno.menestrina@unitn.it Prof. Antonella De Angeli, PhD antonella.deangeli@unitn.it Assessment Pervasive game to support social life in/from the campus 2 Assessment
More informationWhat is a prototype?
Prototyping Unit 4 Learning outcomes Understand the uses of different types of prototypes for different kinds/stages of design and be able to choose appropriately Know the basic techniques for low-fidelity
More informationPrototyping for usability engineering
analysis of stakeholders, field studies ANALYZE Problem scenarios claims about current practice Prototyping for usability engineering metaphors, information technology, HCI theory, guidelines DESIGN Activity
More informationDesign, prototyping and construction
Chapter 11 Design, prototyping and construction 1 Overview Prototyping and construction Conceptual design Physical design Generating prototypes Support for design 2 Prototyping and construction What is
More informationSeng310 Lecture 8. Prototyping
Seng310 Lecture 8. Prototyping Course announcements Deadlines Individual assignment (extended) deadline: today (June 7) 8:00 am by email User testing summary for paper prototype testing- Thursday June
More informationLecture 6. Design (3) CENG 412-Human Factors in Engineering May
Lecture 6. Design (3) CENG 412-Human Factors in Engineering May 28 2009 1 Outline Prototyping techniques: - Paper prototype - Computer prototype - Wizard of Oz Reading: Wickens pp. 50-57 Marc Rettig: Prototyping
More informationPrototyping. Readings: Dix et al: Chapter 5.8 Marc Rettig: Prototyping for tiny fingers, Communications of the ACM, April 1994.
Prototyping Readings: Dix et al: Chapter 5.8 Marc Rettig: Prototyping for tiny fingers, Communications of the ACM, April 1994. 1 What is prototyping? producing cheaper, less accurate renditions of your
More informationLow fidelity: omits details High fidelity: more like finished product. Breadth: % of features covered. Depth: degree of functionality
Fall 2005 6.831 UI Design and Implementation 1 Fall 2005 6.831 UI Design and Implementation 2 Paper prototypes Computer prototypes Wizard of Oz prototypes Get feedback earlier, cheaper Experiment with
More informationSOFTWARE REQUIREMENTS ENGINEERING LECTURE # 7 TEAM SKILL 2: UNDERSTANDING USER AND STAKEHOLDER NEEDS REQUIREMENT ELICITATION TECHNIQUES-IV
1 SOFTWARE REQUIREMENTS ENGINEERING LECTURE # 7 TEAM SKILL 2: UNDERSTANDING USER AND STAKEHOLDER NEEDS REQUIREMENT ELICITATION TECHNIQUES-IV 12 th June, 2013 Instructor Information 2 Course Instructor:
More informationdt+ux Design Thinking for User Experience Design, Prototyping & Evaluation Autumn 2016 Prof. James A. Landay Stanford University
DESIGN THINKING FOR USER EXPERIENCE DESIGN + PROTOTYPING + EVALUATION Hall of Fame or Shame? Early Stage Prototyping Computer Science Department October 20, 2016 Paper ipad App By 53 2 Hall of Fame or
More informationUser Centered Design And Prototyping
User Centered Design And Prototyping Why User Centered Design is important Approaches to User Centered Design Rapid prototype techniques The Design Of Well Crafted Tools The All Too Common Approach In
More informationDesigning. Simon Wilson Interaction designer, DWP Digital
Designing. Simon Wilson Interaction designer, DWP Digital What is design? Design is how it looks. Design is how it looks. Design is how something will work / should work. Designing is working out how something
More informationGoals PROTOTYPING) Cris%an(Bogdan( (
PROTOTYPING) Cris%an(Bogdan( cris%@kth.se( ( Goals illustrate(how(we(can((help(designers)( generate(and(share(new(ideas,(get(feedback( from(users(or(customers( choose(among(design(alterna%ves,(and( ar%culate(reasons(for(design(choices.(
More informationDesign, Ideation, and Prototyping
Design, Ideation, and Prototyping Why User Centered Design is important How Prototyping helps User Centered Design System Centered Design System Centered Design What can be built easily on this platform?
More informationPrototyping. Oct 3, 2016
Prototyping Oct 3, 2016 Announcements A1 marks available A2 due Wednesday Questions? What is a prototype? In interaction design a prototype can be (among other things): a series of screen sketches a storyboard,
More informationLecture 13 Prototyping
Lecture 13 Prototyping Mark Woehrer CS 3053 - Human-Computer Interaction Computer Science Department Oklahoma University Spring 2007 [Taken from Stanford CS147 with permission] Learning Goals Understand
More informationAdministrative Stuff. Examples of project processbooks and link to a project prototype on the website Next Week: Evaluation methods, cultural probes
Administrative Stuff Examples of project processbooks and link to a project prototype on the website Next Week: Evaluation methods, cultural probes Prototyping Irene Rae Computer Sciences CS-570 Introduction
More information13/9/10 PROTOTYPING. Cris3an Bogdan
PROTOTYPING Cris3an Bogdan cris3@kth.se 1 What is a prototype? Concrete representation of an interactive system/service, or relevant part of it Tangible artifact Relevance depends on what is being explored
More informationPage 1. Ideas to windows. Lecture 7: Prototyping & Evaluation. Levels of prototyping. Progressive refinement
Ideas to windows Lecture 7: Prototyping & Evaluation How do we go from ideas to windows? Prototyping... rapid initial development, sketching & testing many designs to determine the best (few?) to continue
More informationChapter 11 DESIGN, PROTOTYPING and CONSTRUCTION
Chapter 11 DESIGN, PROTOTYPING and CONSTRUCTION Overview Prototyping Conceptual design Concrete design Using scenarios Generating prototypes Construction 2 Prototyping What is a prototype? Why prototype?
More informationLECTURE 11 USABILITY -PROTOTYPING
October 13th 2014 LECTURE 11 USABILITY -PROTOTYPING 1 Recapitulation Lecture #10 Tool box for HCI Task Analysis Cognitive techniques GOMS/CCT ERMIA CWA Dialogue Analysis-Design Color/Text Analysis-Design
More informationRecapitulation Lecture #10 LECTURE 11 USABILITY - PROTOTYPING. Waterfall with iteration. Example: Cognitive Task Analysis
Recapitulation Lecture #10 October 13th 2014 LECTURE 11 USABILITY - PROTOTYPING Tool box for HCI Task Analysis Cognitive techniques GOMS/CCT ERMIA CWA Dialogue Analysis-Design Color/Text Analysis-Design
More informationThe process of interaction design and Prototyping
Chapter 6 edited The process of interaction design and Prototyping 1 Overview What is involved in Interaction Design? Importance of involving users Degrees of user involvement What is a user-centered approach?
More informationCS/ISE 5714 Spring 2013
CS/ISE 5714 Spring 2013 Chapter 11. Prototyping Chapter 10. UX Goals, Metrics, Targets Introduction A way to evaluate design before it s too late and too expensive Copyright MKP. All rights reserved. 2
More informationUser Centered Design Process. Prototyping II. What is a prototype? Prototyping phases Oct 11, 2017
User Centered Design Process Prototyping II Oct 11, 2017 Produce something tangible Identify challenges Uncover subtleties 2 What is a prototype? A prototype is defined less by form, and more by its function:
More informationLECTURE 11 USABILITY - PROTOTYPING
1 October 11 th 2018 LECTURE 11 USABILITY - PROTOTYPING 2 HCI & InfoVis 2018, Lecture 11 1 Recapitulation Lecture #10 Toolbox for HCI & IV Dialogue Analysis Dialogue Notations STN Petri Nets Flow Charts
More informationSoftware Engineering
Software Engineering 0 Software design process or life cycle called Software Engineering 0 that addresses the management and technical issues of the development of software systems. 0 The software life
More informationPrototyping & Building a System
1 Prototyping & Building a System How Prototyping helps (especially when done with User-Centered Design) Prototyping http://dilbert.com/strip/2009-07-22 2 Designing Your System Decide which users and tasks
More informationScenarios, Storyboards, Wireframes, Critique. Jon Kolko Professor, Austin Center for Design
Scenarios, Storyboards, Wireframes, Critique Jon Kolko Professor, Austin Center for Design Scenarios Creating a written story that explains how a person will use a product, service, or system to achieve
More informationSketching and Prototyping
Sketching and Prototyping SWE 632 Spring 2018 Thomas LaToza Administrivia HW 3 due in 1 week In-class midterm exam in two weeks 2 Expectations for midterm exam Multiple choice questions, free response,
More informationHuman Computer Interaction Lecture 06 [ HCI in Software Process ] HCI in the software process
Human Computer Interaction Lecture 06 [ HCI in Software Process ] Imran Ihsan Assistant Professor www.imranihsan.com aucs.imranihsan.com HCI06 - HCI in Software Process 1 HCI in the software process Software
More informationDesign Sketching. Misused Metaphors. Interface Hall of Shame! Outline. Design Sketching
1 Design Sketching * slides marked Buxton are courtesy of, from his talk Why I Love the ipod, iphone, Wii and Google, remix uk, 18-19 Sept. 2008, Brighton Prof. James A. Landay University of Washington
More informationLecture Notes CPSC 491 (Fall 2018) Topics. Peer evals. UI Sketches. Homework. Quiz 4 next Tues. HW5 out. S. Bowers 1 of 11
Topics Peer evals UI Sketches Homework Quiz 4 next Tues HW5 out S. Bowers 1 of 11 Context Diagrams Context Diagrams describe the system boundaries what is inside ( in scope ) vs outside ( out of scope
More informationWhat is a prototype?
analysis of stakeholders, field studies ANALYZE Problem scenarios claims about current practice metaphors, information technology, HCI theory, guidelines DESIGN Activity scenarios Information scenarios
More informationIPM 15/16 T2.1 Prototyping
IPM 15/16 T2.1 Prototyping Miguel Tavares Coimbra Acknowledgements: Most of this course is based on the excellent course offered by Prof. Kellogg Booth at the British Columbia University, Vancouver, Canada.
More informationHomework Set 2. A brief discussion
Homework Set 2 A brief discussion Homework Set 2 A brief discussion (#%" (#$" ("!#'"!#&"!#%"!#$"!"!" )" (!" ()" $!" $)" *!" *)" %!" Problem 4 Hick s Law or Fitt s Law? MT = a + b ID ID = log 2 ( A W +
More informationCS 160: Evaluation. Outline. Outline. Iterative Design. Preparing for a User Test. User Test
CS 160: Evaluation Professor John Canny Spring 2006 2/15/2006 1 2/15/2006 2 Iterative Design Prototype low-fi paper, DENIM Design task analysis contextual inquiry scenarios sketching 2/15/2006 3 Evaluate
More informationCS3205 HCI IN SOFTWARE DEVELOPMENT PROTOTYPING STRATEGIES. Tom Horton. * Material from: Floryan (UVa) Klemmer (UCSD, was at Stanford)
CS3205 HCI IN SOFTWARE DEVELOPMENT PROTOTYPING STRATEGIES Tom Horton * Material from: Floryan (UVa) Klemmer (UCSD, was at Stanford) WHAT WILL WE BE TALKING ABOUT? Specific Prototyping Strategies! Low-Fidelity
More informationPrototyping. SWE 432, Fall Web Application Development
Prototyping SWE 432, Fall 2018 Web Application Development Conceptual design Goal: match users mental model Tool: Metaphor - analogies from existing system Offers expectations about what system does &
More informationIdeate. Empathize. Prototype. Define. Test. CS:2520 Human-Computer Interaction. Fall 2016.
Empathize Ideate Define Prototype Test Designing Prototypes From Preece, Rogers & Sharp s Interaction Design Process Conceptual design What product will do How it will behave Physical design Actual visual
More informationHuman-Computer Interaction Design
Human-Computer Interaction Design COGS120/CSE170 - Intro. HCI Instructor: Philip Guo Week 2 - Prototyping (2016-10-04) some slides adapted from Scott Klemmer s Intro. HCI course Grading policy: aim for
More informationWOZ Pro: A Pen-Based Low Fidelity Prototyping Environment to Support Wizard of Oz Studies
WOZ Pro: A Pen-Based Low Fidelity Prototyping Environment to Support Wizard of Oz Studies Christopher Hundhausen, Anzor Balkar, Mohamed Nuur Visualization and End User Programming Lab School of Electrical
More informationHuman-Computer Interaction Design Studio
stanford hci group / cs247 Design Human-Computer Interaction Design Studio Evaluate Prototype 6February 2012 http://cs247.stanford.edu Getting it right the first time is hard Need to make quick turns around
More informationChapter 3! Planning and Design! 2012 Elsevier, Inc. All rights reserved.
Chapter 3! Planning and Design! 2012 Elsevier, Inc. All rights reserved. Road Map The time and effort you put into planning a multimedia project will determine how well (or not) the project hits its mark.!!!
More informationstanford hci group / cs376 Design Tools Ron B. Yeh 26 October 2004 Research Topics in Human-Computer Interaction
stanford hci group / cs376 Design Tools Ron B. Yeh 26 October 2004 Research Topics in Human-Computer Interaction http://cs376.stanford.edu Reading Research Papers Selective Attention =) Or alternatively,
More informationProjects. Quiz #2. Projects. Projects. Reading Assignment #3. Projects. What is the purpose of Marissa s Gravity Project?
Quiz #2 What is the purpose of Marissa s Gravity Project? Write one tradeoff in usability engineering. Projects Project Phase 1 reports due on Oct. 25 Phase 1: team formation & topic choice, understanding
More informationUSERINTERFACE DESIGN & SIMULATION. Fjodor van Slooten
USERINTERFACE Fjodor van Slooten TODAY USERINTERFACE -Introduction -Interaction design -Prototyping Userinterfaces with Axure -Practice Do Axure tutorial Work on prototype for project vanslooten.com/uidessim
More informationInteraction design. The process of interaction design. Requirements. Data gathering. Interpretation and data analysis. Conceptual design.
Interaction design The process of interaction design Requirements Data gathering Interpretation and data analysis Conceptual design Prototyping Physical design Conceptual design Introduction It aims to
More informationCS3205 HCI IN SOFTWARE DEVELOPMENT INTRODUCTION TO PROTOTYPING. Tom Horton. * Material from: Floryan (UVa) Klemmer (UCSD, was at Stanford)
CS3205 HCI IN SOFTWARE DEVELOPMENT INTRODUCTION TO PROTOTYPING Tom Horton * Material from: Floryan (UVa) Klemmer (UCSD, was at Stanford) READINGS ID Book. Chapter 11 in published book, Design, Prototyping,
More informationCSS JavaScript General Implementation Preloading Preloading in the Design Thinking Process Preloading in the Summary View Android UI Design Design
Table of Contents Introduction Purpose Scope Overview Design Thinking Process Description Empathy Define Ideate Prototype Test Design Thinking Requirement Analysis Empathy Define Ideate Prototype Test
More informationDesign Tools. michael bernstein spring cs376.stanford.edu
Design Tools michael bernstein spring 2013 cs376.stanford.edu Design tools should... [Hartmann, PhD thesis 09] Decrease UI construction time Isolate designers from implementation details Enable designers
More informationCS 160: Evaluation. Professor John Canny Spring /15/2006 1
CS 160: Evaluation Professor John Canny Spring 2006 2/15/2006 1 Outline User testing process Severity and Cost ratings Discount usability methods Heuristic evaluation HE vs. user testing 2/15/2006 2 Outline
More informationdt+ux Design Thinking for User Experience Design, Prototyping & Evaluation Autumn 2015 Prof. James A. Landay, Stanford University
DESIGN THINKING FOR USER EXPERIENCE DESIGN + PROTOTYPING + EVALUATION Hall of Fame or Shame? Concept Videos Podcasts App Apple Inc. Prof. James A. Landay Computer Science Department Stanford University
More informationUnderstanding prototype fidelity What is Digital Prototyping? Introduction to various digital prototyping tools
HCI and Design Today Assignment 1 is graded Assignment 3 is posted Understanding prototype fidelity What is Digital Prototyping? Introduction to various digital prototyping tools Reminder: What is a prototype?
More informationInteractive (High-fi) Prototype (Group)
Interactive (High-fi) Prototype (Group) Midway Milestone due at the start of your studio (Thursday/Friday Dec 1-2) Final Prototype due at the start of your studio (Thursday/Friday Dec 8-9) Writeup due
More informationPRO WAYS TO LAUNCH A PRODUCT
MASTER SVG FILTER EFFECTS Make your websites shine across browsers RAPID PAPER PROTOTYPING Test out interactive BUILD A SLICK RESPONSIVE SITE Get started with the Gumby CSS framework CREATE APPS WITH NODE.JS
More informationUser Centered Design for Mobile Applications BOB MORSE DA VINCI USABILITY
User Centered Design for Mobile Applications BOB MORSE DA VINCI USABILITY My Background UI/UX Consulting I do: usability, user centered design, user experience design, information architecture, human factors,
More informationDesign Prototyping & An Exercise in Design Creativity. Joe Mertz M. Bernardine Dias Fall 2007
Design Prototyping & An Exercise in Design Creativity Joe Mertz M. Bernardine Dias Fall 2007 Prototyping can be used: In good iterative design practices To refine designs with formative evaluations In
More informationITP 140 Mobile Technologies. User Testing
ITP 140 Mobile Technologies User Testing User Experience 2 User Testing Usability and user experience testing is vital to creating a successful app Running your own user tests to find out how users are
More informationHuman-Computer Interaction: An Overview. CS2190 Spring 2010
Human-Computer Interaction: An Overview CS2190 Spring 2010 There must be a problem because What is HCI? Human-Computer interface Where people meet or come together with machines or computer-based systems
More informationMIT GSL week 4 Wednesday. User Interfaces II
MIT GSL 2018 week 4 Wednesday User Interfaces II User Centered Design Prototyping! Producing cheaper, less accurate renditions of your target interface! Essential in spiral design process, useful in later
More informationPassionate designer with a love for solving design problems using feasible and creative solutions
Ramya Jayakumar Mobile: 980-430-9942 Email: ramyajayakumar7@gmail.com Portfolio:www.ramyajayakumar.com Summary Passionate designer with a love for solving design problems using feasible and creative solutions
More informationCPSC 444 Project Milestone III: Prototyping & Experiment Design Feb 6, 2018
CPSC 444 Project Milestone III: Prototyping & Experiment Design Feb 6, 2018 OVERVIEW... 2 SUMMARY OF MILESTONE III DELIVERABLES... 2 1. Blog Update #3 - Low-fidelity Prototyping & Cognitive Walkthrough,
More informationCS 315 Intro to Human Computer Interac4on (HCI)
1 CS 315 Intro to Human Computer Interac4on (HCI) 2 HCI So what is it? 3 4 Hall of Fame or Shame? Page setup in IE5 (example courtesy of James Landay) 5 Hall of Shame! Page setup in IE5 Page preview nice,
More informationQuestions? Project #1 due today Project #2 out today Grad project due in a week Remember: mid-term on 10/29
Questions? Project #1 due today Project #2 out today Grad project due in a week Remember: mid-term on 10/29 User centered design and prototyping Two approaches to design System centered design Design what
More informationNew Media Production week 3
New Media Production week 3 Multimedia ponpong@gmail.com What is Multimedia? Multimedia = Multi + Media Multi = Many, Multiple Media = Distribution tool & information presentation text, graphic, voice,
More informationDesign Proposal: Outline
Design Proposal: Outline This outline should be used as a checklist to help each member of the team make sure that every section of the document meets the requirements for a design proposal. Writing Style
More informationBusiness Analysis for Practitioners - Requirements Elicitation and Analysis (Domain 3)
Business Analysis for Practitioners - Requirements Elicitation and Analysis (Domain 3) COURSE STRUCTURE Introduction to Business Analysis Module 1 Needs Assessment Module 2 Business Analysis Planning Module
More informationIntroduction to User Stories. CSCI 5828: Foundations of Software Engineering Lecture 05 09/09/2014
Introduction to User Stories CSCI 5828: Foundations of Software Engineering Lecture 05 09/09/2014 1 Goals Present an introduction to the topic of user stories concepts and terminology benefits and limitations
More information03 Usability Engineering
CS -213 Human Computer Interaction Spring 2016 03 Usability Engineering Imran Ihsan Assistant Professor (CS) Air University, Islamabad www.imranihsan.com www.opuseven.com opuseven iimranihsan imranihsan
More informationDESIGN WHITE PAPER EVERYTHING IS BEAUTIFUL. POP IS EVERYTHING.
DESIGN WHITE PAPER EVERYTHING IS BEAUTIFUL. POP IS EVERYTHING. There is no such thing as No Design, only Good Design and Poor Design. Anonymous Pop Art is a one-stop resource for creative services, from
More informationTracking System for Job Applicants Sprint Schedule and Overview. By Erik Flowers
Tracking System for Job Applicants Sprint Schedule and Overview By Erik Flowers This overview is to determine and develop the Tracking System for Job Applicants (TSJA), to be used by Recruiters/Managers
More informationCIS4930 / CIS6930: USER EXPERIENCE DESIGN INSTRUCTOR: DR. LISA ANTHONY
Fall 2015 CIS4930 / CIS6930: USER EXPERIENCE DESIGN INSTRUCTOR: DR. LISA ANTHONY CIS4930/6930 User Experience Design, Fall 2015 -- Dr. Lisa Anthony -- lanthony@cise.ufl.edu 11/05/2015 1 Week 11b HIGH-FIDELITY
More informationPrototyping in Interaction Design
Prototyping in Interaction Design Christine Strothotte Institute of Industrial Design Magdeburg/Germany www.design.hs-magdeburg.de Designers think about products and these products are changing dramatically
More informationDepartment of Digital Media Handbook. Projected Schedule
Department of Digital Media Handbook Projected Schedule Program Information & Flyers: Associate of Arts (AA) Degree Web and Mobile Design Certificate of Achievement Web and Mobile Design Certificate of
More informationHCI and Design SPRING 2016
HCI and Design SPRING 2016 Topics for today Heuristic Evaluation 10 usability heuristics How to do heuristic evaluation Project planning and proposals Usability Testing Formal usability testing in a lab
More informationWant to Create Engaging Screencasts? 57 Tips to Create a Great Screencast
What makes a screencast interesting, good, or engaging? Want to Create Engaging Screencasts? 57 Tips to Create a Great Screencast We thought you would like to see each of the categories that the focus
More informationAEV VIDEO GUIDE FOR THE FIRST-YEAR ENGINEERING PROGRAM
AEV VIDEO GUIDE FOR THE FIRST-YEAR ENGINEERING PROGRAM Purpose: This guide is intended to expand upon the multimedia portion of the Technical Communications Guide in order to define expectations and assist
More informationScenarios, Storyboards, Wireframes, Critique. Jon Kolko Professor, Austin Center for Design
Scenarios, Storyboards, Wireframes, Critique Jon Kolko Professor, Austin Center for Design Scenarios Creating a written story that explains how a person will use a product, service, or system to achieve
More informationHuman-Computer Interaction IS4300
Human-Computer Interaction IS4300 1 Designing for the Web Stone Ch 17 + J. Lazar et al, HCI Handbook 1 Today Stone Chapter J. Lazar et al, HCI Handbook Testing tools & surveys Nielsen s Top 10 Mistakes
More informationUX Intensive Takeaways In Action. J.J. Kercher December 8, 2011
UX Intensive Takeaways In Action J.J. Kercher December 8, 2011 The Plan v Brief overview of the event v We have a client! v Break into groups of ~6 v Work fast, don t focus on the details v Most Important:
More informationWeekend Urnr. Mobile App Wireframes. May Copyright UX Wireframe Experts 1
Weekend Urnr Mobile App Wireframes May 016 1 What is a wireframe? A wireframe is an outline of a digital product expressed in simple block layouts and representative text that conveys structure, hierarchy
More informationSunday, October 23, Web Design Process
Web Design Process Designing a website is more than just Photoshop and code. Creating mockups and building the site are actually some of the final steps of creating a website. Web Design Process Discovery
More informationWebsite Design and Development CSCI 311
Website Design and Development CSCI 311 Learning Objectives Understand good practices in designing and developing web sites Learn some of the challenges web design Activity In pairs: describe how you d
More informationObjectives. Object-Oriented Analysis and Design with the Unified Process 2
Objectives Understand the differences between user interfaces and system interfaces Explain why the user interface is the system to the users Discuss the importance of the three principles of user-centered
More informationProblem and Solution Overview: An elegant task management solution, that saves busy people time.
An elegant task management solution, that saves busy people time. Team: Anne Aoki: Storyboarding, design, user studies, writing Alex Anderson: User studies, design Matt Willden: Ideation, writing, user
More informationUsability and User Interfaces
Usability and User Interfaces The Importance of User Interface Design A computer system is only as good as the interface it provides to its users. Functionality, easy navigation, elegant design, response
More informationTask-Centered User Interface Design CMPT 281
Task-Centered User Interface Design CMPT 281 Outline What is TCUID? TCUID process Finding and working with users Developing task examples Evaluation with task-centered walkthrough Example: the Cheap Shop
More informationPrototyping. ID 405: Human-Computer Interaction Spring 2015
Prototyping ID 405: Human-Computer Interaction Spring 2015 Venkatesh Rajamanickam (@venkatrajam) venkatra@iitb.ac.in http://info-design-lab.github.io/id405-hci/ o Jeff Hawkins, Palm co-founder and
More informationThis exam is open book / open notes. No electronic devices are permitted.
SENG 310 Midterm February 2011 Total Marks: / 40 Name Solutions Student # This exam is open book / open notes. No electronic devices are permitted. Part I: Short Answer Questions ( / 12 points) 1. Explain
More informationProblem & Solution Overview. Tasks & Final Interface Scenarios
Bronwyn E. Manager Clark P. Developer Bernardo V. Designer Hilary S. User Testing/Documentation Problem & Solution Overview Joynus is a mobile and location based way for users to connect through spontaneous
More informationChapter 6: Interfaces and interactions
Chapter 6: Interfaces and interactions Overview Introduce the notion of a paradigm Provide an overview of the many different kinds of interfaces highlight the main design and research issues for each of
More informationSystems Analysis and Design in a Changing World, Fourth Edition
Systems Analysis and Design in a Changing World, Fourth Edition Learning Objectives Describe the difference between user interfaces and system interfaces Explain why the user interface is the system to
More information