Implementing Software Solutions Interface Design
Brainstorm <ul><li>List as many reasons why the user interface is important in the creation of software. </li></ul>WHY?
Some Important Reasons! <ul><li>Layout and use of screen elements have a direct impact on productivity. </li></ul>
Some Important Reasons! <ul><li>In event-driven interfaces users should have more control over the sequence of operations ...
Major Factors <ul><li>Below are the major factors that need to be considered when creating a user interface: </li></ul><ul...
Identification of Data Required <ul><li>Data can be of the following formats: </li></ul><ul><ul><li>Sound </li></ul></ul><...
Screen design Elements <ul><li>Menus </li></ul><ul><li>Initiate execution of modules. </li></ul><ul><li>Command Buttons </...
Screen design Elements <ul><li>Toolbars </li></ul><ul><li>Used to quickly access commonly used elements. </li></ul><ul><li...
Screen design Elements <ul><li>List Boxes </li></ul><ul><li>Force the user to select from given options. </li></ul><ul><li...
Screen design Elements <ul><li>Check Boxes </li></ul><ul><li>Used obtain a Boolean input from the user. </li></ul><ul><li>...
Screen design Elements <ul><li>Scroll Bars  </li></ul><ul><li>Used to display the position of numeric data within a given ...
Activity 1 Identify the appropriate screen design elements A) B) C) D) E) F) G) H) I)
Current Popular Approaches <ul><li>Previously command line interfaces such as DOS or UNIX were very popular. </li></ul><ul...
Activity 2 <ul><li>List as 5 current popular practices in software development. E.g. Splash screens. </li></ul>Popular Pra...
Activity 3 <ul><li>Look at the following website. </li></ul><ul><li>http://www.guidebookgallery.org/index </li></ul><ul><l...
Activity 4 <ul><li>Construct your own open dialog box. Use pencils to complete your design. Be sure to take into considera...
Design of Help Screens <ul><li>Successful user interfaces are designed in such a way that users can quickly and intuitivel...
Activity 5 <ul><li>Identify the differences between the FOUR methods of providing help to users: </li></ul><ul><li>Context...
Design of Help Screens <ul><li>There are FOUR examples of help: </li></ul><ul><li>Context Sensitive Help </li></ul><ul><ul...
What Is Secondary Storage? <ul><li>Secondary storage is the saving of data to a portable or transferable media. This could...
Design of Help Screens <ul><li>There are FOUR examples of help: </li></ul><ul><li>Procedural Help </li></ul><ul><ul><ul><l...
Design of Help Screens <ul><li>There are FOUR examples of help: </li></ul><ul><li>Conceptual Help </li></ul><ul><ul><ul><l...
Design of Help Screens <ul><li>There are FOUR examples of help: </li></ul><ul><li>Tutorials & Wizards </li></ul><ul><ul><u...
Audience Identification <ul><li>All users are designed to meet the needs of intended audiences. </li></ul><ul><li>The majo...
Audience Identification <ul><li>In a Nut Shell </li></ul><ul><li>“ An interface designed for pre-school children will be d...
Activity 6 <ul><li>List 5 different questions that an analyst could implement into a questionnaire to determine different ...
Consistency <ul><li>This allows users to anticipate actions and placement through the use of similar structures and tools ...
Activity 7 <ul><li>Create the following interface: </li></ul><ul><li>An interface is required to allow users to quickly en...
Upcoming SlideShare
Loading in...5
×

Interface Design

478

Published on

Year 12 Software Design

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
478
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
39
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Interface Design

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

    Clipping is a handy way to collect important slides you want to go back to later.

×