Fall2016.CSCI380 History

Hide minor edits - Show changes to markup

Added lines 91-95:
  1. Card Sorting
    • Card sorting is a relatively low-tech technique in UX design for using a group of subject experts or users to generate a taxonomy or hiearchical strucure of concepts or items. It is very useful for designing information architecture, workflows, menu structure, or website navigation paths.
    • Card sorting: a definitive guide - Card sorting is a technique that many information architects (and related professionals.) use as an input to the structure of a site or product.
    • Card sorting is a method used to help design or evaluate the information architecture of a site. In a card sorting session, participants organize topics into categories that make sense to them. They may also help you label these groups. To conduct a card sort, you can use actual cards, pieces of paper (and possibly software).
Changed line 20 from:
  • Test 2: TBA
to:
  • Test 2: Wednesday, Dec. 7, 2016
Added line 54:
  • What are personas and why should I care? - a quick intro from the Nielsen Norman Group.
Changed line 31 from:
  1. Designers are not users, by Jakob Nielsen, principal of Nielsen Norman Group.
to:
  1. Designers are not users by Jakob Nielsen, principal of Nielsen Norman Group.
Added lines 30-31:
  1. Designers are not users, by Jakob Nielsen, principal of Nielsen Norman Group.
Changed line 87 from:
  • An even deeper introduction to GOMS models for quantitatively predicting human performance on an interface design - focuses on notation and how to construct them.
to:
  • An even deeper introduction to GOMS for quantitatively predicting human performance on an interface design - focuses on notation and how to construct them.
Changed line 84 from:
  • 'GOMS and Keyboard-Level Model (KLM) are modeling techniques used in interactive systems to analyze complexity in user interaction.
to:
  • GOMS and Keyboard-Level Model (KLM) are modeling techniques used in interactive systems to analyze complexity in user interaction.
Changed line 84 from:
  • ''http://www.cs.umd.edu/class/fall2002/cmsc838s/tichi/printer/goms.html | GOMS and Keyboard-Level Model (KLM)]] are modeling techniques used in interactive systems to analyze complexity in user interaction.
to:
  • 'GOMS and Keyboard-Level Model (KLM) are modeling techniques used in interactive systems to analyze complexity in user interaction.
Added lines 81-87:
  1. GOMS and Keyboard-Level Model
    • GOMS and KLM on WIkipedia.
    • ''http://www.cs.umd.edu/class/fall2002/cmsc838s/tichi/printer/goms.html | GOMS and Keyboard-Level Model (KLM)]] are modeling techniques used in interactive systems to analyze complexity in user interaction.
    • Using the Keystroke-Level Model to estimate execution times.
    • A deeper introduction to GOMS with a psychology basis.
    • An even deeper introduction to GOMS models for quantitatively predicting human performance on an interface design - focuses on notation and how to construct them.
