user interface
Download
Skip this Video
Download Presentation
User interface

Loading in 2 Seconds...

play fullscreen
1 / 20

User interface - PowerPoint PPT Presentation


  • 101 Views
  • Uploaded on

User interface . Systems Analysis and Design Accountancy Department Petra Christian University Surabaya 2003. What ?. Interaction/dialogues between machine and users Communicating information from machine to the user Communicating information from the user to the machine. Why ?.

loader
I am the owner, or an agent authorized to act on behalf of the owner, of the copyrighted work described.
capcha
Download Presentation

PowerPoint Slideshow about ' User interface ' - peigi


An Image/Link below is provided (as is) to download presentation

Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author.While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server.


- - - - - - - - - - - - - - - - - - - - - - - - - - E N D - - - - - - - - - - - - - - - - - - - - - - - - - -
Presentation Transcript
user interface

User interface

Systems Analysis and Design

Accountancy Department

Petra Christian University

Surabaya

2003

slide2

What ?

Interaction/dialogues between machine and users

Communicating information from machine to the user

Communicating information from the user to the machine

slide3
Why ?
  • To focus on the needs of the users rather than on the needs of the computers
  • To avoid frustration, confusion, boredom, misuse, abandonment etc. ( easy to learn, remember, use)
  • To reduce the trainings to use the systems
how basic principles
How ? (basic principles)
  • Understanding audience
  • Knowing the goal
  • Consistent
  • clear
  • systematic
  • Communicative
  • Intuitive
  • Flexible
  • aesthetics
understanding audience
UNDERSTANDING AUDIENCE
  • Novice vs expert
    • Novice : instruction, help, dialogue
    • Expert : efficient
  • Involvement from the beginning
  • Identifying likes and dislikes of the existing system
  • Involvement in the testing stage ( finding errors)
  • feedback
knowing the goal
KNOWING THE GOAL
  • Easy to learn
  • Easy to use
  • Efficiency
consistent
CONSISTENT
  • term
  • layout
  • font size
  • Color
  • character type
  • icon, button, form etc.

for similar concepts, headings, body of text, page etc

clear
CLEAR
  • readable to be read on screen or printed ( font color, size, type); text – 12 “
  • concise
  • simple term/heading
  • Grammatically correct sentences
  • avoid acronyms/abbreviations
  • no exaggerations, funny or cute words
  • Use action words for phrase instructions
systematic
SYSTEMATIC
  • alphabetical
  • chronological
  • category/sub-category
  • process-based approach
  • geographical
communicative 1
COMMUNICATIVE 1
  • help/guide ( readable, clear, consistent, complete)
    • PAGE (not exceeding the wide of the monitor used, not too long approx 2,5 screen length)
    • TEXT/REPORT/PARAGRAPH (concise, short sentences, use abstracts or summaries at the top of the page if the text is long, not > one concept per paragraph, most important point first, background color – white
    • If more than 1 page , use scroll or button ( previous/next)
    • Use search or topic list/index
communicative 2
COMMUNICATIVE 2
  • messages ( warning, confirmation, status, error, reasons etc)
  • Internal controls (prevent user to perform inappropriate action, not allowed to proceed without correcting the errors, Authentication and authorization etc. )
  • Navigation ( know the position, how to go back and move forward)
intuitive
INTUITIVE
  • Easy to learn ( minimal instruction, users can pick it up quickly and easily)
  • Unambiguous
  • Know what to do next
    • to distinguish between alternative actions
flexibility customized to the needs of the users
FLEXIBILITY ( customized to the needs of the users)
  • Hiding/displaying tools bars/menu etc.
  • Font size, color, type
  • Dates to pick up
  • Types of display screen, print outs
  • Layout ( portrait, landscape)
  • Number of pages displayed, printed

Etc.

aesthetics
AESTHETICS
  • not crowded
  • composition – color, layout , size
  • Character types not > 3 in one page
  • Images/graphics/animation - small enough to be viewed/downloaded
human factors
Human Factors
  • Memory (7 ± 2)[ Miller (1956)]
  • Dynamic, e.g. Web: 2 or 3? (Yentema& Mueser, 1960; Yentema, 1963; Venturino, 1997)
  • Search engines can offload memory burden
  • Perception: visual
  • Motor skills:
  • Attention and vigilance
  • Problem solving
  • Learning and skill acquisition
  • Motivation
  • Users\' conceptual models
  • Population Stereotypes
  • Human diversity, including disabled
graphical user interface
GRAPHICAL USER INTERFACE
  • Windows and frames
    • Scroll bar
    • Task bar
  • Menu-driven interface
  • Instruction-driven interface
  • Question-answer dialogue
menu driven
Menu driven
  • Hierarchical
  • Pull down/drop down & Cascading
  • Dialogue box
  • Tear-0ff
  • Pop-up
  • Tool bar, iconic menu ( push/click)
  • Consumer-style interface
  • Hypertext and hyperlink ( hybrid windows/web interface)
questions
questions
  • Jika anda dihadapkan pada pilihan merancang user interface, mana yang anda dahulukan, estetika atau keterpakaian? Mengapa?
what is usability
What is Usability?
  • "Usability (is) the ease with which a user can learn to operate, prepare inputs for, and interpret outputs of a system or component." [IEEE 90]
  • "The usability of an interface is a measure of the effectiveness, efficiency and satisfaction with which specified users can achieve specified goals in a particular environment with that interface." [ISO 13407]
attributes of usability
Attributes of Usability

According to Nielsen [1993], usability is associated with these five usability attributes:

  • Learnability
  • Efficiency
  • Memorability
  • Errors
  • Satisfaction
ad