Interface Design
Upcoming SlideShare
Loading in...5

Like this? Share it with your network


Interface Design

Uploaded on

Year 12 Software Design

Year 12 Software Design

More in: Technology
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads


Total Views
On Slideshare
From Embeds
Number of Embeds



Embeds 12 11 1

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

    No notes for slide


  • 1. Implementing Software Solutions Interface Design
  • 2. Brainstorm
    • List as many reasons why the user interface is important in the creation of software.
  • 3. Some Important Reasons!
    • Layout and use of screen elements have a direct impact on productivity.
  • 4. Some Important Reasons!
    • In event-driven interfaces users should have more control over the sequence of operations and the input of data.
  • 5. Major Factors
    • Below are the major factors that need to be considered when creating a user interface:
    • Identification of data required.
    • Current popular approaches.
    • Design of help screens.
    • Audience identification.
    • Consistency in approach.
  • 6. Identification of Data Required
    • Data can be of the following formats:
      • Sound
      • Text
      • Graphics
      • Animation
      • Video
    • So it is up to the developer to decide what screen design elements would be most suitable.
  • 7. Screen design Elements
    • Menus
    • Initiate execution of modules.
    • Command Buttons
    • Used to allow different navigation paths.
    • Initiate module execution.
  • 8. Screen design Elements
    • Toolbars
    • Used to quickly access commonly used elements.
    • Text Boxes
    • Used to receive user input
    • Validation is often needed.
  • 9. Screen design Elements
    • List Boxes
    • Force the user to select from given options.
    • Difficult to enter incorrect values.
    • Combo Boxes
    • Combine the functions of a text box with a list.
  • 10. Screen design Elements
    • Check Boxes
    • Used obtain a Boolean input from the user.
    • User can make multiple selections.
    • Radio Buttons
    • Force the user to select one of the displayed options e.g. Multiple choice Answer.
  • 11. Screen design Elements
    • Scroll Bars
    • Used to display the position of numeric data within a given range.
    • Labels
    • Used to output information and guidance to the user.
  • 12. Activity 1 Identify the appropriate screen design elements A) B) C) D) E) F) G) H) I)
  • 13. Current Popular Approaches
    • Previously command line interfaces such as DOS or UNIX were very popular.
    • However, the GUI is currently the most popular of all approaches.
    • The implementation of standards set out by other developers is important to minimise the learning time needed by users and make them more productive. E.g. File Menu.
  • 14. Activity 2
    • List as 5 current popular practices in software development. E.g. Splash screens.
    Popular Practices
  • 15. Activity 3
    • Look at the following website.
    • Great for your major project.
    • Select screen shots and outline the differences in atleast 3 interfaces open dialog box. E.g. Mac, Windows ect.
  • 16. Activity 4
    • Construct your own open dialog box. Use pencils to complete your design. Be sure to take into consideration all inputs and the current popular approach concerning GUI.
    • Label all screen elements.
  • 17. Design of Help Screens
    • Successful user interfaces are designed in such a way that users can quickly and intuitively learn to use a product.
    • Two main types of help:
      • Help, I have a problem.
      • Help, I nee some information.
  • 18. Activity 5
    • Identify the differences between the FOUR methods of providing help to users:
    • Context Sensitive Help
    • Procedural Help
    • Conceptual Help
    • Tutorials & Wizards
  • 19. Design of Help Screens
    • There are FOUR examples of help:
    • Context Sensitive Help
        • Gives users specific information relating to the level or module that they are currently operating.
        • Usually identified by a hyperlink to a new window
        • E.g. To save to secondary storage click on the disk button.
  • 20. What Is Secondary Storage?
    • Secondary storage is the saving of data to a portable or transferable media. This could include CD’s, DVD’s or Floppy Disks.
  • 21. Design of Help Screens
    • There are FOUR examples of help:
    • Procedural Help
        • Provides accurate instructions on how to complete a task.
        • Usually contains contents, index and search facility.
        • E.g. To create a play list select the create play list button………..
  • 22. Design of Help Screens
    • There are FOUR examples of help:
    • Conceptual Help
        • This is in regards to “why” rather than “how”.
        • The concepts behind the task are explained.
        • E.g. FAQ….Why is it necessary to create a play list?
  • 23. Design of Help Screens
    • There are FOUR examples of help:
    • Tutorials & Wizards
        • Give the user large amounts of information in the operation of the program.
        • Demonstrate or provide a framework for the user in regards to the completion of tasks.
  • 24. Audience Identification
    • All users are designed to meet the needs of intended audiences.
    • The major factors to be considered include:
      • Age
      • Level of expertise
      • Language Level
  • 25. Audience Identification
    • In a Nut Shell
    • “ An interface designed for pre-school children will be different to that written for engineers.”
  • 26. Activity 6
    • List 5 different questions that an analyst could implement into a questionnaire to determine different aspects of audience identification.
  • 27. Consistency
    • This allows users to anticipate actions and placement through the use of similar structures and tools within screen interfaces.
    • User interfaces should be consistent across the application as well as across platforms.
  • 28. Activity 7
    • Create the following interface:
    • An interface is required to allow users to quickly enter the following details:
      • First Name
      • Last Name
      • Age
      • Gender
      • Birth Month
      • Favourite Sport
      • Nationality
    • Try to incorporate a variety of screen elements such as: list and combo boxes, scroll bar, text boxes, radio and check boxes.