INTERFACE COMPOSITION GAME DESIGN. OBJECTIVES After this lesson, students will be able to: Identify the Eight Golden Rules of Human-Computer Interface.

Slides:



Advertisements
Similar presentations
Designing a Graphical User Interface (GUI) 10 IST – Topic 6.
Advertisements

What do these things have in common? a mouse a touch screen a program on your Mac or PC that includes a trashcan, icons of disk drives, and folders pull-down.
LIS 677 Interface Critique LIS 677 Presented by Blanca Polo.
© De Montfort University, Characteristics of Good Dialogues Howell Istance Department of Computer Science De Montfort University.
User Interface Design Lecture #4 Part-B.
EST/CSE/ISE 323 Spring 2011 Tony Scarlatos
User Interfaces By Mathieu Leduc. What is the User Interface(UI)? Knows about any input/output hardware Translates player actions into actions in the.
What is a User Interface?  Everything in a device with which a human being interacts.  The total “user experience”  Not necessarily tied to computers.
User Interface Design Notes p7 T120B pavasario sem.
Ui design – general guidelines. Why designers go astray Putting aesthetics first: "It probably won a prize." Putting aesthetics first: "It probably won.
Dialog Styles. The Five Primary Styles of Interaction 4 Menu selection 4 Form fill-in 4 Command language 4 Natural language 4 Direct manipulation.
Multimedia Design Guidelines General Guidelines for Multimedia Learning Design.
Dialog Styles. The Six Primary Styles of Interaction n Q & A n Menu selection n Form fill-in n Command language n Natural language n Direct manipulation.
User Interface Design: Methods of Interaction. Accepted design principles Interface design needs to consider the following issues: 1. Visual clarity 2.
Today’s class Group Presentation More about principles, guidelines, style guides and standards In-class exercises More about usability Norman’s model of.
Principles and Methods
User Interface Design. Overview The Developer’s Responsibilities Goals and Considerations of UI Design Common UI Methods A UI Design Process Guidelines.
Chapter 7 design rules.
© 2005 by Prentice Hall Chapter 3c Designing Interfaces and Dialogues.
Dialogue Styles.
Proposal 13 HUMAN CENTRIC COMPUTING (COMP106) ASSIGNMENT 2.
1 User Interface Design CIS 375 Bruce R. Maxim UM-Dearborn.
User Interface Evaluation CIS 376 Bruce R. Maxim UM-Dearborn.
Chapter 12 Designing Interfaces and Dialogues
1 CSE 403 UI Prototyping Reading: Paper Prototyping, C. Snyder These lecture slides are copyright (C) Marty Stepp, They may not be rehosted, sold,
CS 352, W12 Eric Happe, Daniel Sills, Daniel Thornton, Marcos Zavala, Ben Zoon ANDROID/IOS RPG GAME UI.
User Interface January 14, 2011 CSE 403, Winter 2011, Brun Three Mile Island.
Revision Lesson : DESIGNING COMPUTER-BASED INFORMATION SYSTEMS.
1 ISE 412 Human-Computer Interaction Design process Task and User Characteristics Guidelines Evaluation.
1 CSE 403 UI Prototyping Reading: Paper Prototyping, C. Snyder These lecture slides are copyright (C) Marty Stepp, They may not be rehosted, sold,
CS3205: HCI in SW Development More on Detailed Design: Guidance and Color.
Design. Hard design - increase control. - Displays are more virtual / artificial. Marketplace pressure: - Adding operations cheaper. Adding controls expensive.
1 Human-Computer Interaction  Design process  Task and User Characteristics  Guidelines  Evaluation.
11.10 Human Computer Interface www. ICT-Teacher.com.
These slides are designed to accompany Software Engineering: A Practitioner’s Approach, 7/e (McGraw-Hill, 2009) Slides copyright 2009 by Roger Pressman.1.
Click to edit Master subtitle style USABILITY and USER INTERFACE DESIGN Application.
Enhancing the Graphical User Interface Multiple Forms, Controls, and Menus.
Productivity Programs Common Features and Commands.
Lecture 5(b), Slide 1 CP2030 Copyright © University of Wolverhampton CP2030 Visual Basic for C++ Programmers v Component 5(b) HCI aspects of VB programming.
Design Rules-Part B Standards and Guidelines
1 Welcome to the world of EZ-Mail should be for Everyone… Including your Grandmother!!!
INFORMATION X INFO425: Systems Design Chapter 14 Designing the user interface.
Designing & Testing Information Systems Notes Information Systems Design & Development: Purpose, features functionality, users & Testing.
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:
Human Computer Interaction © 2014 Project Lead The Way, Inc.Computer Science and Software Engineering.
1 TCSS 360, Spring 2005 Lecture Notes UI Design and Paper Prototyping Relevant Reading: Paper Prototyping C. Snyder.
1 3132/3192 User Accessibility © University of Stirling /3192 User Accessibility 2.
Chapter 7 design rules. Designing for maximum usability – the goal of interaction design Principles of usability –general understanding Standards and.
G063 - Human Computer Interface Design Designing the User Interface.
Evaluating a UI Design Expert inspection methods Cognitive Walkthrough
CS 352, W12 Eric Happe, Daniel Sills, Daniel Thornton, Marcos Zavala, Ben Zoon ANDROID/IOS RPG GAME UI.
CSE 403 Lecture 6 User Interface Prototyping Reading: Paper Prototyping, C. Snyder slides created by Marty Stepp
Some Thoughts On PROTOTYPE Form Design. You may place prompt over or to the left of the data-entry field; select one and be consistent. Name Tom PromptResponse.
Introduction to Web Session 01 Subject: L0182 / Web & Animation Design Year: 2009.
Design Phase intro & User Interface Design (Ch 8)
Jason Paolasini Chapter 8 A Benjamin Isherwood – – Chapter 8 B CHAPTER 8 UI DESIGN.
CIS 210 Systems Analysis and Development Week 7 Part II Designing Interfaces and Dialogues,
Human-Computer Interaction Design process Task and User Characteristics Guidelines Evaluation ISE
The Design Process A bluffer’s guide to interface design A ‘proper’ Design process.
Principles Determine users' skill levels Novice or first-time users - Knowledgeable intermittent users - create templates Expert frequent users-
Human-Computer Interaction
Designing Information Systems Notes
User Interface Design Notes are from: Wilson, Software Design and Development The Preliminary Course. Cambridge Press. pp and Fowler,
Ch 1 Second Half What is a Language?
HCI – DESIGN RATIONALE 20 November 2018.
Software Engineering D7025E
What do these things have in common?
Proper functionality Good human computer interface Easy to maintain
CHAPTER 2: Guidelines, Principles, and Theories
Presentation transcript:

