Interface Design Natural Design. What is natural design? Intuitive Considers our learned behaviors Naturally designed products are easy to interpret and.

Slides:



Advertisements
Similar presentations
User Interface Structure Design
Advertisements

User Interfaces 4 BTECH: IT WIKI PAGE:
Cognitive Walkthrough More evaluation without users.
COMP 3715 Spring 05. Computer Interface Interaction between human and computer Has to deal with two things  User’s mental model Different user has different.
Tailoring Needs Chapter 3. Contents This presentation covers the following: – Design considerations for tailored data-entry screens – Design considerations.
Usability and taste  Taste is subjective  but not necessarily trivial  Taste is subject to fashion  Changes over time  Influenced by other people.
 Why should it be mobile?  What content should I make mobile?  What need do I serve by making my content available to mobile users?  What value does.
Developing Effective Civic Websites An effective website balances what the client wants, what users need, and what constitutes good design by considering:
Good Websites. 2. Submit one good web interface. This website is a good because of it usability and appears of the website.
PowerPoint Presentation for Dennis, Wixom & Tegarden Systems Analysis and Design Copyright 2001 © John Wiley & Sons, Inc. All rights reserved. Slide 1.
HCI 201 Week 4 Design Usability Heuristics Tables Links.
Inspection Methods. Inspection methods Heuristic evaluation Guidelines review Consistency inspections Standards inspections Features inspection Cognitive.
1 CS 430 / INFO 430 Information Retrieval Lecture 24 Usability 2.
Web Design, Usability, and Aesthetics 1 Notes from book “Don’t Make Me Think: A Common Sense Approach to Web Usability” by Steve Krug.
User studies. Why user studies? How do we know security and privacy solutions are really usable? Have to observe users! –you may be surprised by what.
Designing Good Web Pages. Form versus Function A good website is a compromise between form and function. While creativity is encouraged, you have to meet.
Day 9 Navigation Heuristic evaluation. Objectives  Look at some simple rules on navigation  Introduction to Heuristic Evaluation.
Chapter 4 Planning Site Navigation Principles of Web Design, 4 th Edition.
Analytical Evaluations 2. Field Studies
User Interface Evaluation CIS 376 Bruce R. Maxim UM-Dearborn.
Damian Gordon.  Summary and Relevance of topic paper  Definition of Usability Testing ◦ Formal vs. Informal methods of testing  Testing Basics ◦ Five.
Review an existing website Usability in Design. to begin with.. Meeting Organization’s objectives and your Usability goals Meeting User’s Needs Complying.
August 16, 2015Ministry of Regional Development - 2 Polish implementation system for European Funds  National Cohesion Stratergy the overall amount of.
Paper Prototyping Source:
Systems Analysis and Design in a Changing World, 6th Edition
So You Want a Web Page!. What is a Web Page? According to Webopedia, a web page is: A document on the World Wide Web. A Web site is really a bunch of.
System Analysis & Design Chapter VII: User Interface Design Providing interactive and easy to use interfaces is an important task of system designer using.
Evaluation of Products for Accessibility: The CUDA Lab at CSULB and Technical Evaluation at the Campus Level Fred Garcia and Shawn Bates.
SWE205 Review Spring Why is software unusable? Users are no longer trained. Why? Feature creep Inherently hard: a problem of communication Designed.
Multimedia Specification Design and Production 2013 / Semester 1 / week 9 Lecturer: Dr. Nikos Gazepidis
Overview of the rest of the semester Building on Assignment 1 Using iterative prototyping.
Usability Testing intro.12.ppt CS 121 “Ordering Chaos” “Mike” Michael A. Erlinger.
Usability testing IS 403: User Interface Design Shaun Kane.
Software Development Software Testing. Testing Definitions There are many tests going under various names. The following is a general list to get a feel.
Evaluation approaches Text p Text p
Heuristic evaluation Functionality: Visual Design: Efficiency:
Usability Testing CS774 Human Computer Interaction Spring 2004.
SEG3120 User Interfaces Design and Implementation
Slide 1 Chapter 11 User Interface Structure Design Chapter 11 Alan Dennis, Barbara Wixom, and David Tegarden John Wiley & Sons, Inc. Slides by Fred Niederman.
Designing & Testing Information Systems Notes Information Systems Design & Development: Purpose, features functionality, users & Testing.
Lecture 6 Title: Web Planning, Designing, Developing for E-Marketing By: Mr Hashem Alaidaros MKT 445.
BSA Website Redevelopment Information Architecture.
Usability Assessment Methods beyond Testing Chapter 7 Evaluating without users.
 Understand the problem  Brainstorm solutions  Introduce the constraints  Choose the solution  Paper design  Actual design  Evaluate  Revise.
