Developing a Graphical User Interface (GUI)

An error occurred trying to load this video.

Try refreshing the page, or contact customer support.

Coming up next: Application Development Processes: Internal & External

You're on a roll. Keep up the good work!

Take Quiz Watch Next Lesson
Your next lesson will play in 10 seconds
  • 0:05 Graphical User Interface
  • 2:27 Importance of Interface Design
  • 3:45 Interface Development
  • 5:06 Other Aspects of…
  • 5:55 Lesson Summary
Save Save Save

Want to watch this again later?

Log in or sign up to add this lesson to a Custom Course.

Log in or Sign up

Speed Speed Audio mode
Lesson Transcript
Instructor: Paul Zandbergen

Paul is a GIS professor at Vancouver Island U, has a PhD from U of British Columbia, and has taught stats and programming for 15 years.

A computer system needs a user interface. Graphical user interfaces have become very popular due to their ease of use. Learn about the elements of user interfaces and how interfaces are developed to improve the usability of software applications.

Graphical User Interface

All computer systems need some form of user interface so that the computer and human being can communicate. The most widely used type of interface for today's computer systems is a graphical user interface, or GUI (pronounced as gooey).

A graphical user interface uses visual elements that present information stored in a computer in an easy-to-understand manner. These elements make it easy for people to work with and use computer software. A GUI uses windows, icons, and menus to carry out commands, such as opening files, deleting files and moving files. GUI software is much easier to use than command line software since there is no need to type in and memorize individual commands.

The most common graphical elements are represented by WIMP: window, icon, menu, and pointer. A window is an area on the screen that displays information. The contents of the window are displayed independently from the rest of the screen. As you probably guessed, the Windows operating system derives its name from the use of windows. An icon is a small picture that represents objects, such as a program or file. You can manipulate the icon in different ways. For example, double-clicking the icon opens up the program or file. A menu provides a list of choices to users. Options are selected using a mouse or other pointing device. Menus show what is possible within the software in terms of commands and functions. A pointer is an onscreen symbol that represents movement of a device that the user controls to select windows, icons, and menus.

These four elements have dominated user interface design since they were first introduced in the mid-1980s. Most recently, mobile devices, such as smartphones and tablets, have starting using these elements in new ways due to constraints in space and available input devices. Touchscreen technology has introduced new interactions such as pinching and rotating, which are not supported by traditional input devices.

Importance of Interface Design

Designing a good user interface is critical to the success of a system. A good user interface encourages an easy and natural interaction between a user and a system. Ideally, a user can forget that she is using a computer and get on with what she wants to do.

While a slick-looking interface may be really cool, the overriding concern when it comes to user interface design is usability. Usability is defined in an official ISO standard as 'the extent to which a product can be used by specified users to achieve specified goals with effectiveness, efficiency, and satisfaction in a specified context of use.' What that means in practical terms is that a well-designed interface should contribute to the following:

  • Learnability: How easy is it for users to accomplish basic tasks?
  • Efficiency: How quickly can they perform tasks?
  • Memorability: How easily can users establish proficiency?
  • Errors: How many errors do users make?
  • Satisfaction: How pleasant is it to use the design?

User interface design is critical to the success of a system, and it should be part of the original design concepts for the system.

Interface Development

User interface design requires a good understanding of user needs. A typical user interface design process follows these steps:

To unlock this lesson you must be a Member.
Create your account

Register to view this lesson

Are you a student or a teacher?

Unlock Your Education

See for yourself why 30 million people use

Become a member and start learning now.
Become a Member  Back
What teachers are saying about
Try it risk-free for 30 days

Earning College Credit

Did you know… We have over 200 college courses that prepare you to earn credit by exam that is accepted by over 1,500 colleges and universities. You can test out of the first two years of college and save thousands off your degree. Anyone can earn credit-by-exam regardless of age or education level.

To learn more, visit our Earning Credit Page

Transferring credit to the school of your choice

Not sure what college you want to attend yet? has thousands of articles about every imaginable degree, area of study and career path that can help you find the school that's right for you.

Create an account to start this course today
Try it risk-free for 30 days!
Create an account