Upping Usability Building a solid UI Rules for better interfaces

Slides:



Advertisements
Similar presentations
Creating an OOED Application
Advertisements

UI Standards & Tools Khushroo Shaikh.
Part 4: Evaluation Days 25, 27, 29, 31 Chapter 20: Why evaluate? Chapter 21: Deciding on what to evaluate: the strategy Chapter 22: Planning who, what,
CMPUT 301: Lecture 25 Graphic Design Lecturer: Martin Jagersand Department of Computing Science University of Alberta Notes based on previous courses by.
Usability 2004 J T Burns1 Usability & Usability Engineering.
S MART P HONE H EURISTICS 09 August H EURISTIC EVALUATION To analyze a user interface for conformance with recognized usability principles (heuristics).
User Interface Design Chapter 11. Objectives  Understand several fundamental user interface (UI) design principles.  Understand the process of UI design.
CS 352, W12 Eric Happe, Daniel Sills, Daniel Thornton, Marcos Zavala, Ben Zoon ANDROID/IOS RPG GAME UI.
Usability 2009 J T Burns1 Usability & Usability Engineering.
Heuristic evaluation IS 403: User Interface Design Shaun Kane.
User Interface Design Today: Intro to Topic UI.f12.ppt CS 121 “Ordering Chaos” “Mike” Michael A. Erlinger.
CS3205: HCI in SW Development More on Detailed Design: Guidance and Color.
SAMPLE HEURISTIC EVALUATION FOR 680NEWS.COM Glenn Teneycke.
CS 4720 Usability and Accessibility CS 4720 – Web & Mobile Systems.
Usability. Definition of Usability Usability is a quality attribute that assesses how easy user interfaces are to use. The word "usability" also refers.
Patterns, effective design patterns Describing patterns Types of patterns – Architecture, data, component, interface design, and webapp patterns – Creational,
Nielsen’s Ten Usability Heuristics
Usability Evaluation/LP Usability: how to judge it.
10 Usability Heuristics for User Interface Design.
Multimedia Specification Design and Production 2012 / Semester 1 / week 5 Lecturer: Dr. Nikos Gazepidis
Click to edit Master subtitle style USABILITY and USER INTERFACE DESIGN Application.
CS 352, W12 Eric Happe, Daniel Sills, Daniel Thornton, Marcos Zavala, Ben Zoon ANDROID/IOS RPG GAME UI.
Evaluating a UI Design Expert inspection methods Cognitive Walkthrough
Chapter 1: What is interaction design?. Bad designs From:
CS 352, W12 Eric Happe, Daniel Sills, Daniel Thornton, Marcos Zavala, Ben Zoon ANDROID/IOS RPG GAME UI.
Usability 1 Usability evaluation Without users - analytical techniques With users - survey and observational techniques.
Developed by Tim Bell Department of Computer Science and Software Engineering University of Canterbury Human Computer Interaction.
Websites with good heuristics Irene Wachirawutthichai.
Heuristic Evaluation Short tutorial to heuristic evaluation
Yonglei Tao School of Computing & Info Systems GVSU Ch 7 Design Guidelines.
User Interface Design In Windows using Blend.
Chapter 5:User Interface Design Concepts Of UI Interface Model Internal an External Design Evaluation Interaction Information Display Software.
GUI Design. User Interfaces Everywhere –telephone systems –automobiles –automated teller machines –doors! Bad User Interfaces are Everywhere.
Basic Elements.  Design is the process of collecting ideas, and aesthetically arranging and implementing them, guided by certain principles for a specific.
SPSS Redesigned By Helen Cheevers. What is SPSS? SPSS was originally the “Statistical Package for Social Sciences” but due to its use over all academic.
What is Good Web Design? A compendium of web concepts.
3461 Laying Out Components Principles of Good Screen Design Galitz, W. O., (2002) The Essential Guide to User Interface Design, 2nd Edition, Wiley Computer.
© 2016 Cognizant. © 2016 Cognizant Introduction PREREQUISITES SCOPE Heuristic evaluation is a discount usability engineering method for quick, cheap,
Ten Usability Heuristics These are ten general principles for user interface design. They are called "heuristics" because they are more in the nature of.
The Successful Website
Getting Started Creating Games for Learning
Principles of Good Screen Design
Human-Computer Interaction
CSC420 Page Layout.
Usability engineering
Unit 2 User Interface Design.
Heuristic Evaluation 3 CPSC 481: HCI I Fall 2014
Minimalism in Documentation
A NEW FACE OF THE TECHNICAL COMMUNICATOR – UX IS OUR STRENGTH – WE DESIGN TO WRITE BY CHRIS GANTA © 2016, STC INDIA CHAPTER.
Human Computer Interface
Unit 14 Website Design HND in Computing and Systems Development
Human Computer Interface
Heuristic Evaluation Jon Kolko Professor, Austin Center for Design.
Software Engineering D7025E
GUI Design.
Introduction UI designer stands for User Interface designer. UI designing is a type of process that is used for making interfaces in the software or the.
One-timer?. A new face of the technical communicator – UX is our strength – we design to write.
Human Computer Interface
Human Computer Interface
Readings 06 Upping Usability.
10 Design Principles.
Making diabetes management fun and easy for kids
Step-3: Principles of Good Interface and Screen Design
GRAPHICAL USER INTERFACE GITAM GADTAULA. OVERVIEW What is Human Computer Interface (User Interface) principles of user interface design What makes a good.
GRAPHICAL USER INTERFACE GITAM GADTAULA KATHMANDU UNIVERSITY CLASS PRESENTATION.
Usability Heuristics Prof
CIS 376 Bruce R. Maxim UM-Dearborn
Nilesen 10 hueristics.
User Interface Design In Windows using Blend.
Lecture 22: HCI Design March 15, /6/2019
Presentation transcript:

