7.user Interface Design
7.user Interface Design
8. Speed of recall
9. Error prevention
User Interface Elements
Input Controls: checkboxes, radio buttons, dropdown
lists, list boxes, buttons, toggles, text fields, date field.
Navigational Components: breadcrumb, slider, search
field, pagination, slider, tags, icons.
Graphical User Interface vs. Text-
based User Interface
In a GUI multiple windows with different information
can simultaneously be displayed on the user screen.
This is perhaps one of the biggest advantages of GUI
over text-based interfaces.
Iconic information representation and symbolic
information manipulation is possible in a GUI
A GUI usually supports command selection using an
attractive and user-friendly menu selection system.
In a GUI, a pointing device such as a mouse or a light
pen can be used for issuing commands. The use of a
pointing device increases the efficacy issue procedure.
On the other hand, a text-based user interface can be
implemented even on a cheap alphanumeric display
terminal.
Graphics terminals are usually much more expensive
than alphanumeric terminals.
Types of user interfaces
User interfaces can be classified into
the following categories:
1. Command language based interfaces
2. Menu-based interfaces
3. Direct manipulation interfaces
4. Graphical user interface
5. Natural language
Command Language-based Interface
is based on designing a command language which the user
can use to issue the commands.
The user is expected to frame the appropriate commands
in the language and type them in appropriately whenever
required.
Command language-based interfaces allow fast interaction
with the computer and simplify the input of complex
commands.
Examples
Menu-based Interface
An important advantage of a menu-based interface
over a command language-based interface is that a
menu-based interface does not require the users to
remember the exact syntax of the commands.
A menu-based interface is based on recognition of the
command names, rather than recollection.
A menu-driven interface is commonly used on cash
machines (also known as automated teller machines,
or ATMs), ticket machines and information kiosks
(for example in a museum).
Contt..
Menu-driven interfaces provide a simple and an easy
to use interface composed of a series of menus and
sub-menus which the user accesses by pressing
buttons, often on a touch-screen device.
Examples
Direct Manipulation Interfaces
Direct manipulation interfaces present the interface to the
user in the form of visual models (i.e. icons or objects).
For this reason, direct manipulation interfaces are
sometimes called as iconic interface.
In this type of interface, the user issues commands by
performing actions on the visual representations of the
objects, e.g. pull an icon representing a file into an icon
representing a trash box, for deleting the file.
Examples
Examples
Important advantages of iconic interfaces include the
fact that the icons can be recognized by the users very
easily, and that icons are language-independent.
Graphical User interface
Graphical user interfaces (GUI) are sometimes also
referred to as WIMP because they
use Windows, Icons, Menus and Pointers.
Operators use a pointing device (such as a mouse,
touchpad or trackball) to control a pointer on the
screen which then interacts with other on-screen
elements.
Natural language
A natural language interface is a spoken interface
where the user interacts with the computer by talking
to it.
This referred to as a 'conversational interface', this
interface simulates having a conversation with a
computer.
An Example of this type of interface is Voice
Recognition.
This is the kind of interface used by the popular iPhone
application called Siri and Cortana in Windows.