1 / 15

Web GUI Interface Design

Web GUI Interface Design. By Michelle Yeung. What is Web GUI Interface Design?. GUI Interface Design is deals with the ease which the users can complete their task. Through consistent interface, users can use the tools more effectively on any platform, operating system, or browser.

nara
Download Presentation

Web GUI Interface Design

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. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Web GUI Interface Design By Michelle Yeung

  2. What is Web GUI Interface Design? GUI Interface Design is deals with the ease which the users can complete their task. • Through consistent interface, users can use the tools more effectively on any platform, operating system, or browser. • Intuitive interface with design cues allow faster usage and lower learning curve. • A good design allows the maximum amount of users at any level to understand the interface. • Users can understand feedback and suggestion provided by the interface to help their work.

  3. CoNsiStEnt Interface Through consistent interface, users can usethe tools more effectively on any platform, operating system, or browser. This is an example of an inconsistent interface. It has difficult to read font sizes and colors that are not representative of their function.

  4. Intuitive Design Intuitive interface with design cues allow faster usage and lower learning curve.

  5. Good Design A good design allows the maximum amount of users at any level to understand the interface.

  6. Helpful Feedback Users can understand feedback and suggestion provided by the interface to help their work.

  7. Through the users, employers increase productivity. • Users who understand the interface complete more work faster, and with consistency. • When a design is good, frustration is lower and users can work with each other without the interface interfering. • Users are as diverse as the work force – there should be no advantage to any group based on job function, demographics, computer skill, business skill, or physical characteristics.

  8. Efficiency thanks to graphics Users who understand the interface complete more work faster, and with consistency. Graphical cues help. Example of an intuitive graphical interface, with needed tools available. It is reminiscent of computer folder structure.

  9. Efficiency due to Interface When a design is good, frustration is lower and users can work with each other without the interface interfering. Example of a confusing interface. While the tools are also readily available, numbers before each title is supposed to represent placement of the page. The previous design was graphical and a user did not need prior knowledge of this numbering scheme.

  10. Globally understood navigation Users are as diverse as the work force – there should be no advantage to any group based on job function, demographics, computer skill, business skill, or physical characteristics.

  11. Proper GUI Interface Design takes into account that all levels of users exist. • Because the web is used throughout many parts of the world, cues for usage are not based on culture or a specific area – they are based on research on how humans learn. • Design includes visual cues such as placement of commands, readability, color, and speed of use.

  12. Humans Scan Objects Side-to-side Because the web is used throughout many parts of the world, cues for usage are not based on culture or a specific area – they are based on research on how humans learn.

  13. Visual cues help the user Design includes visual cues such as placement of commands, readability, color, and speed of use.

  14. What else is involved in Web GUI Interface Design? • Tools should be as standard as possible so a user will be familiar with related programs and platforms. • Beginning users must be able to use the interface, while advanced users should not be hindered by the interface. • Text must be readable for the average user and adjustable for those with other preferences.

  15. Bibliography Implementing Visual Design Patterns By James Hobart http://www.classicsys.com August 2002 What Kind of Users Use Your GUI? By Aviva Rosenstein, Ph.D. http://www.classicsys.com May 2001 Clip art from Computoons.com, and Adobe.com Screenshots from cnn.com, petflytrap.com, and lmu.edu Principles of Good GUI Design By James Hobart http://www.classicsys.com October 1995 Five Mistakes to Avoid When Implementing a Thin-Client GUI Strategy By James Hobart http://www.classicsys.com May 2000 Other screenshots from webpages created by Michelle Yeung

More Related