Brought to you by robert chen, jacky springer, jonathan piltz CSE 3461 User Interfaces Barbarian.

Slides:



Advertisements
Similar presentations
Operating-System Structures
Advertisements

Human Capabilities: Mental Models CS352. Announcements Notice upcoming due dates (web page). Where we are in PRICPE: –Predispositions: Did this in Project.
Annoy Your Users Less Session 202 Philip Wolfe, Lead Developer Farm Credit Services of America.
CISB213 Human Computer Interaction Design Principles
3 levels Basic User Tasks Intermediate User Tasks Advanced User Tasks.
SIMS 213: User Interface Design & Development Marti Hearst Thurs, Feb 10, 2005.
Design of Everyday Things
Semester wrap-up …my final slides.. More on HCI Class on Ubiquitous Computing next spring Courses in visualization, virtual reality, gaming, etc. where.
CSE491 Human-Computer Interaction Eileen Kraemer 8/28/07.
32 1 What Makes a GUI Good? Sus Lundgren Just To Clarify GUI = Graphic User Interface So what makes a GUI good? –That you can intuitively understand.
SIMS 213: User Interface Design & Development Marti Hearst Tues, Feb 10, 2004.
Interactive Piano Teacher Design Review Ted, Abe, Michael, Chris, Tina, May.
Design of Everyday Things Don Norman on Design & HCI.
Introduction to HCI Marti Hearst (UCB SIMS) SIMS 213, UI Design & Development January 21, 1999.
© 2000 Franz Kurfess Cognitive Models 1. © 2000 Franz Kurfess Cognitive Models 2 Norman’s Cognitive Model [ Seffah ]
SIMS 213: User Interface Design & Development Marti Hearst Tues, Feb 11, 2003.
How to turn on the robot How to start Bluetooth How to connect to robot How to initialize the robot How to not break the robot Sec Getting Started.
 At the end of this class, students are able to  Describe definition of input devices clearly  List out the examples of input devices  Describe.
CS 352, W12 Eric Happe, Daniel Sills, Daniel Thornton, Marcos Zavala, Ben Zoon ANDROID/IOS RPG GAME UI.
Operating Systems Chapter 4.
History of the GUI 1984 to the present day. History of computing Originally a deck of punch cards had to be submitted and batch processed in order to.
Ch 26 & 27 User Interfaces.
People: Usability IS 101Y/CMSC 101Y November 5, 2013 Marie desJardins Amanda Mancuso University of Maryland Baltimore County.
Chapter 11: Interaction Styles. Interaction Styles Introduction: Interaction styles are primarily different ways in which a user and computer system can.
People: Usability COMP 101 November 12, 2014 Carolyn Seaman Amanda Mancuso Susan Martin University of Maryland Baltimore County.
Conceptual Models & Interface Metaphors. Objectives By the end of this class, you will be able to… Define conceptual model Identify instances where the.
Spring /6.831 User Interface Design and Implementation1 Lecture 3: Visibility.
1 AP European History Strategy Mr. Cicerchi Strongsville High School.
CSC 480 Software Engineering Lecture 19 Nov 11, 2002.
Notes on our audience People have selective attention/tunnel vision (especially if problem-solving), limited working/short-term memory, slow long-term.
DOET Chapter 1 Models, Modes, Execution and Evaluation ITEC4130 Dr. Jim Rowan.
Design of Everyday Things - Donald Norman CS A470.
Click to edit Master subtitle style USABILITY and USER INTERFACE DESIGN Application.
Chapter 8 I/O. Copyright © The McGraw-Hill Companies, Inc. Permission required for reproduction or display. 8-2 I/O: Connecting to Outside World So far,
Design of Everyday Things. Grade summaries Assignments 1-4 (out of 10) P0 (out of 10) P1 group grade (out of 100) P1 individual grade (out of 50) Midterm.
CHAPTER 5 Input Control © 2008 Cengage Learning EMEA.
Guide to Programming with Python Chapter One Getting Started: The Game Over Program.
CS 352, W12 Eric Happe, Daniel Sills, Daniel Thornton, Marcos Zavala, Ben Zoon ANDROID/IOS RPG GAME UI.
Why do we need good user interfaces?. Goals of User Interfaces Usable – how much effort to do a task? – example: often-used buttons easier to find – example:
CE Operating Systems Lecture 3 Overview of OS functions and structure.
A Case Study of Interaction Design. “Most people think it is a ludicrous idea to view Web pages on mobile phones because of the small screen and slow.
The Design of Everyday Things Darn these hooves! I hit the wrong switch again! Who designs these instrument panels, raccoons?
E.g.: MS-DOS interface. DIR C: /W /A:D will list all the directories in the root directory of drive C in wide list format. Disadvantage is that commands.
CS 352, W12 Eric Happe, Daniel Sills, Daniel Thornton, Marcos Zavala, Ben Zoon ANDROID/IOS RPG GAME UI.
What is Programming? Computer programming is about telling the computer what it is we want it to do We tell the computer what we want it to do by sending.
1 Software. 2 What is software ► Software is the term that we use for all the programs and data on a computer system. ► Two types of software ► Program.
Fall 2002CS/PSY Dialog Design 2 Direct Manipulation 1) Continuous visibility of the objects and actions of interest 2) Rapid, reversible, incremental.
SBD: Information Design
You will need Dev C++ to help you with this project. If you do not already have this programming tool on your device you can visit
USER INTERFACE DESIGN (UID). Introduction & Overview The interface is the way to communicate with a product Everything we interact with an interface Eg.
Interface design Multimedia and Web. Today’s Objectives Defined User Interface Design Introduce User-Center Design Design guidelines Check Web accounts.
Human Capabilities: Mental Models CS352. Announcements Project – your users: due next Wed. 7/7 Quiz #3 (human capabilities) next Tue. 2.
Operating Systems Overview Basic Computer Concepts Operating System What does an operating system do  A computer’s software acts similarly with.
The Design of Everyday Things Donald A. Norman. The psychopathology of everyday things Doors Doors Light switches Light switches Taps Taps Telephones.
OST Intro in to Macs. History of Macintosh On January 24, 1984 Apple Computer introduced the Apple Macintosh personal computer, with the Macintosh.
[The Design of Everyday Things, Don Norman, Ch 7]
Imran Hussain University of Management and Technology (UMT)
Unit 2 User Interface Design.
Lesson 1: Buttons and Events – 12/18
The Design of Everyday Things
Human Computer Interface Prototype
Copyright Catherine M. Burns
15. Human-Computer Interaction
Dialog Design 2 Direct Manipulation
Human Capabilities: Mental Models
COMP444 Human Computer Interaction Design Principles
Norman 7 A: User-Centered Design
User-Centered Design Data Entry CS 4640 Programming Languages for Web Applications [The Design of Everyday Things, Don Norman, Ch 7]
User-Centered Design Data Entry CS 4640 Programming Languages for Web Applications [The Design of Everyday Things, Don Norman, Ch 7]
Design of Everyday Things - Donald Norman CS A470.
Presentation transcript:

