Docstoc

User Interface Design(1)

Document Sample
User Interface Design(1) Powered By Docstoc
					User Interface Design




                 Academic
                PowerPoint
                             1
               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.
                                    2
               What is it?
• Interface design is achieved through the
  screen, mouse, keyboard, touchpads etc.




                                             3
         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.

                                          4
      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
                                              5
         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?
                                     6
         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?


                                     7
       Good User Interface Design
1. Be consistent

• Put buttons in
  consistent places   2. Set a Standard
• Use a consistent
  colour scheme       • To maintain consistency a
• Use the same          standards sheet or template
  wording in            should be used.
  messages            • This should contain information
                        on fonts, backgrounds and
                        graphic formats
                                                      8
      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.
                                                      9
       Good User Interface Design
5. Clear Navigation

• Put buttons in
  consistent places
• Use a consistent    6. Navigation within the Screen
  colour scheme
• Use the same        • People read left to right and top
  wording in            to bottom - so information should
  messages              be organised in a similar
                        manner.

                                                     10
     Good User Interface Design
7. Use Colour

• Be careful not to
  overuse colour.
• Don’t use bright
  colours in the
  background - so that   8. White Space is OK
  everyhting else is
  lost.                  • Try and avoid overcrowding on
                           the screen by leaving plenty of
                           ‘white space’ between objects
                           and controls.
                                                        11
        Good User Interface Design
9. Interface Objects

• Objects used on
  screen should look        10. Consider the User
  and behave exactly
  like the ‘real’ objects   • Cater to a particular
  they represent.             group
                                • Readers - read text
                                • Viewers -
                                entertainment
                                • Users - functionality
                                                    12
    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



                                                13
              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

                                             14
                   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.                            15
    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!

                                       16
           Supporters

We would like to express our thanks
 for the continued support from:

            Accelerate


                                      17

				
DOCUMENT INFO
Shared By:
Categories:
Tags:
Stats:
views:5
posted:6/21/2012
language:English
pages:17
Lingjuan Ma Lingjuan Ma
About