INTERFACE COMPOSITION GAME DESIGN

OBJECTIVES After this lesson, students will be able to: Identify the Eight Golden Rules of Human-Computer Interface Design Identify the need for functional consistency, shortcuts, feedback, closure, error prevention, easy reversal of actions, feeling in control, and avoiding memory overload.

WORDS TO KNOW Shell Menus Checkpoint Cheat Codes Timeout Ergonomics

APPLYING THE HCI TO GAME DESIGN The 8 Golden Rules of HCI Strive for consistency Enable frequent users to use shortcuts Offer informative feedback Design dialogue to yield closer Offer simple error handling Permit easy reversal of actions Support internal locus of control Reduce short-term memory load

APPLYING THE HCI TO GAME DESIGN Consistency Similar situation should have consistent sequences of actions. Identical terminology should be used in prompts, menus, and help screens. Consistent commands should be used throughout the game.

APPLYING THE HCI TO GAME DESIGN Consistency – Readable Text Font – Sans Serif offers best readability Size – Children and older adults need larger text Color – Contrast between text and background or game frame.

APPLYING THE HCI TO GAME DESIGN Consistency – Readable Text Sans Serif vs. Serif Serif San Serif

APPLYING THE HCI TO GAME DESIGN Consistency – Readable Text Contrast High Contrast Low Contrast

