BALANCE. CS 147- dt+ux: User Experience Design, Prototyping & Evaluation Autumn Prof. James A. Landay 刘哲明. Stanford University.

Size: px
Start display at page:

Download "BALANCE. CS 147- dt+ux: User Experience Design, Prototyping & Evaluation Autumn Prof. James A. Landay 刘哲明. Stanford University."

Transcription

1 DESIGN THINKING FOR USER EXPERIENCE DESIGN + PROTOTYPING + EVALUATION CS 147 Overview Design Thinking for UX Design, Prototyping & Evaluation 刘哲明 Computer Science Department Outline Course overview 6:00-6:15 Project presentations 6:15-6:50 Poster session/demos 6:50-8:45 Awards 8:45-9:00 dt+ux: Design Thinking for User Experience Design, Prototyping & Evaluation 2 BALANCE HCI Approach to UX Design DESIGN TECHNOLOGY dt+ux: Design Thinking for User Experience Design, Prototyping & Evaluation 3 dt+ux: Design Thinking for User Experience Design, Prototyping & Evaluation 4 Design Thinking Process Iterative Design Driven by the variability in human performance Design Evaluate dt+ux: Design Thinking for User Experience Design, Prototyping & Evaluation 5 dt+ux: Design Thinking for User Experience Design, Prototyping & Evaluation 6 1

2 Goals of CS 147 Learn to design, prototype, & evaluate UIs tasks, activities & practices of prospective users cognitive/perceptual constraints affecting design techniques for brainstorming, ideation & prototyping methods for evaluating UI designs importance of iterative design for usability technology used to prototype UIs how to work together as a team communicating results to a group Project Based Course Iterative design of a real UI Theme: mobile computing Quarter long projects Students 223 across CS, Symbolic Systems 62 Teams 3-4 members 10 major group assignments group work is 60% of course grade Four presentations every team member presents dt+ux: Design Thinking for User Experience Design, Prototyping & Evaluation 7 dt+ux: Design Thinking for User Experience Design, Prototyping & Evaluation 8 Project Process Timeline Needfinding Concept Video Medium-fi High-fi Design Studios Teams attend small weekly studio (8-16 students) critique/feedback in more intimate environment start work on next project assignment Experience s & Testing Low-fi Heuristic Evaluation Project Fair dt+ux: Design Thinking for User Experience Design, Prototyping & Evaluation 9 dt+ux: Design Thinking for User Experience Design, Prototyping & Evaluation 10 User-centered Design: Needfinding Fieldwork observe existing practices & interview potential users make sure key questions answered Unpacking the Needfinding observed/interviewed dancers in studios. and out in the streets... (or maybe Berkeley) dt+ux: Design Thinking for User Experience Design, Prototyping & Evaluation 11 dt+ux: Design Thinking for User Experience Design, Prototyping & Evaluation 12 2

3 Develop Point of Views (Person + Insight + Challenge) Brainstorm on How Might We Solve Sketching & Storyboarding Phocus 11/10/2015 dt+ux: Design Thinking for User Experience Design, Prototyping & Evaluation 13 dt+ux: Design Thinking for User Experience Design, Prototyping & Evaluation 14 Concept Videos: Planning Storyboards Concept Videos dt+ux: Design Thinking for User Experience Design, Prototyping & Evaluation SmartSenior 15 Munch dt+ux: Design Thinking for User Experience Design, Prototyping & Evaluation 16 Low-fi Prototyping & Testing Interactive s Medium Fidelity How Low Goal Friends Insidejob dt+ux: Design Thinking for User Experience Design, Prototyping & Evaluation 17 dt+ux: Design Thinking for User Experience Design, Prototyping & Evaluation 18 3

4 Interactive s Hi-Fidelity Evaluation Test with real users (participants) Low-cost techniques expert evaluation (HE) Tutera Uncharted dt+ux: Design Thinking for User Experience Design, Prototyping & Evaluation 19 dt+ux: Design Thinking for User Experience Design, Prototyping & Evaluation 20 Project web sites w/ all materials Lecture topics, slides, & video Homework assignments The Projects 20 Judges will be picking the best projects (announced at 8:50 PM) You too will have a say by voting for The People s Choice Award Student s Choice Awards for Best Project/Team Name & Best Pitch dt+ux: Design Thinking for User Experience Design, Prototyping & Evaluation 21 dt+ux: Design Thinking for User Experience Design, Prototyping & Evaluation 22 The Judges Dave Baggeroer, Stanford d.school Francesca Barrientos, Cisco Victoria Bellotti, PARC Bay Chang, Tynker Paul Fu, Alibaba Katherine Isbister, UCSC Manu Kumar, K9 Ventures Paul Moody, Google Donal Mountain, Google Pedro Nakazato Andrade, IDEO Peter Norvig, Google Melissa Powel, Google David Ayman Shamma, Yahoo Anoop Sinha, Self Mirjana Spasojevic, HP John Tang, Microsoft Research Alex Tibbetts, stealth mode start-up Vivek Wadhwa, Stanford & Singularity University Luke Wroblewski, Google Shumin Zhai, Google Thanks! Get Involved! Team mentors in CS 194H (Winter Quarter) Co-teach Stanford HCI/Design courses studio faculty in CS 247 (Winter) dt+ux for Global Challenges in d.school (Spring) Hire students and interns Support HCI+Design research at Stanford 10/22/2012 dt+ux: Design CSE 440: Thinking User for Interface User Experience Design, Prototyping, Design, Prototyping & Evaluation & Evaluation 23 dt+ux: Design Thinking for User Experience Design, Prototyping & Evaluation 24 4