brought to you by robert chen, jacky springer, jonathan piltz CSE 3461 User Interfaces Barbarian

Overview History of Barbarian Quick Demonstration Norman Principles –Visibility, Affordances, Mappings You Try It / Volunteer Session Norman Principles –Feedback, Memory –Helplessness, Gulf of Execution/Evaluation Discussion

History Timeline –Created and released between –Early computer game, originally made for Amiga –Later ported to: Atari, Commodore 64, DOS, etc Interfaces –Keyboard –Mouse (ball mouse originally invented in 1972 at Xerox PARC, became common after 1980) –Joystick (originally with Atari 2600 in Oct 1977, popular in the 1980s) Barbarian –Undoubtedly an early pioneer of using these interfaces in an era where our UI design principles were nonexistent

Quick Demonstration

Norman Principles Visibility ?Is it natural how to operate the game ?Do the controls convey the correct message ?Does interface provide “natural” messages, clues, or signals to interpret –Button icons provide hints on what action the button performs Affordances –Button-like controls affords pushing with mouse/joystick Mappings –Direct mapping between keyboard/controls and results in the game –Spatial mapping (discussed later) Visibility (p4, 17), Affordances (p9), Mappings (p23, 75)

Volunteer Session You Try It Out

Volunteer Session Oops, forgot to mention a few things … Keyboard Commands –Spatial mapping: F1 to F9  screen buttons Intuitive? Memory Load? Speed: Θ(n) or Θ(1)? –Space bar to “change mode” Good mapping? Meta-states? Visible/Intuitive? Interface –Button icons and placement intuitive? What do some of the icons mean? –When you die, was it clear why you died? Monsters (visible) vs. Traps (should they be visible?) Death feedback appropriate? Die too easy? (ie. Barbarian dies if his toenails break)

More Norman Principles Feedback ?Does the interface tell you what action is it doing, or what are its effects –Yes, feedback is immediate –Yes, barbarian performs actions immediately (ie. run away, walk, stop) –No, feedback not immediate (sword attack may be slow) Arbitrary Memory  Pure memorization, no need of “understanding”  Efficient/necessary –Increase difficulty –Ex: Trap locations, Icons Relational Memory  Relate something new with something already known –Makes it easier to play –Ex: Keyboard mappings Feedback (p27), Memory (p67)

Yet More Norman Principles Learned Helplessness  Feel helpless when fail at a task numerous times ?How to move How to attack Why do I keep dying Taught Helplessness  Does failure in Barbarian generalize in helplessness in all software/games? –Not really; this is good! Gulf of Evaluation  How hard is it for me to figure out if I’m doing it correctly? –Game doesn’t tell you that you’re doing something wrong (silently ignores invalid keys) Gulf of Execution  How hard is it for me to directly do what I want? –Non-intuitive key mappings Non-intuitive button icons Helplessness (p42), Gulf of Execution/Evaluation (p49)

Discussion Resources for this presentation: –World of Spectrum –Abandonia –Wikipedia –The Design of Everyday Things, our textbook