Upping Usability Building a solid UI Rules for better interfaces Readings 7 Upping Usability Building a solid UI Rules for better interfaces

How do you make your game UI more usable? How are great UIs created? experience and good instincts are necessary and it helps to have concrete methods for analyzing usability four dimensions of usability: Learnability Simplicity Efficiency Aesthetic

Learnability How easy is it to learn how to use the system? mainly concerns novice users tutorials are commonplace, as they provide a safe environment for learning controls and mechanics Once learned by the player, use of the UI should be based on recognition rather than recall. Generally one should not be expected to remember every game control, rather there should be easily accessible reminders where appropriate

Learnability The exception to this rule comes from games where learnability is part of the game mechanic. The fighting genre is the most regular example of this exception, as players are rewarded for learning difficult-to-remember controls. controller mappings should be consistent controls should match real world expectations(conform to majority of others in genre)

Efficiency How quickly can tasks be accomplished? The interface should allow users to move swiftly and effortlessly through the game. Efficient controls become an extension of the user's body, with the user being able to rapidly react to the game without even thinking of how to command the system

tradeoffs For tradeoffs between efficiency and learnability and simplicity, the rule of thumb is to think about the player demographics

Simplicity Game controls should be as simple as possible, but no simpler The best UIs are ones that determine ways to keep the game mechanic efficient and engaging but still only use simple controls Some great games are built around incredibly simplified control schemes while others offer alternative control schemes for different players

Aesthetic How enjoyable is the user interface experience? a user interface should have a pleasing aesthetic that makes it enjoyable to use. This dimension tends to focus on visual and audio output of the interface as well as feedback Game actions should be clear, obvious, and easy to select. Graphics and sound effects should be agreeable, consistent, and informative. The style of the UI should match the tone of the game.

Usability Tradeoffs rarely possible to follow all principles, improving one dimension may diminish another, so it is always important to keep tradeoffs in mind should a title have a more efficient user interface that is harder to learn, or one that is less efficient but more intuitive? Good interface designers know when to break best practices in the name of the overall experience.

Solid UI The way screen elements are laid out is crucial if a game hopes to be accessible and easy to play, it must prioritize function over form with its UI. Prominence Equals Importance Group Related Items Use Color to Associate

Solid UI Icons and Text Stack Text Vertically, not Horizontally Be Wary of Tabs Audio and UI

Rules for better interfaces You won’t know if your interface is any good until it’s actually tested The corner stone of good user interface design is that if your users need instructions, you haven't done a good job

Rules for better interfaces A good UI is: Intuitive Feels fast e.g. no white screen, threading code Consistent Minimal popups No clutter - not busy Good error handling Easy to customize + apps (aka a platform) Gamification e.g. badges