5 The Projects The People s Choice Award Student s Choice Awards for Best Project/Team Name & Best Pitch dt+ux: Design Thinking for User Experience Design, Prototyping & Evaluation 25 dt+ux: Design Thinking for User Experience Design, Prototyping & Evaluation 26 Best Project or Team Name FALL 2015 CS 147 dt+ux AWARDS Efangelist dt+ux: Design Thinking for User Experience Design, Prototyping & Evaluation 28 Best Pitch Best Poster Efangelist Chapter dt+ux: Design Thinking for User Experience Design, Prototyping & Evaluation 29 InstaGator Buckets Muncher dt+ux: Design Thinking for User Experience Design, Prototyping & Evaluation 30 5

6 Best at Engaging Underserved Populations Best Demo Winners (3) Connect Clean Plate Compass dt+ux: Design Thinking for User Experience Design, Prototyping & Evaluation 31 Muncher Spiel / Herd dt+ux: Design Thinking for User Experience Design, Prototyping & Evaluation 32 Best Startup Idea (3) Best Visual Design (3) usense Meet InCharge FoodBack ClickEd dt+ux: Design Thinking for User Experience Design, Prototyping & Evaluation 33 Mango dt+ux: Design Thinking for User Experience Design, Prototyping & Evaluation 34 TA s Choice The People s Choice NightOwl NutriGood Munch dt+ux: Design Thinking for User Experience Design, Prototyping & Evaluation 35 ChillZone FoodBack Efangelist dt+ux: Design Thinking for User Experience Design, Prototyping & Evaluation 36 6

7 Best Overall Project Mango 10 Lines The Grand Prize Winner Meet dt+ux: Design Thinking for User Experience Design, Prototyping & Evaluation 37 7

dt+ux Design Thinking for User Experience Design, Prototyping & Evaluation Autumn 2015 Prof. James A. Landay, Stanford University

dt+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 information

CS160: User Interface Design. Maneesh Agrawala & Björn Hartmann, Spring Berkeley UNIVERSITY OF CALIFORNIA

CS160: User Interface Design. Maneesh Agrawala & Björn Hartmann, Spring Berkeley UNIVERSITY OF CALIFORNIA CS160: User Interface Design Maneesh Agrawala & Björn Hartmann, Spring 2010 Berkeley UNIVERSITY OF CALIFORNIA http://stackoverflow.com/questions/238177 The Desktop Metaphor Tim Mott, mid-1970s, from Moggridge,

More information

CS147: dt+ux Design Thinking for User Experience Design, Prototyping & Evaluation Autumn 2016 Prof. James A. Landay Stanford University

CS147: dt+ux Design Thinking for User Experience Design, Prototyping & Evaluation Autumn 2016 Prof. James A. Landay Stanford University dt+ux: DESIGN THINKING FOR USER EXPERIENCE DESIGN + PROTOTYPING + EVALUATION Heuristic Evaluation Grades CS 147 Course Midterm Review Design Thinking for User Experience Design, Prototyping & Evaluation

More information

Human-Computer Interaction Design

Human-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 information

dt+ux: Design Thinking for User Experience Design, Prototyping & Evaluation!

dt+ux: Design Thinking for User Experience Design, Prototyping & Evaluation! CS 147: dt+ux Design Thinking for User Experience Design, Prototyping & Evaluation Prof. James A. Landay dt + UX DESIGN THINKING FOR USER EXPERIENCE DESIGN + PROTOTYPING + EVALUATION Hall of Fame or Shame?

More information

Course Outline. Department of Computing Science Faculty of Science. COMP 3450 Human Computer Interaction Design (3,1,0) Fall 2015

Course Outline. Department of Computing Science Faculty of Science. COMP 3450 Human Computer Interaction Design (3,1,0) Fall 2015 Course Outline Department of Computing Science Faculty of Science COMP 3450 Human Computer Interaction Design (3,1,0) Fall 2015 Instructor: Office: Phone/Voice Mail: E-Mail: Course Description Students

More information

NightOwl Get help now.

NightOwl Get help now. NightOwl Get help now. Hi-Fi Report CS147 Griffin Dietz Lachlan Green Zara Saraon Developer Product Manager Design Documentation User Testing Problem and Solution Overview From our contextual inquiry and

More information

