Scribd
Upload
30 views

User Interface Design and Menu

user interface

Uploaded by

aqsa riaz
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
30 views

User Interface Design and Menu

user interface

Uploaded by

aqsa riaz
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 12

User Interface Design

And Menu

7/9/2019 1
Outline
User interface
Types of User Interface
Standards of user interface
Title bar
Window title
Window size
Interface elements
Menu design
Standards of menu design
End

7/9/2019 2
User Interface
User Interface (UI) Design focuses on anticipating
what users might need to do and ensuring that the
interface has elements that are easy to access,
understand, and use to facilitate those actions.
There are different ways of interacting with
computer systems which have evolved over the
years.

7/9/2019 3
Types of User Interface
There are five main types of user interface:
command line (cli)
graphical user interface (GUI)
menu driven (mdi)
form based (fbi)
natural language (nli)

7/9/2019 4
Standards Of User Interface
Title Bar
Window Title
Window Size

7/9/2019 5
Title Bar
Use the title bar controls as follows:
Close: All primary and secondary windows with a standard window
frame should have a Close button on the title bar. Clicking Close has the
effect of canceling or closing the window.
Minimize All primary windows and long-running modeless secondary
windows (such as progress dialogs) should have a Minimize button.
Clicking Minimize reduces the window to its taskbar button.
Consequently, windows that can be minimized require a title bar icon.
Maximize/Restore: All resizable windows should have a
Maximize/Restore button. Clicking on which, should Maximize displays
the window in its largest size, which for most windows is full screen.

7/9/2019 6
Window Title
A document window should display the name of the document being
viewed. Application windows display the application name. Panels
display a descriptive title appropriate for that window. If the contents of
the window can change, it might be appropriate to change the title to
reflect the current content.

7/9/2019 7
Window Size
Choose a default window size appropriate for its contents. Don't be
afraid to use larger initial window sizes if you can use the space
effectively.
For text documents, consider a maximum line length of 65 characters to
make the text easy to read. (Characters include letters, punctuation, and
spaces.)

In this example, Windows


Media® Player changes its
format when the window
becomes too small for the
standard format.

7/9/2019 8
Interface Element
Interface elements include :
Input Controls: buttons, text fields, checkboxes, radio buttons,
dropdown lists, list boxes, toggles, date field
Navigational Components: breadcrumb, slider, search field, pagination,
slider, tags, icons
Informational Components: tooltips, icons, progress bar, notifications,
message boxes, modal window
Containers: accordion

7/9/2019 9
Menu Design
Menus : A list of options from which the user can choose what they
require.

7/9/2019 10
Standards Of Meune Design
A large application system will allow the user to perform many different
functions.
The user must choose from a large number of options.
It is important to use the computer to organize and arrange the objects of
the application system so that they are easy to find and to understand.
Menus provide a convenient means of doing so.
Here are some standards to be consider during menu design
1. Reduce Learning
2. Eliminate Confusion
3. Your Choice of Language
4. Apply design Elements as They are Originally Defined

7/9/2019 11
Standards Of Meune Design
5. Consider Various Well-established Conventions When Deciding on
Layout.
6. Design for your User’s Expectations
7. Create Consistent Visual Elements throughout Your Site

7/9/2019 12

You might also like