Changed line 79 from:
  • The 7 Best Prototyping Tools for UI and UX Designers in 2016 - there are manny prototyping tools available. Choosing the right tool maximizes efficiency and minimizes effort. How to pick depends on Learning Curve, Type of UI project (website, mobile app, desktop app, other, all?), Fidelity (low (sketch, wireframe), high (flow and interaction), Sharing (collaboration with teammates, users), Professional Skills (expert / newbie, programming required, visual design needed), 6. Cost (free, or how much).
to:
  • The 7 Best Prototyping Tools for UI and UX Designers in 2016 - choosing the right prototyping tool will maximize efficiency while minimizing effort (choosing the wrong tool will waste your time, in the long term). Get to know a tool, before selecting it. Things to consider are: learning curve, type of UI (website, mobile app, desktop app, other, all), fidelity (low (sketch, wireframe), high (flow, interaction)), sharing (collaboration with teammates, users), skills required (easy, hard, programming required, visual design required), and cost (free, or how much).
Added lines 77-80:
  1. UX/UI Prototyping Tools
    • The 7 Best Prototyping Tools for UI and UX Designers in 2016 - there are manny prototyping tools available. Choosing the right tool maximizes efficiency and minimizes effort. How to pick depends on Learning Curve, Type of UI project (website, mobile app, desktop app, other, all?), Fidelity (low (sketch, wireframe), high (flow and interaction), Sharing (collaboration with teammates, users), Professional Skills (expert / newbie, programming required, visual design needed), 6. Cost (free, or how much).
    • How to choose the right UX prototyping tool - important thoughts on choosing the right tool for rapid prototyping of UIs.
Added line 74:
  • Paper Prototyping As A Usability Testing Technique - This article defines paper prototyping and explains how this technique can be used for usability testing. It is written mostly in bullet form to serve as a quick reference.
Deleted line 65:
  • How to perfect your UX with persona scenarios
Changed lines 51-53 from:
  1. User personas - a user persona is a specific, imaginary example representing a set of real users - its an abstraction. As an abstraction, it focuses on the essentials, while abstracting away the unessentials.
to:
  1. User personas
    • User personas - a user persona is a specific, imaginary example representing a set of real users - its an abstraction. As an abstraction, it focuses on the essentials, while abstracting away the unessentials.
    • Getting the most out of personas - personas are great, but they are all too often under utilized, or worse misused. Find out some tips for creating and using your personas, so that you can get the most out of them.
Changed lines 55-64 from:
  • Also see creating negative personas - how to plan for failure and user frustration.
  1. Conceptual models in a nutshell - explains conceptual models and describes why its best to develop the conceptual model of a system before its user interface.
  2. User scenarios are the stories that your personas act out. Basically, user scenarios are thought exercises (though represented visually) in which you predict how certain types of users — represented by your personas — will interact with your UI in a given situation in order to complete a given goal.
  3. Mayhew's Usability Engineering Lifecycle.
  4. Scrum is a software development which incorporates all other development processes. It is agile and revolves around a theme of identify, implement, evaluate. It cuts through complexity to focus on building software that meets needs incrementally and empirically. Also see Scrum guide for term definitions (e.g., Sprint, Sprint Planning, Daily Scrum, Sprint Review, Product Backlog, etc.)
to:
  • Creating negative personas - how to plan for failure and user frustration.
  1. Conceptual Models
    • Conceptual models in a nutshell - explains conceptual models and describes why its best to develop the conceptual model of a system before its user interface.
  2. UI lifecycle
    • Mayhew's Usability Engineering Lifecycle.
    • # Scrum is a development process which incorporates all other development processes. It is agile and revolves around a theme of identify, implement, evaluate. It cuts through complexity to focus on building software that meets needs incrementally and empirically. Also see Scrum guide for term definitions (e.g., Sprint, Sprint Planning, Daily Scrum, Sprint Review, Product Backlog, etc.)
  3. User scenarios
    • User scenarios are the stories that your personas act out. Basically, user scenarios are thought exercises (though represented visually) in which you predict how certain types of users — represented by your personas — will interact with your UI in a given situation in order to complete a given goal.
    • How to perfect your UX with persona scenarios
    • Scenarios (from usability.gov).
  4. Use Cases
    • Use cases are written descriptions of how users will perform tasks on your system. Each use case outlines, from a user’s point of view, a system’s behavior as it responds to a request. Each use case is represented as a sequence of simple steps, beginning with a user's goal and ending when that goal is fulfilled.
  5. Paper prototypes
    • Snyder, C. (2001) Paper prototyping. IBM developerWorks.
    • Nielsen, J. (2003) Paper Prototyping: Getting User Data Before You Code.
    • 7 myths about paper prototyping - paper prototyping is probably the best tool we have to design great user experiences. It allows you to involve users early in the design process, shows you how people will use your system before you've written any code, and supports iterative design.
    • Also see Paper prototyping helper kit.
Deleted lines 84-85:
  1. Mayhew's Usability Engineering Lifecycle - and a photograph of it.
Deleted lines 86-91:
  1. Jacob Nielsen's usability pointers
    • Usability 101 -- How to define usability? How, when, and where can you improve it? Why should you care? This overview answers these basic questions.
    • Ten Usability Heuristics -- Ten general principles for user interface design.
      • Also see tips for designing Web Interfaces.
    • Progressive disclosure defers advanced or rarely used features to a secondary screen, making applications easier to learn and less error-prone, whereas staged disclosure provides a linear sequence of options, with a subset displayed at each step. Both are strategies to manage the profusion of features and options in modern user interfaces.
Deleted lines 87-90:
  1. Paper prototypes
    • Snyder, C. (2001) Paper prototyping. IBM developerWorks.
    • Nielsen, J. (2003) Paper Prototyping: Getting User Data Before You Code.
Added lines 56-57:
  1. User scenarios are the stories that your personas act out. Basically, user scenarios are thought exercises (though represented visually) in which you predict how certain types of users — represented by your personas — will interact with your UI in a given situation in order to complete a given goal.
Added line 52:
  • User personas - finding imaginary friends for UI designers.
Added lines 57-58:
  1. Scrum is a software development which incorporates all other development processes. It is agile and revolves around a theme of identify, implement, evaluate. It cuts through complexity to focus on building software that meets needs incrementally and empirically. Also see Scrum guide for term definitions (e.g., Sprint, Sprint Planning, Daily Scrum, Sprint Review, Product Backlog, etc.)
Changed line 19 from:
  • Test 1: Wednesday, Oct. 12, 2016
to:
  • Test 1: Wednesday, Oct. 19, 2016
Changed line 21 from:
  • Final: 12-3pm, Wednesday, Dec. 7, 2016
to:
  • Final: 10:30am-12:30pm, Monday, Dec. 12, 2016
Changed line 19 from:
  • Test 1: Wednesday, Oct. 5, 2016
to:
  • Test 1: Wednesday, Oct. 12, 2016
Changed lines 51-54 from:
  1. Conceptual Models in a Nutshell - explains conceptual models and describes why its best to develop the conceptual model of a system before its user interface.
to:
  1. User personas - a user persona is a specific, imaginary example representing a set of real users - its an abstraction. As an abstraction, it focuses on the essentials, while abstracting away the unessentials.
    • Also see creating negative personas - how to plan for failure and user frustration.
  2. Conceptual models in a nutshell - explains conceptual models and describes why its best to develop the conceptual model of a system before its user interface.
Added lines 50-53:
  1. Conceptual Models in a Nutshell - explains conceptual models and describes why its best to develop the conceptual model of a system before its user interface.
  2. Mayhew's Usability Engineering Lifecycle.
Changed line 19 from:
  • Test 1: Wednesday, Oct 5, 2016
to:
  • Test 1: Wednesday, Oct. 5, 2016
Changed line 21 from:
  • Final: 12-3pm, Wednesday, Dec 7, 2016
to:
  • Final: 12-3pm, Wednesday, Dec. 7, 2016
Changed line 19 from:
  • Test 1: TBA
to:
  • Test 1: Wednesday, Oct 5, 2016
Changed line 48 from:
  • NIME 2016 keynote lecture by Garth Paine - over the last two decades, the NIME community has seen an explosion of innovative and inspired ideas around the development of new musical interfaces. This lecture provides an overview of the field and important issues that emerge again and again, which may inform UI development in general.
to:
  1. NIME 2016 keynote lecture by Garth Paine - over the last two decades, the NIME community has seen an explosion of innovative and inspired ideas around the development of new musical interfaces. This lecture provides an overview of the field and important issues that emerge again and again, which may inform UI development in general.
Changed lines 42-43 from:
  • See, Silicon Valley HBO excerpt - the Pied Piper Platform Usability Test - "Totally Freaked Out" scene.
to:
  • How to talk to users during a usability test - "Echo. Boomerang. Columbo."
  • Silicon Valley HBO excerpt - the Pied Piper Platform Usability Test - "Totally Freaked Out" scene.
Added lines 46-48:
  • NIME 2016 keynote lecture by Garth Paine - over the last two decades, the NIME community has seen an explosion of innovative and inspired ideas around the development of new musical interfaces. This lecture provides an overview of the field and important issues that emerge again and again, which may inform UI development in general.
    • Also, here are photos of the lecture slides (since the video is a little grainy).
Changed line 27 from:
to:
Added lines 38-46:
  1. The evolution of the desk - a thought-provoking, historically-accurate (almost) progression.
  2. Jacob Nielsen's usability pointers
    • Usability 101 -- How to define usability? How, when, and where can you improve it? Why should you care? This overview answers these basic questions.
    • See, Silicon Valley HBO excerpt - the Pied Piper Platform Usability Test - "Totally Freaked Out" scene.
    • Ten Usability Heuristics -- Ten general principles for user interface design.
      • Also see tips for designing Web Interfaces.
    • Progressive disclosure defers advanced or rarely used features to a secondary screen, making applications easier to learn and less error-prone, whereas staged disclosure provides a linear sequence of options, with a subset displayed at each step. Both are strategies to manage the profusion of features and options in modern user interfaces.
Deleted lines 47-48:
  1. The evolution of the desk - a thought-provoking, historically-accurate (almost), animated GIF.
Changed line 31 from:
  1. Heuristic evaluation involves having a small set of evaluators examine the interface and judge its compliance with recognized usability principles (the "heuristics"). See How to Conduct a Heuristic Evaluation, Usability.gov's Heuristic Evaluations and Expert Reviews, and Nielsen Norman Group's Heuristic evaluation.
to:
  1. Heuristic evaluation involves having a small set of evaluators examine the interface and judge its compliance with recognized usability principles (the "heuristics"). See How to Conduct a Heuristic Evaluation, Usability.gov's Heuristic Evaluations and Expert Reviews, and Nielsen Norman Group's Heuristic Evaluation.
Deleted line 31:
Added lines 30-37:
  1. Heuristic evaluation involves having a small set of evaluators examine the interface and judge its compliance with recognized usability principles (the "heuristics"). See How to Conduct a Heuristic Evaluation, Usability.gov's Heuristic Evaluations and Expert Reviews, and Nielsen Norman Group's Heuristic evaluation.
    • here are some of the most commonly used heuristics:
      • Jakob Nielsen's "10 Usability Heuristics for User Interface Design"
      • Arnie Lund's "Expert Ratings of Usability Maxims"
      • Bruce Tognazzini's "First Principles of Interaction Design"
      • Ben Shneiderman's "Eight Golden Rules of Interface Design".
Changed line 27 from:

TBA

to:
Deleted lines 52-55:
  1. Pat Metheny's Orchestrion project is a new, open-ended platform for musical composition, improvisation and performance. It uses acoustic and acoustoelectric musical instruments that are mechanically controlled through a guitar, pen or keyboard. This creates a detailed compositional environment, which allows spontaneously developed improvisation. On top of layers of acoustic sound, Pat Metheny adds conventional electric guitar playing as an improvised component - a new level for solo performance by a single musician.
  2. Yahoo! Design Pattern Library
Changed lines 63-65 from:
  1. Color Scheme Designer and for user interfaces.
to:
  1. Color Scheme Designer and for user interfaces.
Added lines 31-32:
  1. Usability.gov - the U.S. Department of Health & Human Services website on all-things related to building useable products.
Deleted lines 59-60:
  1. An introduction to pair programming. This 9-minute video describes what pair programming is, the do's and don'ts of effective pairing, and the pros and cons of pair programming.
Changed lines 66-68 from:
  1. Color scheme designer for user interfaces.
to:
  1. Color Scheme Designer and for user interfaces.
Changed lines 19-22 from:
  • Test 1: Wednesday, Oct 21
  • Test 2: Monday, Dec 7
  • Final: 12-3pm, Friday, Dec 11, 2015
to:
  • Test 1: TBA
  • Test 2: TBA
  • Final: 12-3pm, Wednesday, Dec 7, 2016
Changed lines 25-27 from:
to:
Added lines 1-64:

CSCI 380 – User Interface Development

When/Where

MWF 12:30pm-1:20pm / HWW 211

Description

Introduction to human-computer interaction and user interface development. Topics include human factors of interactive software, interactive styles, design principles and considerations, development methods and tools, interface quality, and evaluation methods. Stresses the importance of good interfaces and the relationship of user interface design to human-computer interaction.

Prerequisites:

  1. CSCI 221 with a grade of C- or better.
  2. MATH 207 (co-requisite or prerequisite).

Test Dates

  • Test 1: Wednesday, Oct 21
  • Test 2: Monday, Dec 7
  • Final: 12-3pm, Friday, Dec 11, 2015

Assignments

Readings & References

  1. The evolution of the desk - a thought-provoking, historically-accurate (almost), animated GIF.
  2. Apple Watch "fails to excite" and is "a bit underwhelming" say designers - In April, Apple courted the design world by presenting the Apple Watch at a pavilion in Milan and holding a glamorous dinner for leading designers. So what do designers think of the product now – and why are so few of them wearing it?
    • Also see Apple and Hermès unveil Apple Watch collection with handcrafted leather straps - The Apple Watch Hermès Collection marks the first time Apple has released a watch in partnership with another brand and reinforces Apple’s desire to position its smartwatch as a luxury product rather than a gadget.
  3. An introduction to pair programming. This 9-minute video describes what pair programming is, the do's and don'ts of effective pairing, and the pros and cons of pair programming.
  4. Mayhew's Usability Engineering Lifecycle - and a photograph of it.
  5. Lewis, C. and Rieman, J. (1994), Task-Centered User Interface Design - A Practical Introduction.
  6. Jacob Nielsen's usability pointers
    • Usability 101 -- How to define usability? How, when, and where can you improve it? Why should you care? This overview answers these basic questions.
    • Ten Usability Heuristics -- Ten general principles for user interface design.
      • Also see tips for designing Web Interfaces.
    • Progressive disclosure defers advanced or rarely used features to a secondary screen, making applications easier to learn and less error-prone, whereas staged disclosure provides a linear sequence of options, with a subset displayed at each step. Both are strategies to manage the profusion of features and options in modern user interfaces.
  7. Critchley, S., "Designing Musical Instruments for Flow", O'Reilly Digital Media, December 29, 2004. (If you ask musicians what they value most about making music, most of them will say — in some form or another — flow. Flow is that wonderful sense of being lost in your work, when "work" becomes joy. Time disappears, and so do distraction, anxiety, and just about everything else, yielding to a pure unity of creator and creation. So wouldn't it be strange if many of today's musical instruments were designed to prevent or destroy flow?)
  8. Pat Metheny's Orchestrion project is a new, open-ended platform for musical composition, improvisation and performance. It uses acoustic and acoustoelectric musical instruments that are mechanically controlled through a guitar, pen or keyboard. This creates a detailed compositional environment, which allows spontaneously developed improvisation. On top of layers of acoustic sound, Pat Metheny adds conventional electric guitar playing as an improvised component - a new level for solo performance by a single musician.
  9. Yahoo! Design Pattern Library
  10. Paper prototypes
    • Snyder, C. (2001) Paper prototyping. IBM developerWorks.
    • Nielsen, J. (2003) Paper Prototyping: Getting User Data Before You Code.
  11. An introduction to pair programming. This 9-minute video describes what pair programming is, the do's and don'ts of effective pairing, and the pros and cons of pair programming.
  12. Intro to Python
    • Magnus Lie Hetland, Instant Hacking in Python (for non-programmers) and Instant Python (for programmers).
    • John Zelle, Teaching Computer Science with Python transparencies: one slide per page and four slides per page (PDF).
  13. jythonMusic provides software for music-making and creative computing. It is a collection of Jython libraries for music, images, graphical user interfaces (GUIs), and connecting to external MIDI devices, smartphones, and tablets, among others.
  14. Color scheme designer for user interfaces.