Hall of Fame or Shame? Outline. Who are we? Introduction & Course Overview CSE440: Introductory HCI

Hall of Fame or Shame? Outline. Who are we? Introduction & Course Overview CSE440: Introductory HCI Introduction & Course Overview CSE440: Introductory HCI Hall of Fame or Shame? Autumn 2007 September 27, 2007 CSE440 - Autumn 2007 User Interface, Prototyping, and Evaluation 2 Outline Introduction & Course

More information

CS147: dt+ux Design Thinking for User Experience Design, Prototyping & Evaluation Autumn 2017 Prof. James A. Landay Stanford University

CS147: dt+ux Design Thinking for User Experience Design, Prototyping & Evaluation Autumn 2017 Prof. James A. Landay Stanford University dt+ux: DESIGN THINKING FOR USER EXPERIENCE DESIGN + PROTOTYPING + EVALUATION Heuristic Evaluation Grades CS 147 Course Midterm Review Design Thinking for User Experience Design, Prototyping & Evaluation

More information

Learn UI / UX Design Be ready to get your Dream Job

Learn UI / UX Design Be ready to get your Dream Job Learn UI / UX Design Be ready to get your Dream Job Build amazing products and websites in 3 months. Launch your career in Information Architect, User Research, Usability Test Analyst, UX Designer, UI

More information

Human-Computer Interaction Design Studio

Human-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 information

dt+ux Design Thinking for User Experience Design, Prototyping & Evaluation Autumn 2016 Prof. James A. Landay Stanford University

dt+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 information

UX Design - Curriculum

UX Design - Curriculum UX Design - Curriculum Școala Informală de IT București Cluj-Napoca Iași Timișoara Brașov Tel: +4.0744.679.530 Web: www.scoalainformala.ro / www.informalschool.com E-mail: info@scoalainformala.ro Content:

More information

UX, UI, Product Design

UX, UI, Product Design UX, UI, Product Design for mobile app development Empathize https://www.nngroup.com/articles/design-thinking/ Research Methods Qualitative: Interviews Observation Quantitative: Survey User Interviews Contextual

More information

Homework Set 2. A brief discussion

Homework 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 information

CT300 Introduction to Digital Typography

CT300 Introduction to Digital Typography COMMUNICATION DESIGN DEPARTMENT Fashion Institute of Technology School of Art and Design S Y L L A B U S CT300 Introduction to Digital Typography SECTION 601 MONDAY 12:10-3pm, MARVIN FELDMAN CENTER 511

More information

stanford 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 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 information

User-Centered Design Process

User-Centered Design Process KAIST Fall 2018 CS408E/F: Computer Science Project User-Centered Design Process 2018.08.27 Juho Kim CS408 Project-oriented course in which students design, develop, test, validate, and present a software

More information

SWEN 444 Human Centered Requirements and Design Project Breakdown

SWEN 444 Human Centered Requirements and Design Project Breakdown SWEN 444 Human Centered Requirements and Design Project Breakdown Team Status Reports: (starting in Week 2) Your team will report weekly project status to your instructor, and as you wish, capture other

More information

SWEN 444 Human Centered Requirements and Design Project Breakdown

SWEN 444 Human Centered Requirements and Design Project Breakdown SWEN 444 Human Centered Requirements and Design Project Breakdown Team Status Reports: (starting in Week 2) Your team will report bi-weekly project status to your instructor, and as you wish, capture other

More information

Interactive (High-fi) Prototype (Group)

