User Interface Design
Upcoming SlideShare
Loading in...5
×
 

User Interface Design

on

  • 1,845 views

 

Statistics

Views

Total Views
1,845
Views on SlideShare
1,827
Embed Views
18

Actions

Likes
2
Downloads
99
Comments
2

3 Embeds 18

http://www.technologyfaculty.com 8
http://moodle.apc.edu.ph 7
http://www.slideshare.net 3

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

User Interface Design User Interface Design Presentation Transcript

  • User Interface Design
  • What is it?
    • Interface design is the process of creating an interaction between the computer and humans.
    • It is a way of allowing humans to communicate with computers and computers to communicate with humans.
  • What is it?
    • Interface design is achieved through the screen, mouse, keyboard, touchpads etc.
  • Why is it Important?
    • Makes software easier to use.
    • The better the interface, the less help people will need.
    • More users will want to use the software.
      • An application that is difficult to use won’t be used.
  • Interface Design History
    • Initially computers communicated through flashing lights and mechanical switches.
    • Then it was through printing devices such as punched cards.
    • Then came video screens - but they were limited to text only.
    • Now there is a Graphical User Interface (GUI) such as Windows
  • Usability Problems
    • To whom the interface is targeted?
    • Which tasks the application should support?
    • What are the requirements of the user and the surroundings?
    • How fast the user can learn to use the interface?
  • Usability Problems
    • What kinds of mistakes occur and how the user corrects them?
    • How tiring is the use of the interface to the user?
    • What are the requirements of hardware?
  • Good User Interface Design
    • 1. Be consistent
    • Put buttons in consistent places
    • Use a consistent colour scheme
    • Use the same wording in messages
    • 2. Set a Standard
    • To maintain consistency a standards sheet or template should be used.
    • This should contain information on fonts, backgrounds and graphic formats
  • Good User Interface Design
    • 3. Help
    • Provide help screens and/or menus to assist both novice and expert users.
    • 4. How To ..
    • A precise and clear explanation on how the program works should be available.
  • Good User Interface Design
    • 5. Clear Navigation
    • Put buttons in consistent places
    • Use a consistent colour scheme
    • Use the same wording in messages
    • 6. Navigation within the Screen
    • People read left to right and top to bottom - so information should be organised in a similar manner.
  • Good User Interface Design
    • 7. Use Colour
    • Be careful not to overuse colour.
    • Don’t use bright colours in the background - so that everyhting else is lost.
    • 8. White Space is OK
    • Try and avoid overcrowding on the screen by leaving plenty of ‘white space’ between objects and controls.
  • Good User Interface Design
    • 9. Interface Objects
    • Objects used on screen should look and behave exactly like the ‘real’ objects they represent.
    • 10. Consider the User
    • Cater to a particular group
      • Readers - read text
      • Viewers - entertainment
      • Users - functionality
  • Good User Interface Design
    • DON’T
    • Squeeze in too much text on one screen
    • USE ALL CAPITAL LETTERS
    • Use fonts that aren’t generally available
    • Assume the user knows what to do .
    • Place important information at the top or bottom of the screen
  • UI Questions
    • Does the design simplify the user’s task
    • Is it clear what actions are currently possible
    • Is there clear, understandable and relevant feedback
    • Is the information arranged into logical chunks
    ?
  • Colour
    • Be consistent!
    • Don’t change the meaning of a colour in the middle of the document.
    • The use of color should relate to normal expectations: hot - red , cold - blue .
    • The result should be aesthetically pleasant.
  • What makes a Good Interface?
    • It’s invisible!
    • It’s predictable
    • It’s easy to learn
    • It’s flexible
    • It’s easy to recover from errors
    • People like it!