Please enable JavaScript.
Coggle requires JavaScript to display documents.
CHAPTER 8: User Interface(UI) Design - Coggle Diagram
CHAPTER 8: User Interface(UI) Design
intro
UI consist hardware,software, screen, menus, functions, output & features that affect 2 way communication(human-comp)
evolution
process-control
centralized data to dynamic, enterprise wide system
user-centered system
require understanding of human-comp interaction&
user-centered design
HCI
relationship between comp & ppl
graphical user interface(GUI)
to create user friendly design
principles of
user-centered design
understand business
max graphical efectiveness
think like user
use models/prototype
focus on usability
invite feedback
document everything
designing UI
design a transparent
interface
facilitates system design objective
easy to learn&remeber
improve user efficiency& productivity
write command action & system response
create interface
that easy to learn & use
label all controls, buttons, icons
easy navigated
show all command in list menu item
images that user can understand, provide
on-screen instruction that logical, concise& clear
enhance user
productivity
organize task,command, function in
groups that resemble actual business operation
create alphabethical menu list
make it easy for user
to obtain help / correct errors
provide user-selected help&
context-sensitive help
minimize input data probs
display event-driven messages&reminders
provide feedback
to user
display messages at logical place on screen
let user know wether the task/operation was success or not
create attractive
layout&design
use appropriate color&highlight
group related object&info
use familiar
terms&images
provide keystoke alternative
for each menu
output design
report
turnaround doc
easy to read & well organize
char based report
few firm have been able to
eliminate printed output totally
types
detail
exception
summary
user involvement
mock-up
report analysis form
user approve
all report design in
advance for printed report
principles
output technology
internet-based information delivery
e-mail
blogs
instant messaging
wireless device
podcast
automated facsimile system
input design
source documents
& forms
form layout
heading zone
control zone
instruction zone
body zone
totals zone
authorization zone
data entry screen
input mask
validation rules
input technology
