Post on 21-Dec-2015
Introduction to User Interface Design
& User Interface Issues
Dr. Cheryl D. Seals
Computer Science & Software Engineering
World Usability DayAuburn University
World Usability DayAuburn University
World Usability DayAuburn University
World Usability DayAuburn University
www.freewebtemplates.com/
Good Design (our goal!)Good Design (our goal!)
“Every designer wants to build a high-quality interactive system that is admired by colleagues, celebrated by users, circulated widely, and imitated frequently.” (Shneiderman, 1992, p.7)
…and anything goes!…
The Good…The Good…
The Bad…The Bad…
Why is this a better design?Why is this a better design?
Closer to Fine Arts: A Philosophy
Closer to Fine Arts: A Philosophy
…The human user of any system is the focus of the design process. Planning and implementation is done with the user in mind, and the system is made to fit the user, not the other way around….
Bruce WalkerGeorgia Institute of Technology
The Design of Every Day ThingsThe Design of Every Day Things
“Understanding how to operate a novel device had three major dimensions:
affordances, constraints and
conceptual models”
Donald NormanNielson Norman Group
Developing a Conceptual ModelDeveloping a Conceptual Model
1. Object and Action Analysis
2. Lexicon or Ontology
3. Scenarios
Mental Model = Conceptual Model
Cartoon by Mark Parisi. Used by special permission.
Universal Design & Auto DesignUniversal Design & Auto Design
We Are Getting OlderI recently watched an elderly lady struggle to
extricate herself from the front seat of a car. "Now there is a huge opportunity," I said to myself, "we live in an aging society, yet we still design for the young and able.
Why not address this huge, important market?" There is a tendency to shy away from designing for the impaired. This is a special-interest group, it is feared, one that will drive away other customers. Wrong. Designs intended to make life easier for the elderly or handicapped can be useful for everyone.
www.newmobility.comwww.newmobility.com/review_article.cfm?id=977&action=browse
Interface DesignInterface Design
• Rules of interface design – Ben Shniederman Strive for consistency, informative feedback Design dialogs to yield closure error prevention and simple error handling Support undo and reduce short-term memory load.
• First rule of usability? Don’t listen to users – Jakob Nielson Conducted series of experiments to become familiar with user
population and gathered user task profiles Fun Learning Stagecast Creator. Seals, Rosson, Carroll, Lewis Community Design of Community Simulations. Rosson, Carroll,
Seals Teachers as Simulation Programmers. Rosson, Seals
Background: Simulations/Construction Kits
Background: Simulations/Construction Kits
• Allow users to create interesting simulations, but the user is limited to preprogrammed behavior SimCity [www.simcity.com] Pinball Construction Set [Electronic Arts] Star Wars Droid Works [Lucas Learning] ActivChemistry [Salamander interactive]
• We want to provide the rich game-like feeling of a construction kit for ease of creation, but allow user the power to specialize simulation
Programming in AgentSheetsProgramming in AgentSheets
• Agentsheets main interface is a simulation microworld where objects interact.
• Users program by direct manipulation: dragging condition and action templates to the rule window.
Conditions Actions
Rule WindowInterface
Programming in SimBuilder
SimBuilder main interface is a simulation microworld where objects interact.
Users program by direct manipulation: dragging or combining scripts in the workspace to make them active. Dragging a rule from the scripting window, expands it to a full sized script.
Virtual CommunitiesVirtual Communities
Community Sims
tapped in@SRI
squeakland.org
Virtual CommunitiesVirtual Communities
TeachAlabama
squeakland.org
Opportunities for Design Opportunities for Design Ubiquitous computing (mother of them all)• Pervasive computing• Wearable computing• Attentive environments• Transparent computingReal-World User Interfaces • Software Agents• Mobile/wearable computing• Information Visualization• Computer Augmented Environments• Virtual reality
Website/Web Application Design
Web DesignWeb Design
Which is easiest to read and why?Which is easiest to read and why?
What is the time?
What is the time?
What is the time?
What is the time?
What is the time?
UID & Web DesignUID & Web Design
Good vs. Bad Design
UID BooksDesigning the User Interface -Ben Shneiderman GUI Bloopers -Jeff Johnson Leonardo's Laptop -Ben Shneiderman The Art of Changing the Brain -James Zull The Design of EveryDay Things -Donald Norman
webpagesthatsuck.com•http://www.hcbelectric.com/•http://www.dontclick.it/•http://moonweed.free.fr/crystal_intro.html•http://www.theponusyachtclub.com/
UID & Web DesignUID & Web Design
This Website is an HCCL & AUCHIL collaborationCreated by Brad Barker, Beau Bowden, Christin Hamilton, Andrea Williams
UID & Web DesignUID & Web Design
This Website is an HCCL & AUCHIL collaborationCreated by Brad Barker, Beau Bowden, Christin Hamilton, Andrea Williams
Menu Bar Image
Welcome to Ad Hoc Research
Previous Research 1
Download PPT Link
Brief Text Description
Previous Research 2
Download PPT Link
Previous Research 3
Download PPT Link
Description of Ad Hoc Congestion Research
____________________________________________________________________________________________________________________________________________
Pictures
Wire Frame Created by Ryan Lillie, Brandi P. Smith,John Graves
UID & Web DesignUID & Web Design
This Website is an HCCL & AUCHIL collaborationCreated by Lei Zhang, Jamey White, and Kevin Richardson
UID & Web DesignUID & Web Design
This Website is an HCCL & AUCHIL collaborationCreated by Andrea William, Kinnis Gosha, and Wanda Eugene
UID & Web DesignUID & Web Design
This Website is an HCCL & AUCHIL collaborationCreated by Shawn Constance, Raghu-Kisore Neelisetti, Michael Dorough
Prospective Students Current Students Network Partners
Southern Node
Home
Search
FAQ
Contact Us
News
•Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed More
•diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est More
Internships
Scholarships
Jobs
Resources
Alabama Southern Community College Hosts NPT2 Web Community
At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit
amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem
UID & Web DesignUID & Web Design
This Website is an HCCL & AUCHIL collaborationCreated by David Thompson, Sean Mahoney, and Michael Salyer
Achievement Center – Easter Seal510 West Thomason Circle
Opelika, Alabama 36801-5499
Overview Services WORK CENTER Contact Us Links Newsletter Contributions 2003 Annual Report Staff
The Achievement Center – Easter Seal, of Opelika, Alabama, is a facility designed to help individuals with disabilities obtain vocational training and extended employment.
The purpose of this project is to improve the web presence of this organization. Since the major priority of the site is to provide information for users from a variety of groups (e.g. consumers, industrialists, parents, and staff), closely following the WC3 compliances is very important.
Introduction
© 2005
Created by Shirelle Sharpley, Marie Kraska, and Wesley Bowen
UID & Web DesignUID & Web Design
This Website is an HCCL & AUCHIL collaborationCreated by Kimberly Sledge, Erica Moore, Nicole Burrell
Slide 2
Index PageIndex Page
Update/Add PageUpdate/Add Page
Dorm Add PageDorm Add Page
Storage Room Add PageStorage Room Add Page
This Website is an HCCL & AUCHIL collaborationCreated by Philicity Williams, Chiaoching Huang, Xiaoming Li, Chao Wang, Shaoen Wu
This Website is an HCCL & AUCHIL collaboration
Created by Michael McGill, Chitprasong Hansana,Francisco ArcedianoMichael McGill, Chitprasong Hansana,Francisco Arcediano
4G WIRELESSENGINEERING
SANDBOX REU
AD-HOC CONGESTION
CONTROL
PR
OJE
CTS
UID & Web DesignUID & Web Design
ReferencesReferences
Interaction Design by Preece, Sharp, Rogers
• http://www.4templates.com/view/web/• www.321Grahpics.comBad Web Sites• http://www.hcbelectric.com/• http://www.dontclick.it/• http://moonweed.free.fr/crystal_intro.html• http://www.theponusyachtclub.com/Donald Norman • http://www.jnd.org/dn.mss/affordances-and design.html• http://www.jnd.org/dn.mss/affordances-interactions.html