Population Census Data Dissemination through Internet H. Furuta Lecturer/Statistician SIAP 1 Training Course on Analysis and Dissemination of Population.
Week 4 Planning Site Navigation. 2 Creating Usable Navigation Provide enough location information to let the user answer the following navigation questions:
Web Design Guidelines by Scott Grissom 1 Designing for the Web  Web site design  Web page design  Web usability  Web site design  Web page design.
Evaluating a UI Design Expert inspection methods Cognitive Walkthrough
Development and Design of Multimedia. Planning Your Title 1)Develop the concept or idea – a multimedia project starts with an idea that supports a vision.
 Network  A _____ of computers that can _________ w/ each other  Examples of hardware  ______________ & communication lines  Internet  Hardware.
Introduction to Evaluation without Users. Where are you at with readings? Should have read –TCUID, Chapter 4 For Next Week –Two Papers on Heuristics from.
Paper Prototyping Source: Paper Prototyping a method of brainstorming, designing, creating, testing, refining and communicating.
User Interface Development Target or Specific User Groups.
Executive Summary - Human Factors Heuristic Evaluation 04/18/2014.
Louisa Lambregts, Louisa Lambregts
Creating User Interfaces (Catch-up XML?) CMS, Usability checklist reports Preparation for user observation studies Blogs, Social Spaces, etc. Homework:
Unit 13 – Website Development FEATURES OF WEBSITES.
Learning Aim A.  Websites are constructed on many different features.  It can be useful to think about these when designing your own websites.
UNIT 14 1 Websites. Starter 2 1 Starter 1 Divide the students into groups. Ask them to make lists. Ask Students to read their lists. Discuss the most.
Day 8 Usability testing.
Investigating User Interfaces
Best Practices in Creating Next Generation PDFs
Publishing and Maintaining a Website
Designing Information Systems Notes
Katherine Prentice, MSIS Richard Usatine, MD
Big Blue Button A Canvas Workshop
Usability Testing: An Overview
Unit 14 Website Design HND in Computing and Systems Development
For use on your feedback page
CHAPTER 2: Guidelines, Principles, and Theories
Presentation transcript:

Interface Design Natural Design

What is natural design? Intuitive Considers our learned behaviors Naturally designed products are easy to interpret and understand.

What is unnatural design? Confusing Non-intuitive

Natural design in everyday life Hot/cold Push/pull doors

Why do products end up this way (non-intuitive)? No user testing Form over function

Naturally Designed Interactive Media What does the underlined text mean? Where is the menu bar normally placed? What does a flashing button mean?

Form over function Look of object is more important than how it works. – Dolorian? – Women’s shoes?

Limiting the options A common trait of unnaturally designed objects is that they have too many options. – E.g. Joseph A. Banks Striking a balance between offering a lot of information and not overwhelming the visitor.

What if you can’t limit the options? – Enormous amount of information. – Categories presented in heirarchy. – Simple color scheme. – Crucial info above the fold.

Usability Interactive products that are intuitive and easy to use have a lot of design effort invested in anticipating, understanding and managing of the users’ expectations.

To aid usability of an interactive experience: Remove obstacles. (Let user’s interact with content as directly as possible). Minimize effort. (Keep related controls together). Give feedback. Be explicit - (What is clickable?) Be flexible - (Let the user skip features). Be forgiving - Don’t assume users will do the right thing. Take advantage of known conventions.

When can one break the rules? Does your target audience have certain knowledge? Innovative navigation can help solve access problems. (Interface design would never evolve if nothing new is tried). Always test usability.

Usability Testing Answers the question: Is a technology easy for the user to utilize? Executed on all types of products. Goal: identify and fix as many problems as possible Always on software, becoming more popular on for interactive CDs and web sites.

Who should do the usability test? Experts - can comment on problems that violate usability guidelines. Users - representative of people who will use product.

Expert reviews of usability Heuristic Evaluation - checks a web site to see if it violates any rules contained in a short set of design heurisitics. Guidelines Review – a much more thorough evaluation that is more technical – might be able to be automated. One guideline might be checking the use of Alt tags. Cognitive Walkthrough – Experts go through a series of tasks the user would perform. Consistency Inspection – expert reviews all the web pages on the web site to ensure that the layout, terminology, and color are the same. Formal Usability Inspection – designers justify and defend their design choices to expert reviewers, screen by screen.

User Testing Select representative users – e.g. if the site is for doctors, don’t have college students participate in your study How to recruit – pay them or find someone who is enthusiastic about it and will do it for free. Select the setting – – Usability lab – set up with computers and, a camera and recording device, and one- way mirror – Workplace testing Bring “lab in a bag” Web-based usability testing

User testing - various types Performance measurement – a quantitative measurement based on a list of tasks the user is to perform –that the user was able to perform correctly Thinking Aloud – users are encourage to verbalize, out loud, their thoughts as they attempt to complete the set of tasks Coaching Method – user is assisted by the evaluator, but the user can also ask questions of the product that the evaluator can record. Questionaires – not only asking the users to complete the tasks – but then asking them for feedback on what it was like.