Interactive (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 information

Faculty of Information School of Graduate Studies University of Toronto St. George Semester: Winter 2017 INF2191H User Interface Design

Faculty of Information School of Graduate Studies University of Toronto St. George Semester: Winter 2017 INF2191H User Interface Design Faculty of Information School of Graduate Studies University of Toronto St. George Semester: Winter 2017 INF2191H User Interface Design COURSE DIRECTOR: Dr. Olivier St-Cyr, PhD, LEL Office: BL 710 E-mail:

More information

Wanderlust Kye Kim - Visual Designer, Developer KiJung Park - UX Designer, Developer Julia Truitt - Developer, Designer

Wanderlust Kye Kim - Visual Designer, Developer KiJung Park - UX Designer, Developer Julia Truitt - Developer, Designer CS 147 Assignment 8 Local Community Studio Wanderlust Kye Kim - Visual Designer, Developer KiJung Park - UX Designer, Developer Julia Truitt - Developer, Designer Value Proposition: Explore More, Worry

More information

10/1/2015. dt+ux Design Thinking for User Experience Design, Prototyping & Evaluation, Autumn 2015 Prof. James A. Landay Stanford University

10/1/2015. dt+ux Design Thinking for User Experience Design, Prototyping & Evaluation, Autumn 2015 Prof. James A. Landay Stanford University dt+ux: DESIGN THINKING FOR USER EXPERIENCE DESIGN + PROTOTYPING + EVALUATION This work is licensed under the Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License. To view a copy

More information

Hi fi Prototype Report. Dartis Willis Cristian Lara Neven Wang Tomic. Head Design & Design, Documentation, User Testing & Development & Development

Hi fi Prototype Report. Dartis Willis Cristian Lara Neven Wang Tomic. Head Design & Design, Documentation, User Testing & Development & Development Hi fi Prototype Report Dartis Willis Cristian Lara Neven Wang Tomic Head Design & Design, Documentation, User Testing & Development & Development Value Proposition: Never miss out Problem and Solution

More information

Human-Computer Interaction IS David Sprague

Human-Computer Interaction IS David Sprague Human-Computer Interaction IS 4300 David Sprague Overview (for today) Introductions Overview of the Course Logistics Overview of HCI Some basic concepts Overview of Team Projects Disclaimer 1. Touchy feely

More information

CS Equalizing Society - Assignment 8. Interactive Hi-fi Prototype

CS Equalizing Society - Assignment 8. Interactive Hi-fi Prototype CS 147 - Equalizing Society - Assignment 8 Interactive Hi-fi Prototype Crystal Escolero - Design and Product Management Jessica Guo - Development and User Testing Trevor Rex - Development and User Testing

More information

UX / UI THE BOOT CAMP AT UT AUSTIN CURRICULUM OVERVIEW. McCombs School of Business School of Information

UX / UI THE BOOT CAMP AT UT AUSTIN CURRICULUM OVERVIEW. McCombs School of Business School of Information McCombs School of Business School of Information THE UX / UI BOOT CAMP AT UT AUSTIN CURRICULUM OVERVIEW In the modern digital economy, design and user experience are two of the hottest buzzwords. Employers

More information

Assignment 8 rekindl Local Community (1:30PM) Meet The Team. Ryan C. Amanda L. Sara V. James C.

Assignment 8 rekindl Local Community (1:30PM) Meet The Team. Ryan C. Amanda L. Sara V. James C. Hi-Fi Prototype Assignment 8 rekindl Local Community (1:30PM) Meet The Team Ryan C. Amanda L. Sara V. James C. Introduction Mission Statement: Reignite faded friendships. Problem Overview: Busy schedules

More information

CMPE 150/L : Introduction to Computer Networks

CMPE 150/L : Introduction to Computer Networks CMPE 150/L : Introduction to Computer Networks Chen Qian Computer Engineering UCSC Baskin Engineering Lecture 1 Slides source: Kurose and Ross, Simon Lam, Katia Obraczka Introduction 1-1 Notetaker Position

More information

Lecture 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. 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 information

MGA Developing Interactive Systems (5 ECTS), spring 2017 (16 weeks)

MGA Developing Interactive Systems (5 ECTS), spring 2017 (16 weeks) MGA 672 - Developing Interactive Systems (5 ECTS), spring 2017 (16 weeks) Lecturer: Ilja Šmorgun ilja.smorgun@idmaster.eu, Sónia Sousa sonia.sousa@idmaster.eu Contact Details: All email communication regarding

More information

BUILDING WORKFORCE PROGRAMS FOR THE FUTURE- DIGITAL ARTS AND USER DESIGN

BUILDING WORKFORCE PROGRAMS FOR THE FUTURE- DIGITAL ARTS AND USER DESIGN BUILDING WORKFORCE PROGRAMS FOR THE FUTURE- DIGITAL ARTS AND USER DESIGN SUNYWCC CENTER FOR THE DIGITAL ARTS, DR. SHERRY MAYO AND ASSOCIATE PROFESSOR DEBORAH KRIKUN 1 WHAT IS USER EXPERIENCE (UX) DESIGN?

More information

315324: Interface Designs. Krisana Chinnasarn,, Ph.D. June 2005.

315324: Interface Designs. Krisana Chinnasarn,, Ph.D. June 2005. 315324: Interface Designs Krisana Chinnasarn,, Ph.D. June 2005. Outline HCI Introduction Course Overview Course Management 6/16/2005 2 Human-Computer Interaction Human Program end-user Other people in

More information

CMSC434. Introduction to Human-Computer Interaction. Week 07 Lecture 12 Mar 8, 2016 Prototyping III. Jon

CMSC434. Introduction to Human-Computer Interaction. Week 07 Lecture 12 Mar 8, 2016 Prototyping III. Jon CMSC434 Introduction to Human-Computer Interaction Week 07 Lecture 12 Mar 8, 2016 Prototyping III Jon Froehlich @jonfroehlich Human Computer Interaction Laboratory COMPUTER SCIENCE UNIVERSITY OF MARYLAND

More information

Design Thinking: Design Review Workshop

Design Thinking: Design Review Workshop Design Thinking: Design Review Workshop Introductions Guliz Sicotte Director of Product Design Magento Commerce @gsicotte Eric Erway Sr. UX Manager Magento Commerce @ericerway Ann Hudspeth UX Manager Magento

More information

Passionate designer with a love for solving design problems using feasible and creative solutions

Passionate 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 information

B A L A N C E. Hall of Fame or Shame? Later Versions of IE Fix This. Hall of Shame! DESIGN TECHNOLOGY

B A L A N C E. Hall of Fame or Shame? Later Versions of IE Fix This. Hall of Shame! DESIGN TECHNOLOGY USER INTERFACE DESIGN + PROTOTYPING + EVALUATION Introduction & Course Overview CSE 440: Introductory HCI Autumn 2012 September 25, 2012 2 B A L A N C E Hall of Fame or Shame? DESIGN Page setup for printing

More information

Instructor s Dashboard of Peer Reviewing System. INF231: User Interface Design and Evaluation Discussion Group 3

Instructor s Dashboard of Peer Reviewing System. INF231: User Interface Design and Evaluation Discussion Group 3 Instructor s Dashboard of Peer Reviewing System INF231: User Interface Design and Evaluation Discussion Group 3 People Clients Team Members Charu Chaudhari Dahlia Hegab Mira Kim Pavan Kadandale Yuwei Liang

More information

Enterprise - Sales App

Enterprise - Sales App Enterprise - Sales App Mobile App Wireframes March 06 What is a wireframe? A wireframe is an outline of a digital product expressed in simple block layouts and representative text that conveys structure,

More information

Database Concepts. CS 377: Database Systems

Database Concepts. CS 377: Database Systems Database Concepts CS 377: Database Systems Introduction Recap Course Logistics Course website contains syllabus, lectures, assignments and example code http://joyceho.github.io/cs377_s17/index.html Piazza:

More information

Improve the Order Procedure of a Student Nation s Pub

Improve the Order Procedure of a Student Nation s Pub Improve the Order Procedure of a Student Nation s Pub UX Case Study February 2016 - March 2016 Project Overview The Problem A student nation s pub struggles with its offline order procedure. The orders

More information

CSE 118 Introduction to Design

CSE 118 Introduction to Design CSE 118 Introduction to Design Mini Quiz Week 5/6 http://bit.ly/cse118-2lakh What is Design? What is Design? DESIGN IS A PROCESS... 8 Human-Centered Design Design Methods Principles of Human-Centered

More information

Problem and Solution Overview: An elegant task management solution, that saves busy people time.

Problem 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 information

Usability Testing. November 14, 2016

Usability Testing. November 14, 2016 Usability Testing November 14, 2016 Announcements Wednesday: HCI in industry VW: December 1 (no matter what) 2 Questions? 3 Today Usability testing Data collection and analysis 4 Usability test A usability

More information

Anirudha Joshi IDC, IIT Bombay

Anirudha Joshi IDC, IIT Bombay Anirudha Joshi IDC, IIT Bombay HCI design process (AJ) Garret s model (JJG) Contextual design process (HB/KH) Usability engineering lifecycle (DM) Goal driven design (AC/RR) Inherent resistance to change

More information

Wireframes for Testing and Design

Wireframes for Testing and Design Wireframes for Testing and Design Elizabeth Rosenzweig Principal Consultant, Bentley User Experience Center Adjunct Professor, Bentley University erosenzweig@bentley.edu 1 Today Design and usability of

More information

The COS 333 Project. Robert M. Dondero, Ph.D. Princeton University

The COS 333 Project. Robert M. Dondero, Ph.D. Princeton University The COS 333 Project Robert M. Dondero, Ph.D. Princeton University 1 Overview A simulation of reality In groups of 3-5 people... Build a substantial three tier software system 2 Three-Tier Systems "Three

More information

CS 160: Evaluation. Professor John Canny Spring /15/2006 1

CS 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 information

Lecture 13 Prototyping

Lecture 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 information

CSE 417 Practical Algorithms. (a.k.a. Algorithms & Computational Complexity)

CSE 417 Practical Algorithms. (a.k.a. Algorithms & Computational Complexity) CSE 417 Practical Algorithms (a.k.a. Algorithms & Computational Complexity) Outline for Today > Course Goals & Overview > Administrivia > Greedy Algorithms Why study algorithms? > Learn the history of

More information

Academic Media Production Services Gradebook: Developing a Sakai Tool

Academic Media Production Services Gradebook: Developing a Sakai Tool Gradebook: Developing a Sakai Tool Ben Brophy Massachusetts Institute of Technology How We Build a Sakai Tool Design Development Launch From suggestion to wireframes From wireframes to functional version

More information

Interaction Design. Human-Computer. COGS120/CSE170 - Intro. HCI. Instructor: Philip Guo. Week 3 - Heuristic Evaluation ( )

Interaction Design. Human-Computer. COGS120/CSE170 - Intro. HCI. Instructor: Philip Guo. Week 3 - Heuristic Evaluation ( ) Human-Computer Interaction Design COGS120/CSE170 - Intro. HCI Instructor: Philip Guo Week 3 - Heuristic Evaluation (2016-10-11) some slides adapted from Scott Klemmer s Intro. HCI course Learning Objective

More information

3 Evaluating Interactive Systems

3 Evaluating Interactive Systems 3 Evaluating Interactive Systems Viktoria Pammer-Schindler March 23, 2015 Evaluate 1 Android Sensing Tutorial Day on April 23 Save the Date!!! Evaluate 2 Days and Topics March 11 March 16 Intro Designing

More information

Prototyping. Unit 5. Zeno Menestrina, MSc Prof. Antonella De Angeli, PhD

Prototyping. 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 information

Adobe Illustrator CS4

Adobe Illustrator CS4 Adobe Illustrator CS4 COURSE DESCRIPTION This course examines the basic features that have made Adobe Illustrator virtually Indispensable to today's graphics designer. Topics include drawing and shape

More information

Low-Fi Prototyping & Pilot Usability Testing

Low-Fi Prototyping & Pilot Usability Testing Dan Yu Simon Kim Alex Wang Dazzle Low-Fi Prototyping & Pilot Usability Testing Lena Hong Overview of Low-Fi Prototyping Value proposition and mission statement. Narrowed down designs to target mobile platform.

More information

Professor Hausi A. Müller PhD PEng FCAE Department of Computer Science Faculty of Engineering University of Victoria

Professor Hausi A. Müller PhD PEng FCAE Department of Computer Science Faculty of Engineering University of Victoria Professor Hausi A. Müller PhD PEng FCAE Department of Computer Science Faculty of Engineering University of Victoria http://www.engr.uvic.ca/~seng321/ https://courses1.csc.uvic.ca/courses/201/spring/seng/321

More information

Saqib Mughal Senior UX Architect

Saqib Mughal Senior UX Architect Saqib Mughal Senior UX Architect 954-993-0895 saq100@gmail.com www.saqibart.com Summary Businesses and software are more complex than ever today but end users do not need to bother with such tedium systems.

More information

BSc (Hons) Information Systems - IC 311

BSc (Hons) Information Systems - IC 311 BSc (Hons) Information Systems - IC 311 1. Context and Objectives The field of Information systems (IS) focuses on technology-enabled business development whereby IS professionals require both technical

More information

CS 160: Evaluation. Outline. Outline. Iterative Design. Preparing for a User Test. User Test

CS 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 information

Agile Test Automation ICAgile

Agile Test Automation ICAgile Home > Agile Test Automation ICAgile Agile Test Automation ICAgile Discover how to implement test automation as stories are implemented Confidently deliver shippable product increments each sprint using

More information

Firstname Lastname. Contents. User Experience Design Portfolio - Selected Samples. Updated February 2014

Firstname Lastname. Contents. User Experience Design Portfolio - Selected Samples. Updated February 2014 Firstname Lastname User Experience Design Portfolio - Selected Samples Updated February 2014 Contents About Me... 2 My Experience... 2 My Work Style... 3 Large Project Name... 4 Mobile App Name... 7 Contact

More information

CS 147: dt+ux Design Thinking for User Experience Design, Prototyping & Evaluation November 3, 2015

CS 147: dt+ux Design Thinking for User Experience Design, Prototyping & Evaluation November 3, 2015 CS 147: dt+ux Design Thinking for User Experience Design, Prototyping & Evaluation Prof. James A. Landay dt + UX DESIGN THINKING FOR USER EXPERIENCE DESIGN + PROTOTYPING + EVALUATION Hall of Fame or Shame?

More information

h(p://ihm.tumblr.com/post/ /word- cloud- for- hci- human- computer- interacbon CS5340 Human-Computer Interaction ! January 31, 2013!

h(p://ihm.tumblr.com/post/ /word- cloud- for- hci- human- computer- interacbon CS5340 Human-Computer Interaction ! January 31, 2013! h(p://ihm.tumblr.com/post/105778492/word- cloud- for- hci- human- computer- interacbon CS5340 Human-Computer Interaction January 31, 2013 Today s Class Administrivia User-centered Design Establishing Requirements

More information

3 Prototyping and Iterative Evaluations

3 Prototyping and Iterative Evaluations 3 Prototyping and Iterative Evaluations Viktoria Pammer-Schindler March 15, 2016 Prototyping and Iterative Evaluations 1 Days and Topics March 1 March 8 March 15 April 12 April 19/21 April 26 (10-13) April

More information

Advanced Programming CMPS 109

Advanced Programming CMPS 109 Advanced Programming CMPS 109 Dr. Karim Sobh Computer Science Department Jack Baskin School of Engineering ksobh@cs.ucsc.edu Winter 2017 Basic Information Course Title: Advanced Programming (CMPS 109)

More information

CMPT 354: Database System I. Lecture 1. Course Introduction

CMPT 354: Database System I. Lecture 1. Course Introduction CMPT 354: Database System I Lecture 1. Course Introduction 1 Outline Motivation for studying this course Course admin and set up Overview of course topics 2 Trend 1: Data grows exponentially 1 ZB = 1,

More information

Designing. Simon Wilson Interaction designer, DWP Digital

Designing. 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 information

(613)

(613) Emily Johnstone (613) 325-4031 Profile Education An experienced front-end web developer with hands-on experience in website development using content management systems (CMS), such as Wordpress and Drupal

More information

Syllabus Class schedule Section 1: Tuesdays 9:00 11:50 Section 2: Tuesdays 1:00 3:50

Syllabus Class schedule Section 1: Tuesdays 9:00 11:50 Section 2: Tuesdays 1:00 3:50 GBDA 228 Digital Imaging of Online Applications Winter Term 2018 University of Waterloo, Stratford Campus Global Business and Digital Arts Syllabus Class schedule Section 1: Tuesdays 9:00 11:50 Section

More information

Kickoff and Theme Reveal IAP 2017

Kickoff and Theme Reveal IAP 2017 6.148 Kickoff and Theme Reveal IAP 2017 WELCOME wat is 6.148? Crash Course on WebDev A first experience in creating something A taste of 6-3 wat is 6.148? a very LONG Hackathon Get food, learn web dev

More information

Design Reviews. Scott Klemmer. stanford hci group / cs147. tas: Marcello Bastea-Forte, Joel Brandt, Neil Patel, Leslie Wu, Mike Cammarano

Design Reviews. Scott Klemmer. stanford hci group / cs147. tas: Marcello Bastea-Forte, Joel Brandt, Neil Patel, Leslie Wu, Mike Cammarano stanford hci group / cs147 Design Reviews Scott Klemmer tas: Marcello Bastea-Forte, Joel Brandt, Neil Patel, Leslie Wu, Mike Cammarano 25 October 2007 http://cs147.stanford.edu Design Applied Psychology

More information

Web Design Course Syllabus and Course Outline

Web Design Course Syllabus and Course Outline Web Design Course Syllabus and Course Outline COURSE OVERVIEW AND GOALS In today's world, web pages are the most common medium for sharing ideas and information. Learning to design websites is an incredibly

More information

Design, prototyping and construction

Design, 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 information

Page 1. Ideas to windows. Lecture 7: Prototyping & Evaluation. Levels of prototyping. Progressive refinement

Page 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 information

Designing for humans

Designing for humans Designing for humans HI! I m Nele HI! I m Nele Mobile interaction designer @ Mobi Lab Creative partner @ Nope Creative nele.tullus@lab.mobi UX design is the art and science of generating positive emotions

More information

BCS THE CHARTERED INSTITUTE FOR IT. BCS HIGHER EDUCATION QUALIFICATIONS BCS Level 5 Diploma in IT PRINCIPLES OF USER INTERFACE DESIGN

BCS THE CHARTERED INSTITUTE FOR IT. BCS HIGHER EDUCATION QUALIFICATIONS BCS Level 5 Diploma in IT PRINCIPLES OF USER INTERFACE DESIGN BCS THE CHARTERED INSTITUTE FOR IT BCS HIGHER EDUCATION QUALIFICATIONS BCS Level 5 Diploma in IT PRINCIPLES OF USER INTERFACE DESIGN Monday 19 th March 2018 - Afternoon Answer any FOUR questions out of

More information

Welcome to CS 241 Systems Programming at Illinois

Welcome to CS 241 Systems Programming at Illinois Welcome to CS 241 Systems Programming at Illinois Robin Kravets Copyright : University of Illinois CS 241 Staff 1 The Team Robin Kravets Office: 3114 SC rhk@illinois.edu TAs Wade Fagen, Farhana Ashraf,

More information

What is a prototype?

What 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 information

Service design: the next-generation of experience design. Steve Kato-Spyrou UX Manager John Lewis

Service design: the next-generation of experience design. Steve Kato-Spyrou UX Manager John Lewis Service design: the next-generation of experience design Steve Kato-Spyrou UX Manager John Lewis What the talk is about Theory of service design Fitting service design into design thinking, lean and agile

More information

cs414 principles of user interface design, implementation and evaluation

cs414 principles of user interface design, implementation and evaluation cs414 principles of user interface design, implementation and evaluation Karrie Karahalios, Eric Gilbert 30 March 2007 Reaction Time and Motor Skills Predictive Models Hick s Law KLM Fitts Law Descriptive

More information

Medium-Fi Prototype. clicked

Medium-Fi Prototype. clicked Medium-Fi Prototype clicked Gordon D. Michael K. Jake M. Krister J. Mission Statement: Mission Statement: Never Leave Class Confused. Problem/Solution Overview: Problem: Solution: Problem/Solution Overview:

More information

Ashford University s STEM Day 2018

Ashford University s STEM Day 2018 Ashford University s STEM Day 2018 WEBSITE DESIGN COMPETITION Competition Requirement: The requirement of the competition is to produce a minimum of 4 pages of website based on the Competition Theme. Each

More information

ECOM 2314 COMPUTER PROGRAMMING II

ECOM 2314 COMPUTER PROGRAMMING II ECOM 2314 COMPUTER PROGRAMMING II Object Oriented Programming with JAVA Instructor: Ruba A. Salamh Islamic University of Gaza Course Description The course is a continuation of ECOM 2314 (computer programming

More information

Team Covalence LOGAN SHORT TED LI COURTNEY NOH EMMA TOWNLEYSMITH

Team Covalence LOGAN SHORT TED LI COURTNEY NOH EMMA TOWNLEYSMITH Team Covalence TED LI COURTNEY NOH LOGAN SHORT EMMA TOWNLEYSMITH Covalence is a visual, mobile workspace for concept maps. Use text, images, drawings, and other resources to share your ideas and connect

More information

CSE 167: Introduction to Computer Graphics. Jürgen P. Schulze, Ph.D. University of California, San Diego Fall Quarter 2016

CSE 167: Introduction to Computer Graphics. Jürgen P. Schulze, Ph.D. University of California, San Diego Fall Quarter 2016 CSE 167: Introduction to Computer Graphics Jürgen P. Schulze, Ph.D. University of California, San Diego Fall Quarter 2016 Today Course organization Course overview 2 Course Staff Instructor Jürgen Schulze,

More information

CPSC 444 Project Milestone III: Prototyping & Experiment Design Feb 6, 2018

CPSC 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 information

What is a prototype?

What 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 information

Mohsen Rohani UX Portfolio

Mohsen Rohani UX Portfolio UX Portfolio Selected Samples 2018 ABOUT ME I have over 13 years of experience in Graphic design and over 3 years in UX design. I have a background in IT engineering and have worked with top level companies

More information

Overview of the course. User-Centred Design. Group. Practical issue. Writting the report. Project work. Fang Chen

Overview of the course. User-Centred Design. Group. Practical issue. Writting the report. Project work. Fang Chen Overview of the course User-Centred Design Fang Chen 6 lectures, 3 hr each. L 1: April 6, 9-12, user-centered design concept L2: April 14, 9-12, usability concept L3. user-centered requirement study L4.

More information

Evaluation Types GOMS and KLM PRICPE. Evaluation 10/30/2013. Where we are in PRICPE: Analytical based on your head Empirical based on data

Evaluation Types GOMS and KLM PRICPE. Evaluation 10/30/2013. Where we are in PRICPE: Analytical based on your head Empirical based on data Evaluation Types GOMS and KLM PRICPE Where we are in PRICPE: Predispositions: Did this in Project Proposal. RI: Research was studying users. Hopefully led to Insights. CP: Concept and initial (very low-fi)

More information

Overview of the Course

Overview of the Course Overview of the Course Critical Facts Welcome to CISC 471 / 672 Compiler Construction Topics in the design of programming language translators, including parsing, semantic analysis, error recovery, code

More information

CS4470: Intro to UI Software CS6456: Principles of UI Software. Fall 2006 Keith Edwards

CS4470: Intro to UI Software CS6456: Principles of UI Software. Fall 2006 Keith Edwards CS4470: Intro to UI Software CS6456: Principles of UI Software Fall 2006 Keith Edwards Today s Agenda Introductions Me TA You Class Overview Syllabus Resources Class Policies 2 Introductions Instructor

More information

ADI WE University Design Challenge. Analog Devices, Inc. Würth Elektronik eisos 5 TH OCTOBER Analog Devices, Inc. All rights reserved.

ADI WE University Design Challenge. Analog Devices, Inc. Würth Elektronik eisos 5 TH OCTOBER Analog Devices, Inc. All rights reserved. ADI WE University Design Challenge Analog Devices, Inc. Würth Elektronik eisos 5 TH OCTOBER 2017 2017 Analog Devices, Inc. All rights reserved. 1 Welcome! Analog Devices (ADI) and Würth Elektronik (WE)

More information

Course and Contact Information. Course Description. Course Objectives

Course and Contact Information. Course Description. Course Objectives San Jose State University College of Science Department of Computer Science CS157A, Introduction to Database Management Systems, Sections 1 and 2, Fall2017 Course and Contact Information Instructor: Dr.

More information

CSCI 320 Group Project

CSCI 320 Group Project CSCI 320 Group Project Project Description This is a semester long group project. Project Goals Group project of 3-4 students. Groups will not change after assigned. Select a project domain from the list

More information

Human-Computer Interaction. CA357 Lecture 7 More on Prototyping

Human-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 information

Assignment 1 due 4/13/2017 at 11:59PM Topic: Getting Started with WebGL and Transformations

Assignment 1 due 4/13/2017 at 11:59PM Topic: Getting Started with WebGL and Transformations Virtual Reality EE 267, Spring 2017 Assignment 1 due 4/13/2017 at 11:59PM Topic: Getting Started with WebGL and Transformations Students should use Javascript for this assignment, building on top of the

More information

An elegant task tracking solution for busy students

An elegant task tracking solution for busy students An elegant task tracking solution for busy students Anne Aoki: Alex Anderson: Matt Willden: Brandon Tobin: storyboarding, design, user studies, writing user studies, design ideation, writing, user studies

More information