CIS4930 / CIS6930: USER EXPERIENCE DESIGN INSTRUCTOR: DR. LISA ANTHONY
|
|
- Maximillian Lester
- 5 years ago
- Views:
Transcription
1 Fall 2015 CIS4930 / CIS6930: USER EXPERIENCE DESIGN INSTRUCTOR: DR. LISA ANTHONY CIS4930/6930 User Experience Design, Fall Dr. Lisa Anthony -- lanthony@cise.ufl.edu 11/05/2015 1
2 Week 11b HIGH-FIDELITY PROTOTYPING + IN-CLASS ACTIVITY CIS4930/6930 User Experience Design, Fall Dr. Lisa Anthony -- lanthony@cise.ufl.edu 11/05/2015 2
3 TOPICS High-Fidelity Prototyping What is a high-fidelity prototype? High-fidelity prototyping tools and techniques InVision demo Axure demo Evaluating designs with a high-fidelity prototype In-Class Activity: InVision remote demo CIS4930/6930 User Experience Design, Fall Dr. Lisa Anthony -- lanthony@cise.ufl.edu 11/05/2015 3
4 High-Fidelity Prototyping WHAT IS A HIGH-FIDELITY PROTOTYPE? CIS4930/6930 User Experience Design, Fall Dr. Lisa Anthony -- lanthony@cise.ufl.edu 11/05/2015 4
5 WHAT IS HIGH-FIDELITY PROTOTYPING? How does it differ from low-fidelity prototyping? CIS4930/6930 User Experience Design, Fall Dr. Lisa Anthony -- 11/05/2015 5
6 WHAT IS HIGH-FIDELITY PROTOTYPING? How does it differ from low-fidelity prototyping? CIS4930/6930 User Experience Design, Fall Dr. Lisa Anthony -- 11/05/2015 6
7 WHAT IS HIGH-FIDELITY PROTOTYPING? How does it differ from low-fidelity prototyping? Image placeholders Full-color, nearfinal graphics CIS4930/6930 User Experience Design, Fall Dr. Lisa Anthony -- 11/05/2015 7
8 WHAT IS HIGH-FIDELITY PROTOTYPING? How does it differ from low-fidelity prototyping? Text placeholders Real sample of drafted text CIS4930/6930 User Experience Design, Fall Dr. Lisa Anthony -- 11/05/2015 8
9 WHAT IS HIGH-FIDELITY PROTOTYPING? How does it differ from low-fidelity prototyping? Conceptual labels for design elements Real labels you plan to use CIS4930/6930 User Experience Design, Fall Dr. Lisa Anthony -- 11/05/2015 9
10 INTERACTIVE PROTOTYPE High-fidelity prototypes are often also interactive prototypes. CIS4930/6930 User Experience Design, Fall Dr. Lisa Anthony -- 11/05/
11 WHEN TO USE HI-FI PROTOTYPES? When you are ready to move on to: Page layout Design patterns Interactions Style Texture Screen real-estate Device resolution Not ready to move on to these until you ve designed every detail of the task flow and overall concept! CIS4930/6930 User Experience Design, Fall Dr. Lisa Anthony -- 11/05/
12 UX FIDELITY DESIGN PROCESS TIME CIS4930/6930 User Experience Design, Fall Dr. Lisa Anthony -- 11/05/
13 HI-FI VS LO-FI PROTOTYPES Challenges of hi-fi prototypes: They take a long time to build. Reviewers and testers tend to comment on superficial aspects rather than content. Developers and designers may be reluctant to change something they have worked on for hours. A software prototype can set expectations too high it looks done but there is still a lot of software engineering to do. Bugs in a high-fidelity prototype can bring testing to a halt. from Rettig, 1994 and IDRSP, Ch.11, p.395 So: start with paper prototypes until you re ready to deal with those challenges. CIS4930/6930 User Experience Design, Fall Dr. Lisa Anthony -- lanthony@cise.ufl.edu 11/05/
14 HI-FI VS LO-FI PROTOTYPES Type Advantages Disadvantages Lowfidelity prototype Highfidelity prototype Lower-development cost Evaluate multiple design concepts Useful communication device Address screen layout issues (e.g., how to fit everything) Useful for identifying market requirements Proof-of-concept Complete functionality Fully interactive User-driven Clearly defines navigational scheme Use for exploration and test Look and feel of final product Serves as a living specification Marketing and sales tool Limited error checking Poor detailed specification to code Facilitator-driven Limited utility after requirements are established Limited usefulness for usability tests Navigational and flow limitations More expensive to develop Time-consuming to create Inefficient for proof-of-concept designs Not effective for requirements gathering from IDRSP, Ch.11, p.396 CIS4930/6930 User Experience Design, Fall Dr. Lisa Anthony -- lanthony@cise.ufl.edu 11/05/
15 CAVEATS ABOUT TERMINOLOGY High-fidelity pixel-perfect High-fidelity interactive Those are just the variations we re using in this course for the assignments. CIS4930/6930 User Experience Design, Fall Dr. Lisa Anthony -- 11/05/
16 PROTOTYPING TAXONOMY Fidelity of Prototype High Low Static / Manual PhotoShop screens Wireframes or paper prototypes Interactivity of Prototype Interactive / Clickable InVision app (or similar) clickable prototypes Wizard of Oz + paper prototypes CIS4930/6930 User Experience Design, Fall Dr. Lisa Anthony -- lanthony@cise.ufl.edu 11/05/
17 RULE OF PROPORTIONAL FIDELITY Don t forget! Follow the rule of proportional fidelity: the further along you are in your process, the higher-fidelity your prototypes can be. Be wary of jumping to a higher fidelity too soon or you might not get the right level of feedback from your users. CIS4930/6930 User Experience Design, Fall Dr. Lisa Anthony -- lanthony@cise.ufl.edu 11/05/
18 QUESTIONS? CIS4930/6930 User Experience Design, Fall Dr. Lisa Anthony -- 11/05/
19 High-Fidelity Prototyping HIGH-FIDELITY PROTOTYPING TOOLS AND TECHNIQUES CIS4930/6930 User Experience Design, Fall Dr. Lisa Anthony -- 11/05/
20 EFFECT OF PLATFORM Target high-fidelity to your chosen platform. CIS4930/6930 User Experience Design, Fall Dr. Lisa Anthony -- 11/05/
21 EFFECT OF PLATFORM Target high-fidelity to your chosen platform. CIS4930/6930 User Experience Design, Fall Dr. Lisa Anthony -- 11/05/
22 EFFECT OF PLATFORM Target high-fidelity to your chosen platform. CIS4930/6930 User Experience Design, Fall Dr. Lisa Anthony -- 11/05/
23 HI-FI PROTOTYPING TOOLS Axure Pro InVision PhotoShop / Gimp OmniGraffle / Visio PowerPoint / KeyNote (w/ interface libraries) CIS4930/6930 User Experience Design, Fall Dr. Lisa Anthony -- lanthony@cise.ufl.edu 11/05/
24 HI-FI PROTOTYPING TOOLS Axure Pro InVision PhotoShop / Gimp OmniGraffle / Visio What I suggest you try out (free educational licenses through this class)* PowerPoint / KeyNote (w/ interface libraries) * If your group has experience with another tool and want to use that one instead, that is fine. CIS4930/6930 User Experience Design, Fall Dr. Lisa Anthony -- lanthony@cise.ufl.edu 11/05/
25 POSSIBLE WORKFLOWS InVision + Photoshop / Gimp: 1. Create pixel-perfect screen designs in PhotoShop / Gimp 2. Export as.jpg or.png 3. Import into an InVision project 4. Define clickable regions of each screen + transitions 5. Run it in Experience mode to test it CIS4930/6930 User Experience Design, Fall Dr. Lisa Anthony -- lanthony@cise.ufl.edu 11/05/
26 POSSIBLE WORKFLOWS InVision + PowerPoint: 1. Create pixel-perfect screen designs (one per slide) in PowerPoint with the PowerPoint Prototyping Toolkit: 2. Export all slides as.jpg or.png (under Save As ) 3. Import into an InVision project 4. Define clickable regions of each screen + transitions 5. Run it in Experience mode to test it CIS4930/6930 User Experience Design, Fall Dr. Lisa Anthony -- lanthony@cise.ufl.edu 11/05/
27 POSSIBLE WORKFLOWS PowerPoint only: 1. Create pixel-perfect screen designs (one per slide) in PowerPoint with the PowerPoint Prototyping Toolkit: 2. Create hyperlink areas on each slide (use hit area on slide 15 of PPPT, or define manually) + transitions 3. Run in slideshow or kiosk mode to test it CIS4930/6930 User Experience Design, Fall Dr. Lisa Anthony -- lanthony@cise.ufl.edu 11/05/
28 POSSIBLE WORKFLOWS Axure Pro (30-day free trial available): 1. Drag and drop pixel-perfect widgets from toolbox and import your own images and graphics to make screens Download more widget libraries: 2. Define clickable regions on each screen via links 3. Export prototype as a clickable.html and run it in a browser to test it CIS4930/6930 User Experience Design, Fall Dr. Lisa Anthony -- lanthony@cise.ufl.edu 11/05/
29 INVISION + PHOTOSHOP DEMO CIS4930/6930 User Experience Design, Fall Dr. Lisa Anthony -- lanthony@cise.ufl.edu 11/05/
30 AXURE PRO DEMO CIS4930/6930 User Experience Design, Fall Dr. Lisa Anthony -- 11/05/
31 AXURE PRO DEMO CIS4930/6930 User Experience Design, Fall Dr. Lisa Anthony -- 11/05/
32 REMINDER ABOUT COMMUNICATION Prototyping, along with all other artifacts we produce during the design process, is fundamentally about enabling the design team to communicate the design among themselves and to others /11/six-tips-for-teamcommunication-in.html CIS4930/6930 User Experience Design, Fall Dr. Lisa Anthony -- 11/05/
33 WHAT SHOULD YOU PROTOTYPE? You don t have to prototype every detail of the application. What are the pieces you need the most feedback on right now (communication)? I typically pick out 5 or 6 key scenarios I want to focus on at a single time. I ll prototype only what I need to communicate the most important aspects of that concept, things that might not be explicit in the design, or transitions that have some kind of wow factor, or impact the user experience. Todd Zaki Warfel in Designing for Interaction by Saffer, p.175 Goes for lo-fi prototyping too! CIS4930/6930 User Experience Design, Fall Dr. Lisa Anthony -- lanthony@cise.ufl.edu 11/05/
34 QUESTIONS? CIS4930/6930 User Experience Design, Fall Dr. Lisa Anthony -- 11/05/
35 High-Fidelity Prototyping EVALUATING DESIGNS WITH INTERACTIVE PROTOTYPES CIS4930/6930 User Experience Design, Fall Dr. Lisa Anthony -- 11/05/
36 EVALUATING INTERACTIVE PROTOTYPES How can we evaluate an interactive prototype? CIS4930/6930 User Experience Design, Fall Dr. Lisa Anthony -- 11/05/
37 EVALUATING INTERACTIVE PROTOTYPES How can we evaluate an interactive prototype? Think alouds! CIS4930/6930 User Experience Design, Fall Dr. Lisa Anthony -- 11/05/
38 EVALUATING INTERACTIVE PROTOTYPES How can we evaluate an interactive prototype? Think alouds! We can do all the same think aloud methods we did last week for lo-fi paper prototypes. We will get feedback on: The task flow, organization, and interactions The look-and-feel and graphic design CIS4930/6930 User Experience Design, Fall Dr. Lisa Anthony -- 11/05/
39 REMINDERS ON THINK ALOUDS Most common user evaluation method throughout design process is a think aloud. Get user to do some activity or task with your design in paper prototype form. Ask them to talk aloud through their thought process. Listen and observe. Users will ask questions or make guesses: These are clues as to their internal mental model and possibly places where the design and their understanding don t match. CIS4930/6930 User Experience Design, Fall Dr. Lisa Anthony -- lanthony@cise.ufl.edu 11/05/
40 WHY THINK ALOUD? While users are doing the activity, ask them to talk aloud their thought process. Why talk aloud? Why not just observe? CIS4930/6930 User Experience Design, Fall Dr. Lisa Anthony -- 11/05/
41 WHY THINK ALOUD? While users are doing the activity, ask them to talk aloud their thought process. Why talk aloud? Why not just observe? You will see what they do but not why they do it. from Greenberg et al, Sketching User Experiences: The Workbook, p.239 CIS4930/6930 User Experience Design, Fall Dr. Lisa Anthony -- 11/05/
42 OTHER NOTES ABOUT THINK ALOUDS See last week s slides for: Team for a think aloud Session outline for a think aloud How to introduce the method / session Three types of think alouds Key is still to establish a partnership between you and the user: they are helping you by finding flaws! CIS4930/6930 User Experience Design, Fall Dr. Lisa Anthony -- lanthony@cise.ufl.edu 11/05/
43 QUESTIONS? CIS4930/6930 User Experience Design, Fall Dr. Lisa Anthony -- 11/05/
44 BREAK! CIS4930/6930 User Experience Design, Fall Dr. Lisa Anthony -- 11/05/
45 High-Fidelity Prototyping IN-CLASS ACTIVITY: INVISION REMOTE DEMO CIS4930/6930 User Experience Design, Fall Dr. Lisa Anthony -- 11/05/
46 QUESTIONS? CIS4930/6930 User Experience Design, Fall Dr. Lisa Anthony -- 11/05/
47 TAKE-AWAY POINTS High-fidelity prototyping differs from low-fidelity prototyping; it includes full-color graphics, real text, real labels, etc. You should not move on to high-fidelity prototyping until you ve designed every detail of the task flow and overall concept via low-fidelity prototyping. Fidelity and interactivity of your prototypes are two independent factors about prototyping you can have either one or the other or both. Interactive prototypes involve making clickable regions in your screen designs so users can give feedback on the interactions as you designed them. CIS4930/6930 User Experience Design, Fall Dr. Lisa Anthony -- 11/05/
48 FOR NEXT TIME Slides will be posted after class. Readings through Week 16 (end of semester) are already posted on Canvas, or links are given on the website. Several weeks have no readings planned. Finish your discussion posts for Week 11 on Canvas. Posts can cover classroom topics or reading topics or both. Due: 11:59pm Sunday November 8 th. Grad students post facilitating questions for Week 12 (instructor/tas will comment Monday). Keep going on Project #3. You should be in the midst of task flow and wireframe design. Post questions about the assignment on Canvas. Next time: in-class working session for Project #3! Last one before mid-point! CIS4930/6930 User Experience Design, Fall Dr. Lisa Anthony -- lanthony@cise.ufl.edu 11/05/
49 RESOURCES PowerPoint Prototype Toolkit: InVision + PhotoShop demo video: Axure Pro Demo videos: CIS4930/6930 User Experience Design, Fall Dr. Lisa Anthony -- lanthony@cise.ufl.edu 11/05/
50 END CIS4930/6930 User Experience Design, Fall Dr. Lisa Anthony -- 11/05/
Seng310 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 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 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 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 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 informationCMSC434. 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 informationCS 350 COMPUTER/HUMAN INTERACTION
CS 350 COMPUTER/HUMAN INTERACTION Lecture 19 Includes selected slides from the companion website for Hartson & Pyla, The UX Book, 2012. MKP, All rights reserved. Used with permission. Notes Reminder: C#
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 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 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 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 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 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 informationLecture 16. Will spend Thursday setting up group projects No exams. 10% added to in-class/homework. 10% added to final group project.
Lecture 16 Will spend Thursday setting up group projects No exams. 10% added to in-class/homework. 10% added to final group project. 1 Outline Chapter 9 Design iterations Intermediate design Detailed design
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 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 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 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 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 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 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 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 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 informationThe Content Tool. What are Learning Modules? 2. Accessing the Content Tool 2. About the Content Tool 2. Course Overview Area 2.
The Content Tool What are Learning Modules? 2 Accessing the Content Tool 2 About the Content Tool 2 Course Overview Area 2 Bookmarks Area 3 Upcoming Events 3 Table of Contents Area 4 Module List 5 Creating
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 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 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 informationInDesign UX Design Patterns. by Justin Putney
InDesign UX Design Patterns by Justin Putney InDesign UX Design Patterns Hi, I m Justin Putney, Owner of Ajar Productions. Thanks for downloading this guide! It s full of ways to create interactive user
More informationThe LUCID Design Framework (Logical User Centered Interaction Design)
The LUCID Design Framework (Logical User Centered Interaction Design) developed by Cognetics Corporation LUCID Logical User Centered Interaction Design began as a way of describing the approach to interface
More informationUX and Fresh Thinking
UX and Fresh Thinking About me As for my profile, I am an experienced Front, UX, UI and web designer with more than 10 years experience on web projects. I have a strong design background experience from
More informationA short introduction to. designing user-friendly interfaces
A short introduction to designing user-friendly interfaces Usability is often ignored until it becomes a problem Introduction This booklet is about Usability and User Experience design. It is aimed at
More informationCourse 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 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 informationINTRODUCTION TO GRAPHIC DESIGN FOR WEB AND PRINT (INTENSIVE) COURSE ID: GD0086
NEW THIS SEMESTER: INTENSIVE COURSES! THE TYPICALLY 12 - WEEK VERSIONS HAVE BEEN CONDENSED TO SIX-WEEK COURSES MEETING SEMI-WEEKLY. SO NOW YOU CAN KICK - START YOUR NEW YEAR WITH AN INTENSIVE BURST OF
More informationinteraction design Thanks to JoEllen Kames
1 interaction design Thanks to JoEllen Kames Motorola Mobility Consumer experience Design for presenting earlier versions of these slides in our on-campus version of this course before we start a word
More informationPaper Prototyping. Paper Prototyping. Jim Ross. Senior UX Architect, Flickr: CannedTuna
Paper Prototyping Paper Prototyping Jim Ross Senior UX Architect, Infragistics jross@infragistics.com @anotheruxguy Flickr: CannedTuna Paper Prototyping Jim Ross Senior UX Architect, Infragistics jross@infragistics.com
More informationThe Experience of Prototyping. Jennifer Kalz, CBAP, CUA, CSM March 28, 2017
The Experience of Prototyping Jennifer Kalz, CBAP, CUA, CSM March 28, 2017 Agenda Core Concept Model Overview and Benefits of the Technique Fidelity of a Prototype Best Practices with the Technique Usability
More informationMobile & More: Preparing for the Latest Design Trends
February 26, 2015 Mobile & More: Preparing for the Latest Design Trends LATEST TRENDS Responsive Takes Over Material Is the New Flat Hero Images Getting Bigger Interactions Are Micro Video in the Background
More informationUX / 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 informationUX, 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 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 informationAPPLICATION DEVELOPMENT CHALLENGE
APPLICATION DEVELOPMENT CHALLENGE 19-22 June 2017 POWERFUL PROTOTYPES, WITHOUT CODING Create simple click-through diagrams or highly functional, rich prototypes with conditional logic, dynamic content,
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 informationDescribe the benefits of incorporating design methodologies on projects for increased customer alignment and business impact.
SESSION OBJECTIVES Describe the benefits of incorporating design methodologies on projects for increased customer alignment and business impact. Identify and apply Design Thinking techniques for improving
More informationOpen and respond to this poll: PollEv.com/comp110. Calling Methods Mr. Roboto
Open and respond to this poll: PollEv.com/comp110 Lecture 1 Calling Methods Mr. Roboto Fall 2016 Special thanks to Dr. Andy van Dam, my grad school advisor, and Brown s CS15 course for this fantastic method
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 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 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 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 informationCreating an Intranet using Lotus Web Content Management. Part 2 Project Planning
Creating an Intranet using Lotus Web Content Management Introduction Part 2 Project Planning Many projects have failed due to poor project planning. The following article gives an overview of the typical
More informationA Proposal for Work. Getting To Know Us. Proposed Project Timeline. Project Goals Discussion Week 1
A Proposal for Work SENT: Friday, August 6, 2010 FROM: Chris Brauckmuller (Flourish Interactive) TO: Bryan Pieper (WCI Communities) Getting To Know Us Our development philosophy has two facets, one forget
More informationIt s possible to get your inbox to zero and keep it there, even if you get hundreds of s a day.
It s possible to get your email inbox to zero and keep it there, even if you get hundreds of emails a day. It s not super complicated, though it does take effort and discipline. Many people simply need
More informationSWEN 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 informationIt would be interesting to determine the number of great ideas that
Introducing Google SketchUp It would be interesting to determine the number of great ideas that started out as rough sketches on a restaurant napkin. If you ve ever had a brilliant idea, you know that
More informationCurrent Trends in Prototyping Tools
Current Trends in Prototyping Tools Good Day! I am Beth Cataldo I teach user experience, web production and social media in the Visual Media Design Department at City College of San Francisco. You can
More informationAssignment 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 informationLiferay Fundamentals Course Overview
Liferay Fundamentals Course Overview LIFERAY Training Liferay Fundamentals Course Overview Liferay Fundamentals is recommended for all audiences before taking any other training course. Target Audience
More informationSetup Mount the //geobase/geo4315 server and add a new Lab2 folder in your user folder.
L AB 2 L AB M2 ICROSOFT E XCEL O FFICE W ORD, E XCEL & POWERP OINT XCEL & P For this lab, you will practice importing datasets into an Excel worksheet using different types of formatting. First, you will
More informationCreate Dashboards that People Love
Create Dashboards that People Love Introducing Splunk Dashboard Design Guidelines Iryna Vogler User Experience Design September 26, 2017 Washington, DC Forward-Looking Statements During the course of this
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 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 informationAgile Software Development Agile UX Work. Kati Kuusinen TUT / Pervasive / IHTE
Agile Software Development Agile UX Work Kati Kuusinen Researcher @ TUT / Pervasive / IHTE kati.kuusinen@tut.fi Contents 1. Introduction / Motivation 2. Agile software development 3. User experience work
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 informationSkillSwap. A community of learners and teachers
Team: Jacob Yu Villa, Dana Murphy, Tuan Tran SkillSwap A community of learners and teachers Problem During our needfinding process, we found that many people felt discouraged about learning due to the
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 informationWEBINARS FOR PROFIT. Contents
Contents Introduction:... 3 Putting Your Presentation Together... 5 The Back-End Offer They Can t Refuse... 8 Pick One Target Audience per Webinar... 10 Automate Your Webinar Sessions... 12 Introduction:
More informationGood afternoon and thank you for being at the webinar on accessible PowerPoint presentations. This is Dr. Zayira Jordan web accessibility coordinator
Good afternoon and thank you for being at the webinar on accessible PowerPoint presentations. This is Dr. Zayira Jordan web accessibility coordinator at Iowa State and this is the topic for this week s
More information#12 - The art of UI prototyping
1 of 5 1/30/2007 12:02 PM #12 - The art of UI prototyping By Scott Berkun, November 2000 Even the brightest people make mistakes. This is especially true for teams of people. Somehow, as a project moves
More informationINTERFACE FOUNDATIONS OF WEB DEVELOPMENT
INTERFACE FOUNDATIONS OF WEB DEVELOPMENT FOUNDATIONS OF WEB DEVELOPMENT SYLLABUS Course Description Foundations of Web Development is a 10-week, part-time course where students learn the basic concepts
More informationhttps://mymasonportal.gmu.edu/webapps/blackboard/content/li : EDIT-571-5T1 (Fall 2011) Syllabus Edit Mode is: OFF
201170.74176: EDIT-571-5T1 (Fall 2011) Syllabus Edit Mode is: OFF Syllabus. Print This Module EDIT571-5T1 Adobe Creative Design Suite for Instructional Design Credits 2 Online August 29 November 4 Instructor:
More informationUser Interface Software Projects
User Interface Software Projects Assoc. Professor Donald J. Patterson INF 134 Winter 2013 The author of this work license copyright to it according to the Creative Commons Attribution-Noncommercial-Share
More informationCS -213 Human Computer Interaction Spring Prototyping. Imran Ihsan. Assistant Professor (CS) Air University, Islamabad
CS -213 Human Computer Interaction Spring 2015 07 Prototyping Imran Ihsan Assistant Professor (CS) Air University, Islamabad www.imranihsan.com www.opuseven.com opuseven iimranihsan imranihsan iimranihsan
More informationD2L vs. Canvas Mobile Experience
Preface Keegan Long-Wheeler D2L vs. Canvas Mobile Experience This document highlights and compares the mobile experiences of using D2L and Canvas. The mobile experience was evaluated using an ipad on ios
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 informationUSER EXPERIENCE DESIGN IMMERSIVE GA.CO/UXDI
General Assembly Course Curriculum USER EXPERIENCE DESIGN IMMERSIVE User Experience Design Immersive Table of Contents 3 Overview 5 Students 6 Projects Frequently 8 Asked Questions 10 Contact Information
More informationUp and Running Software The Development Process
Up and Running Software The Development Process Success Determination, Adaptative Processes, and a Baseline Approach About This Document: Thank you for requesting more information about Up and Running
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 information3 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 informationEssay & Assignment Preparation using MindGenius
Essay & Assignment Preparation using MindGenius This workshop is aimed at those of you who struggle gathering and sorting information when beginning to write an essay. Using MindGenius you can plan essays
More informationFRONT USER GUIDE Getting Started with Front
USER GUIDE USER GUIDE Getting Started with Front ESSENTIALS Teams That Use Front How To Roll Out Front Quick Start Productivity Tips Downloading Front Adding Your Team Inbox Add Your Own Work Email Update
More informationFirstname 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 informationAdobe 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 informationUSER EXPERIENCE DESIGN GA.CO/UXD
General Assembly Course Curriculum USER EXPERIENCE DESIGN User Experience Design Table of Contents 3 Overview 4 Students 5 Curriculum Projects & Units 11 Frequently Asked Questions 12 Contact Information
More informationUser Experience. 10 Principles to Ensure a Great. on your Website. Issue 3. An Appnovation Digital ebook
Issue 3 10 Principles to Ensure a Great User Experience on your Website An Appnovation Digital ebook 10 Principles to Ensure a Great User Experience on your Website www.appnovation.com P.1 Thank you for
More informationHow to Get Your Inbox to Zero Every Day
How to Get Your Inbox to Zero Every Day MATT PERMAN WHATSBESTNEXT.COM It s possible to get your email inbox to zero and keep it there, even if you get hundreds of emails a day. It s not super complicated,
More informationHOSTING A WEBINAR BEST PRACTICE GUIDE
HOSTING A WEBINAR BEST PRACTICE GUIDE Summary Short for web based seminars, webinars are online methods of communication which are transmitted over the internet and aimed to reach large audiences. A key
More informationSWEN 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 informationshare accomplish and from virtually anywhere.
accomplish and share from virtually anywhere. Teaching and learning have moved beyond the classroom. Microsoft Office Web Apps give faculty and students the freedom to view, edit, and share Microsoft Office
More informationBellevue Community College Summer 2009 Interior Design 194 SPECIAL TOPIC: SKETCHUP
Class Session: TTh 6:00 pm 8:00 pm Credit Hours: Two (2) Location: A262 Door Code: 349499 (through A254) Instructor: Greg Wharton Office: by appointment Hours: by appointment or email email: gwharton@gmail.com
More informationChris Taylor Interaction Design Lead Home Office
Chris Taylor Interaction Design Lead Home Office 06 Designing simpler services Good design is often about removing complexity Complexity costs users and government time and money Removing complexity is
More informationFlow. Streamlining your creative process so you can pursue your passions. Hi-Fidelity Prototype Report
Flow Streamlining your creative process so you can pursue your passions. Problem and Solution Overview: Hi-Fidelity Prototype Report Genie Hyatt: Team Leader and Documentation Trijeet Mukhopadhyay: Designer
More informationMidterm Exam, October 24th, 2000 Tuesday, October 24th, Human-Computer Interaction IT 113, 2 credits First trimester, both modules 2000/2001
257 Midterm Exam, October 24th, 2000 258 257 Midterm Exam, October 24th, 2000 Tuesday, October 24th, 2000 Course Web page: http://www.cs.uni sb.de/users/jameson/hci Human-Computer Interaction IT 113, 2
More informationStrategy Conceptual Design
Strategy Conceptual Design Strategy Research Communications Planning Architecture Blueprints Wireframes Design sketches Content Map Strategy A good web strategy fits in with the overall business [or communications]
More informationDESIGN PROCESS: REDESIGNING THE 2014 [REDACTED] CONFERENCE APP FOR 2015
DESIGN PROCESS: REDESIGNING THE 2014 [REDACTED] CONFERENCE APP FOR 2015 Preface: The 2014 [REDACTED] Conference application is no longer available in the App Store. The 2015 [REDACTED] Conference App is
More informationHTML/CSS Lesson Plans
HTML/CSS Lesson Plans Course Outline 8 lessons x 1 hour Class size: 15-25 students Age: 10-12 years Requirements Computer for each student (or pair) and a classroom projector Pencil and paper Internet
More informationCanvas Multiple-column Integration with iclicker Cloud
Instructor Guide: Canvas Multiple-column Integration with iclicker Cloud Version 2.0-12.12.2017 Table of Contents 1. Confirm that the Macmillan App is available in your Canvas course 2. Sign In and pair
More informationCOMPUTER COURSE OFFERINGS
COMPUTER COURSE OFFERINGS IPAD AND IPHONE... 2 IPAD BASICS... 2 IPHONE BASICS... 2 KEYNOTE PRESENTATION BASICS... 2 MICROSOFT COURSES... 3 INTRODUCTION TO PERSONAL COMPUTERS: USING MICROSOFT WINDOWS 8...
More informationWelcome to CS6452! Keith Edwards
Welcome to CS6452! Keith Edwards keith@cc.gatech.edu Introductions! Name What program Why this class? Some Preliminaries Nuts and Bolts This is the second required class in the HCC Ph.D. program Designed
More information