APPLYING THE HCI TO GAME DESIGN Consistency – Readable Text All sorts of wrong going on here!

APPLYING THE HCI TO GAME DESIGN Consistency – Layout Functional - Parts of the HUD should remain in place unless the game story dictates a change. Navigable - Layout should also help with player navigation through arrows or other guidance systems. If you player is going the wrong way, the layout should warn them.

APPLYING THE HCI TO GAME DESIGN Consistency Inputs Button pressed actions should remain the same for the whole game. Outputs Outputs, menus, colors, fonts, navigation, button locations, and overall game layout should be similar throughout the game.

APPLYING THE HCI TO GAME DESIGN Consistency Outputs Shell Menu – A non-menu item displayed outside of gameplay, such as the title frame, credits, and cut scenes. Loading and saving the game is commonly done with a shell menu.

APPLYING THE HCI TO GAME DESIGN Consistency Outputs Note on Shell Menus – The shell menu should remain the same each time, even if an option is not available at the time of game play, it should be shown, but greyed out to let your player know they have not unlocked that yet.

APPLYING THE HCI TO GAME DESIGN Shortcuts Keeping the player from having to restart the game each time they loose. Checkpoint – A point on the gameplay timeline where the player will be returned if they run out of health or life. Placed after each difficult or time consuming task.

APPLYING THE HCI TO GAME DESIGN Shortcuts Cheat codes – Commands used during game development so parts of the code can be tested without having to play the entire game. Not usually meant for the public but sometimes they are leaked out. This causes questions about “gamer ethics.”

APPLYING THE HCI TO GAME DESIGN Feedback Whenever a player inputs some sort of action, output information, or feedback, should be received. A “boing” sound for jumping Cheering from a crowd for good action, booing for bad action Roll over button to explain the function or purpose.

APPLYING THE HCI TO GAME DESIGN Closure A sense of conclusion to the game and its story. You should give your player a signal that they are going the right direction or warnings if they are not. You can usually do this through dialogue. Cut scenes can also provide closure.

APPLYING THE HCI TO GAME DESIGN Errors Design the game so a player cannot make a serious error, but if they do, the game should offer solutions for the player to handle the error.

APPLYING THE HCI TO GAME DESIGN Errors - Output Check for output prevention. Did your player get stuck and can’t “get out” of a situation? Timeout – When the game resets after a period of inactivity.

APPLYING THE HCI TO GAME DESIGN Errors - Input Input errors such as a users logging in with an incorrect username or password need to be checked. Program a controller with buttons spaced far enough to avoid pressing two buttons at the same time.

APPLYING THE HCI TO GAME DESIGN Errors - Input Input devices should follow ergonomic design principles Ergonomic – The study of how the body works and how humans interact with tools and environment.

APPLYING THE HCI TO GAME DESIGN Errors – Input 6 principles of Interface Ergonomics Design for comfort Reduce force Reduce Reach Limit excessive and repetitive motion Reduce fatigue Stretch the player

APPLYING THE HCI TO GAME DESIGN Undo Actions Allow players to undo actions. This allows the player to explore gameplay knowing that nothing will be permanent to their gameplay. Try on different armor or weapons without having to restart the game. Save game at every checkpoint to eliminate the chance of a player forgetting. With this, if an error is made, they can undo by going back to that check point.

APPLYING THE HCI TO GAME DESIGN Sense of Control Players like to feel they are in control of the game. Design the game to make the player the initiator of actions rather than responding to game directions. Give you player freedom to explore and make choices

APPLYING THE HCI TO GAME DESIGN Memory Overload Remember there is a limit to what players can process and hold in short-term memory. Keep the interface simple. Allow sufficient time through gameplay to learn the button codes and sequences of actions.