21IS733

Model Question Paper with effect from 2021 (CBCS Scheme)

USN

Seventh Semester B.E. Degree Examination User

Interface Design

TIME: 03 Hours Max. Marks: 100

Note: 01. Answer any FIVE full questions, choosing at least ONE question from each
MODULE.

Module -1 Mark
Download s
Q.01 a Define user interface. Explain the importance and benefits of good design. 10

A user interface (UI) is the component of a computer system that users interact
with, encompassing all elements that allow them to communicate their needs
to the system. This includes visual elements like screens, buttons, and icons, as
well as auditory elements like sounds and voice commands. The UI is crucial
because it serves as the primary means through which users engage with
software, making it essential for effective human-computer interaction.

Importance of Good Design

1. User-Centric Experience : A well-designed user interface is vital for

creating a positive user experience. It acts as a window through which users
can view and utilize the capabilities of the system. If the interface is confusing
or poorly structured, users may find it difficult to perform tasks, leading to
frustration and errors.

2. Efficiency and Productivity : Good design significantly enhances

efficiency. Research indicates that users can complete tasks more quickly and
with fewer mistakes when using well-designed interfaces. For example, one
study showed that users completed transactions 25% faster and made 25%
fewer errors on screens that followed good design principles.

3. Reduced Training Costs : Intuitive interfaces lower the time and resources
needed for training. When users can easily navigate a system, the need for
extensive training diminishes, which in turn reduces support costs due to fewer
assistance calls.

4. Increased User Satisfaction : A thoughtfully designed interface can lead to

higher satisfaction levels among users. By minimizing confusion and
frustration, users are more likely to have a positive experience, which can also
enhance customer satisfaction in service-oriented applications.

Page 01 of 02
 21IS733
5. Economic Advantages : Addressing design issues early in the development
process can yield significant economic benefits. Organizations can save time
and resources by avoiding costly redesigns and ensuring that the final product
effectively meets user needs. This proactive approach can lead to improved
service delivery and customer retention.

Benefits of Good Design

• Clarity and Navigation : Good design provides clear visual and

conceptual organization, making it easier for users to navigate and
understand the system.
• Error Reduction : Well-designed interfaces help minimize user
errors, which can lead to increased productivity and reduced
frustration.
• Enhanced Aesthetics : Aesthetically pleasing designs can attract
users and create a more enjoyable interaction, encouraging continued
use of the system.
• Adaptability : Good design considers various devices and screen
resolutions, ensuring that the interface remains functional and user-
friendly across different platforms.

the importance and benefits of good user interface design are profound. It not
only enhances user experience and satisfaction but also contributes to
organizational efficiency and economic success. A well-designed interface is
essential for meeting user expectations and facilitating effective interaction
with technology.
b Explain advantages and disadvantages of graphical user interface design. 10

Graphical User Interface (GUI) design has both advantages and disadvantages
that are crucial to understand for effective user experience. Here’s a detailed
breakdown:

Advantages of GUI Design:

1. Sophisticated Visual Presentation : GUIs offer a visually appealing

interface that can enhance user engagement. The use of icons and graphics
makes the interface more intuitive and easier to navigate.

2. Faster Recognition of Symbols : Users can recognize symbols and icons

faster than text, which can speed up the interaction process. This is particularly
beneficial in applications where quick decision-making is essential.

3. Low Typing Requirements : GUIs often utilize pointing devices like a

mouse or trackball, reducing the need for typing skills. This makes them
accessible to a broader range of users, including those who may struggle with
traditional text input.

Page 01 of 02
 21IS733
4. Direct Manipulation : Users can interact directly with graphical elements,
which can make tasks feel more intuitive. This method allows for immediate
feedback, enhancing the user experience.

5. Concurrent Performance of Functions : GUIs can support multitasking,

allowing users to run multiple applications simultaneously and switch between
them easily. This is particularly useful in complex workflows.

6. Easily Augmented with Text Displays : While graphical elements are

prominent, GUIs can also incorporate text displays to provide additional
information, making them versatile in conveying messages.

7. Improved User Satisfaction : A well-designed GUI can lead to lower

training costs, reduced support calls, and increased employee satisfaction due
to a more pleasant and efficient user experience.

Disadvantages of GUI Design:

1. Greater Design Complexity : Designing a GUI can be complex due to the

multitude of choices available. Poor design choices can lead to confusion and
undermine user acceptance.

2. Learning Curve : Users may face a learning curve when first encountering
a GUI. The actions required may not be immediately obvious, leading to
frustration.

3. Inefficiency for Touch Typists : For experienced typists, using a mouse can
be slower than typing, which may hinder productivity for those who are
accustomed to keyboard shortcuts.

4. Screen Space Consumption : GUIs can consume more screen space than
text-based interfaces. For example, a simple list of names and numbers may be
more efficiently displayed in a textual format than in a graphical card file.

5. Hardware Limitations : Effective GUI design often requires hardware with

adequate power, processing speed, and graphic capabilities. This can limit
accessibility for users with older or less capable devices.

6. Not Always the Preferred Interaction Style : Some users may prefer textual
interfaces or a combination of text and graphics, especially in contexts where
clarity and speed are paramount.

7. Potential for Confusion : If not designed carefully, GUIs can lead to

confusion and lower productivity, particularly if navigation is not intuitive or
if the interface is cluttered.

while graphical user interfaces offer numerous advantages that enhance user
interaction and satisfaction, they also come with challenges that designers
Page 01 of 02
 21IS733
must address to create effective and user-friendly systems. Balancing these
factors is key to successful GUI design.
OR
Q.02 a Compare the characteristics of GUI versus web design. 10

When comparing the characteristics of Graphical User Interface (GUI) design

and Web design, several key differences and similarities emerge. Here’s a
detailed breakdown:

1. Interaction Styles :
- GUI : Offers various interaction styles such as command line, menu
selection, form fill-in, direct manipulation, and anthropomorphic interfaces.
These styles allow users to interact with the system in multiple ways, depending
on their preferences and the context of use.
- Web Design : Primarily focuses on navigation and presentation of
information. While it also utilizes similar interaction styles, the emphasis is on
how users navigate between pages and access content rather than on complex
interactions.

2. Navigation :
- GUI : Navigation can be more straightforward due to the presence of
menus, toolbars, and icons that guide users through the application. The design
can be more controlled and structured.
- Web Design : Navigation is crucial and must be intuitive, as users often
move between various pages. The design goal is to create a natural hierarchy of
menus and pages that is easy to use and understand.

3. Visual Presentation :
- GUI : Typically allows for sophisticated visual presentations with rich
graphics, animations, and multimedia elements. Designers can create visually
appealing interfaces that enhance user experience.
- Web Design : While it can also be visually rich, web design must consider
factors like loading times and browser compatibility. Aesthetics are important,
but they must not compromise performance or usability.

4. Performance and Speed :

- GUI : Generally, GUIs can leverage the processing power of the local
machine, allowing for faster interactions and smoother performance.
- Web Design : Users have become more discerning about performance; slow
download times or confusing navigation can lead to user abandonment.
Therefore, web interfaces must be optimized for speed and efficiency.

5. Device Adaptability :
- GUI : While GUIs can be designed for various screen sizes, they are often
tailored for specific devices or operating systems.
- Web Design : Must be adaptable to a wide range of devices and screen
resolutions, from desktops to mobile phones. Responsive design is a critical

Page 01 of 02
 21IS733
aspect of modern web design.

6. User Expectations :
- GUI : Users may expect a certain level of familiarity and functionality
based on the operating system or application they are using.
- Web Design : Users have become more discerning and expect a seamless
experience across different websites. Confusing layouts or poor design can lead
to frustration and abandonment.

7. Complexity and Learning Curve :

- GUI : Can be complex due to the variety of controls and options available.
Users may need to learn how to navigate the interface effectively.
- Web Design : While it can also be complex, the focus is on clarity and ease
of use. The design should minimize the learning curve and provide clear visual
cues.

while both GUI and web design share some fundamental principles, they differ
significantly in their focus, interaction styles, navigation, performance
considerations, and user expectations. Effective design in both realms requires
a deep understanding of user needs and the context in which the interface will
be used.
b Briefly explain general principles of user interface design. 10

The general principles of user interface design are essential guidelines that help
create effective and user-friendly interfaces. Here’s a brief overview of these
principles:

1. Aesthetically Pleasing : The interface should be visually appealing. This can

be achieved by:
- Providing meaningful contrast between screen elements.
- Creating groupings of related items.
- Aligning elements and groups for a clean layout.
- Using three-dimensional representations where appropriate.
- Effectively and simply utilizing color and graphics.

2. Clarity : The interface must be clear in visual, conceptual, and linguistic

terms. This includes:
- Ensuring visual elements are easily distinguishable.
- Using straightforward language and concepts that users can easily
understand.

3. Revealed Structure : The relationship between a user's intention and the

resulting effect should be minimized. Users should easily see how their actions
affect the system.

4. Consistency : Consistency aids in learning and usability. This includes:

- Maintaining uniformity in element locations, grammar, font styles, and sizes.
Page 01 of 02
 21IS733
- Using consistent selection indicators and emphasis techniques.

5. Emotional Impact : The interface should evoke the appropriate emotional

response based on the product and its target market. For instance, a corporate
system should feel professional, while a game interface might be more
whimsical.

6. Match with the Medium : The design must reflect the capabilities of the
device it’s displayed on, considering factors like screen resolution and color
generation.

7. Directness : Provide direct ways for users to accomplish tasks, ensuring that
available alternatives and the effects of actions are visible.

8. Efficiency : Minimize unnecessary movements and actions. Navigation paths

should be short and intuitive, allowing for smooth transitions between controls.

9. Familiarity : Use familiar concepts and language that resonate with users,
mimicking their natural behavior patterns and employing real-world metaphors.

10. Flexibility : The system should accommodate the varying needs of users,
allowing for different levels of performance based on individual knowledge and
experience.

Module-2
Download
Q. 03 a Briefly explain the five commandments to eliminate the pitfalls in designing 10
the user interface.

The five commandments to eliminate pitfalls in designing the user interface

are essential guidelines that help ensure a user-centered design process. Here’s
a brief explanation of each:

1. Gain a Complete Understanding of Users and Their Tasks : Designers must

prioritize understanding the users' needs, expectations, and tasks. This means
that the design should cater to the users rather than the developers, ensuring
that the interface aligns with what users actually require.

2. Solicit Early and Ongoing User Involvement : Engaging users from the
beginning of the design process is crucial. This involvement provides valuable
insights into their tasks and needs, and helps address any resistance to change,
which is a common human trait. Continuous feedback from users can guide
the design in the right direction.

3. Perform rapid prototyping and testing: Prototyping and testing the

product will quickly identify problems and allow you to develop solutions.

Page 01 of 02
 21IS733
Prototyping and testing must be continually performed during all stages of
development to uncover all potential defects. If thorough testing is not
performed before product release, the testing will occur in the user’s office.
Encountering a series of problems early in system use will create a negative
first impression in the customer’s mind, and this may harden quickly,
creating attitudes that may be difficult to change. It is also much harder and
more costly to fix a product after its release.

4. Modify and iterate the design as much as necessary: While design will
proceed through a series of stages, problems detected in one stage may force
the developer to revisit a previous stage.. Establish user performance and
acceptance criteria and continue testing and modifying until all design
goals are met.

5. Integrate the design of all the system components: The software, the
documentation, the help function, and training needs are all important
elements of a graphical system or Web site and all should be developed
concurrently. Time will also exist for design trade-offs to be thought out more
carefully.

By adhering to these commandments, designers can significantly reduce

common pitfalls and create interfaces that are more effective and user-
friendly.
b Describe in detail, the important human characteristics in user interface 10
design.

In user interface design, understanding important human characteristics is

crucial for creating effective and user-friendly systems. Here are the key
human characteristics that designers should consider:

1. Knowledge and Experience : Designers must assess the user's level of

computer literacy, which can range from highly technical and experienced
users to those with little or no experience. This includes understanding their
familiarity with the specific system being designed and their experience with
similar applications. For instance, a user with high system experience will
navigate interfaces differently than a novice.

2. User Needs and Tasks : It's essential to identify the specific needs, tasks,
and jobs that users will perform with the system. This involves understanding
whether the use of the system is mandatory (required for their job) or
discretionary (optional). Mandatory users may have a higher motivation to
learn the system due to job requirements, while discretionary users may only
engage if the system meets their needs effectively.

3. Psychological Characteristics : Designers should consider the

psychological traits of users, such as their attitudes towards technology, their
tolerance for frustration, and their overall satisfaction with the system. A
positive user attitude can enhance engagement and lead to continued use,
Page 01 of 02
 21IS733
while negative experiences can deter users.

4. Physical Characteristics : The physical attributes of users, such as their

dexterity, vision, and any disabilities, must be taken into account. For
example, interfaces should be designed to be accessible to users with varying
levels of physical ability, ensuring that all users can interact with the system
comfortably.

5. Education Level : Understanding the general educational background of

users is vital. This includes knowing whether users have high school diplomas,
college degrees, or advanced degrees, as it influences their ability to
comprehend complex information and instructions.

6. Reading Level : The vocabulary and grammatical structure used in the

interface should match the reading level of the target audience. This ensures
that users can easily understand the text and instructions presented to them.

7. Typing Skills : Users may have varying typing skills, from expert typists to
those who use the hunt-and-peck method. Designing interfaces that
accommodate different typing abilities can enhance usability and reduce
frustration.

8. Native Language and Culture : The language spoken by users and their
cultural background can significantly impact interface design. Designers
should consider whether the interface will be in English or another language
and how cultural differences may affect user expectations and interactions.

9. User Engagement : Understanding how users interact with computers is

essential. Designers should observe how users identify tasks, navigate through
the interface, and seek information. This insight can guide the design process
to create a more intuitive and engaging user experience.

10. Consistency and Familiarity : Users benefit from interfaces that reflect
real-world conventions and maintain internal consistency. This means using
familiar symbols, layouts, and navigation patterns that align with users'
previous experiences, making it easier for them to learn and use the system
effectively.

By considering these human characteristics, designers can create user

interfaces that are not only functional but also intuitive and enjoyable to use,
ultimately leading to higher user satisfaction and engagement.
OR
Q.04 a Explain the techniques for determining user requirements using indirect 10
methods.

Indirect methods of determining user requirements involve placing an

intermediary between the developer and the user. This can be done through

Page 01 of 02
 21IS733
various means, such as electronic tools or personnel who act as a bridge.

Page 01 of 02
 21IS733

b Explain the guidelines for designing conceptual models. 10

The guidelines for designing conceptual models are essential for creating user-
friendly interfaces that align with users' mental models. Here are the key
points:

Page 01 of 02
 21IS733
1. Reflect the User’s Mental Model : It's crucial to design with the user's
perspective in mind, rather than the designer's. Users have different
expectations and levels of knowledge, so the design should cater to their tasks
and objectives.

2. Use Physical Analogies and Metaphors : Incorporate familiar concepts and

actions that users already understand. Effective metaphors should be widely
applicable within the interface, helping users relate to the system intuitively.

3. Explain Inconsistencies : While occasional inconsistencies in design may

be unavoidable, it's important to communicate these to users clearly. This
helps them adjust their mental models accordingly.

4. Provide Documentation and Help Systems : Don't expect users to discover

consistencies and metaphors on their own. A robust help system should
reinforce the conceptual model and assist users in improving their
understanding.

5. Support Novice and Expert Users : Recognize that novices and experts will
have different mental models. The design should accommodate both user
types, facilitating their respective learning and usage processes.

6. Define Objects Clearly : Identify all objects that users need to manipulate
to complete tasks. Describe their behaviors, characteristics, relationships, and
the actions that can be performed on them.

7. Develop a Conceptual Model : The designer should create a conceptual

model that outlines how the system's functions are presented, including the
relationships and properties of objects and the actions users can take.

8. Use Design Standards and Style Guides : Establishing design standards

helps achieve consistency, which benefits users by reducing errors, training
time, and improving satisfaction. It also aids developers by simplifying the
design process.

9. Provide Feedback : Offer clear and timely feedback to users about their
actions. This includes displaying results, indicating ongoing processes, and
providing context information.

10. Avoid Irrelevant Information : Ensure that only relevant information is

displayed to prevent users from forming incorrect mental models based on
unnecessary data.

By following these guidelines, designers can create interfaces that are

intuitive, efficient, and aligned with users' expectations, ultimately enhancing
user experience and satisfaction.
Module-3
Download
Page 01 of 02
 21IS733
Q. 05 a Explain the structure of menus in detail. 10

Page 01 of 02
 21IS733

b Discuss Website Navigation in detail 10

Website navigation is a crucial aspect of web design that significantly impacts

user experience and accessibility. Effective navigation allows users to find
Page 01 of 02
 21IS733
information quickly and intuitively, enhancing their overall interaction with
the site. Here are several key components and best practices for website
navigation:

1. Navigation Structure : A well-organized navigation structure is essential.

This typically includes a main menu that categorizes content into logical
sections. For instance, a website might have categories like "Home," "About
Us," "Services," "Blog," and "Contact." Each category should be clearly
labeled to guide users effectively.

2. Hierarchy and Depth : It's important to maintain a clear hierarchy in

navigation. Primary navigation should be easily accessible, while secondary
options can be nested under main categories. However, it's advisable to limit
the depth of navigation to avoid overwhelming users. Ideally, users should be
able to reach any page within three clicks.

3. Visual Elements : Incorporating visual elements such as icons, buttons, and

dropdown menus can enhance navigation. These elements should be consistent
in style and placement throughout the site. For example, using a recognizable
home icon for the homepage link helps users quickly identify it.

4. Responsive Design : With the increasing use of mobile devices, responsive

navigation is vital. This means that navigation should adapt to different screen
sizes, often transforming into a hamburger menu on smaller devices. This
ensures that users can navigate easily, regardless of the device they are using.

5. Search Functionality : Including a search bar can significantly improve

navigation, especially for content-heavy websites. Users can quickly find
specific information without having to browse through multiple pages. The
search function should be prominently placed, typically at the top of the page.

6. Breadcrumbs : Breadcrumb navigation provides users with a trail of links

that shows their current location within the site hierarchy. This not only helps
users understand where they are but also allows them to navigate back to
previous sections easily.

7. Consistent Layout : Consistency in navigation layout across all pages is

crucial. Users should not have to relearn navigation as they move from one
page to another. This includes keeping the main menu in the same location and
using the same style for links and buttons.

8. Accessibility : Ensuring that navigation is accessible to all users, including

those with disabilities, is essential. This can be achieved by using descriptive
link text, providing keyboard navigation options, and ensuring that the site is
compatible with screen readers.

9. Feedback Mechanisms : Providing feedback when users interact with

navigation elements is important. For example, highlighting the current page
Page 01 of 02
 21IS733
in the menu helps users understand their location within the site. Additionally,
using hover effects on links can indicate interactivity.

10. Testing and Optimization : Finally, it's important to regularly test and
optimize navigation based on user feedback and analytics. Understanding how
users interact with the navigation can reveal areas for improvement, ensuring
that the navigation remains effective and user-friendly.

effective website navigation is a blend of structure, design, and user-centric

principles. By focusing on these elements, web designers can create a
seamless and enjoyable experience for users, ultimately leading to higher
engagement and satisfaction.
OR
Q. 06 a Describe the functions of menus. 05

Page 01 of 02
 21IS733

b Explain the content of menus. 05

c List all kinds of Graphical menus and explain any one in detail. 10

REFER NOTES PAGE NUMBER 12 Download

Module-4
Download
Q. 07 a Explain any five components of windows. 10
Page 01 of 02
 21IS733

Here’s a detailed explanation of five key components of windows in computing,

which can be elaborated for a 10-mark response:

1. Frame :
• The frame, or border, of a window is crucial as it defines the boundaries
of the window and visually separates it from other windows on the
screen.
• Typically rectangular in shape, the frame helps users understand where
one window ends and another begins, contributing to a more organized
workspace.
• The frame may also include visual elements like shadows or colors that
enhance the aesthetic appeal and usability of the interface.

2. Title Bar :
• The title bar is located at the top of the window and spans its entire
width.
• It contains a descriptive title that identifies the content or purpose of the
window, which is essential for user navigation and task management.
• The title bar often includes additional features such as the ability to drag
the window around the screen, providing users with control over their
workspace layout.

3. Title Bar Icon :

• Positioned at the left corner of the title bar, the title bar icon serves as a
gateway to a pull-down menu of commands that are relevant to the
window's content.
• This icon allows users to quickly access functions such as closing,
minimizing, or maximizing the window, enhancing efficiency by reducing
the need to navigate through multiple menus.
• It often represents the application or document type, providing a visual cue
to the user.

4. Window Sizing Buttons :

• Located at the right corner of the title bar, these buttons are essential for
manipulating the size of the window.
• Users can maximize the window to fill the screen, minimize it to the
taskbar, or restore it to its previous size, allowing for flexible
management of screen real estate.
• This functionality is particularly important in multitasking environments
where users may need to switch between different applications or
documents quickly.

5. Active Window Indicator :

• The active window indicator is a visual cue that differentiates the
currently active window from others on the screen.
• This may be achieved through color changes, highlighting, or other visual
Page 01 of 02
 21IS733
effects that make the active window stand out.
• By clearly indicating which window is active, this component helps
prevent user confusion and enhances productivity, especially when
multiple windows are open simultaneously.

These components collectively contribute to a user-friendly windowing

environment, facilitating efficient task management and information access.
Understanding these elements is essential for both users and developers to
create and navigate effective computing interfaces.
b Discuss window presentation styles. 10

Window presentation styles are crucial in determining how information is

displayed and interacted with on a computer screen. There are two primary
styles: tiled and overlapping windows.

1. Tiled Windows :
• Tiled windows are arranged in a single plane on the screen, similar to

how tiles are laid out on a floor or wall.

• They expand or contract to fill the available display area as needed,

allowing users to see multiple windows at once without any overlap.
• Most systems support two-dimensional tiled windows, which can be
adjusted in both height and width. This style is particularly useful for
tasks that require simultaneous access to various pieces of information, as
it minimizes the need for switching between windows.
Advantages:
• The system usually allocates and positions windows for the user,
eliminating the necessity to make positioning decisions.
• Open windows are always visible, eliminating the possibility of them
being lost and forgotten.
• Every window is always completely visible, eliminating the possibility of
information being hidden.
Disadvantages:
• Only a limited number can be displayed in the screen area available.
• As windows are opened or closed, existing windows change in size. This
can be annoying.
• As windows change in size or position, the movement can be
disconcerting.
Page 01 of 02
 21IS733

2. Overlapping Windows :
• In contrast, overlapping windows can cover one another, allowing users
to stack multiple windows on top of each other.

• This style can be beneficial for focusing on a specific window while still
having access to others, but it may lead to visual clutter if not managed
properly.
• Overlapping windows often require effective window management
techniques to ensure that important information is not hidden behind
other windows.
Advantages:
• Visually, their look is three-dimensional, resembling the desktop that is
familiar to the user.
• Greater control allows the user to organize the windows to meet his or
her needs.
• Windows can maintain larger sizes.
• Windows can maintain consistent sizes.
• Windows can maintain consistent positions.
Disadvantages:
• They are operationally much more complex than tiled windows. More
control functions require greater user attention and manipulation.
• Information in windows can be obscured behind other windows.
• Windows themselves can be lost behind other windows and be presumed
not to exist.
• That overlapping windows represent a three-dimensional space is not
always realized by the user.
• Control freedom increases the possibility for greater visual complexity
and crowding. Too many windows, or improper offsetting, can be
visually overwhelming.

3. Cascaded Windows :
- A variation of overlapping windows, cascaded windows are arranged in a
staggered manner, allowing users to see the title bars of all open windows.

Page 01 of 02
 21IS733
- This arrangement helps in quickly identifying and accessing different
windows without losing track of them.

Advantages:
• No window is ever completely hidden.
• Bringing any window to the front is easier.
• It provides simplicity in visual presentation and cleanness.

4. Unfolded Windows and Dialog Boxes :

- Unfolded windows can expand to show more information or controls, while
dialog boxes are typically used for user interactions, such as confirming actions
or entering data.
- These types of windows are designed to be resizable or fixed in size,
depending on the context of their use.

the choice of window presentation style significantly impacts user experience.

Tiled windows promote visibility and accessibility, while overlapping windows
offer flexibility but require careful management to avoid confusion.
Understanding these styles helps in designing effective user interfaces that
Page 01 of 02
 21IS733
enhance productivity and ease of use.

Page 01 of 02
 21IS733

OR
Q. 08 a Explain the characteristics of touch screen and keyboard. 10

The characteristics of touch screens and keyboards are quite distinct, each
offering unique advantages and disadvantages that cater to different user needs
and tasks. Here’s a detailed breakdown:

Touch Screen

Description:
- A touch screen is a special surface on the screen that is sensitive to touch
from a finger or stylus.

Advantages:
1. Direct Interaction: There is a direct relationship between hand movements
and pointer location, which enhances user experience in terms of direction,
distance, and speed.
2. No Additional Desk Space Required: Touch screens do not need extra
space for peripherals, making them ideal for compact work environments.
3. High Usability in High-Use Environments: They are designed to withstand
frequent use, making them suitable for kiosks and public interfaces.
4. Intuitive Use: The action of touching the screen is familiar to most users,
which can reduce the learning curve.

Disadvantages:
1. Obscured View: Users may obscure part of the screen with their hands
while interacting, which can hinder visibility.
2. Fatigue: Prolonged use can be tiring, as it requires reaching out to the
screen.
3. Limited Precision: For small targets, finger size may affect accuracy,
making it challenging to select small icons or buttons.

Keyboard

Description:
- A keyboard is a standard input device consisting of keys for typing text and
controlling cursor movement.

Advantages:
1. Familiarity: Most users are accustomed to using a keyboard, making it a
comfortable choice for text entry.
2. Efficiency for Text Entry: It is particularly advantageous for heavy text
input and manipulation, allowing for fast typing through kinesthetic memory.
3. No Additional Space Required: Keyboards do not take up extra desk space
beyond their own footprint.
4. Support for Shortcuts: Keyboards allow for the use of keyboard shortcuts

Page 02 of 02
 21IS733
and mnemonics, which can speed up workflow.

Disadvantages:
1. Slower for Non-Touch Typists: Users who do not touch type may find
keyboards slower compared to other input devices.
2. Indirect Interaction: There is no direct relationship between hand
movements on the keys and cursor movement on the screen, which can slow
down tasks that require pointing.
3. Requires Discrete Actions: Operating a keyboard involves separate actions
for different tasks, which can be less fluid than touch interactions.

touch screens excel in direct interaction and space efficiency, making them
suitable for environments where quick, intuitive access is needed. On the
other hand, keyboards are better for tasks requiring extensive text input and
offer familiarity and efficiency for users who are skilled typists. The choice
between the two often depends on the specific tasks at hand and user
preferences.
b What are the different windows management schemes? Discuss any two of the 10
schemes.

Page 02 of 02
 21IS733

FOR Workbooks AND Projects REFER PAGE NUMBER 16 , 17 Download

Module-5
Download
Q. 09 a Explain Radio Buttons and List Boxes selection controls. 10

Radio buttons and list boxes are two types of selection controls used in user
interface design, each serving distinct purposes and offering unique
advantages.

Radio Buttons
Description:
Page 02 of 02
 21IS733
Radio buttons are a two-part control consisting of small circles, diamonds, or
rectangles paired with choice descriptions. When a user selects one option, it
becomes highlighted, while any previously selected option is automatically
unhighlighted and deselected.

Purpose:
The primary purpose of radio buttons is to allow users to select one item from
a small set of mutually exclusive options, typically ranging from 2 to 8
choices.

Advantages:
- Visibility: All alternatives are always visible, making it easy for users to
access and compare choices.
- User Preference: Research studies, such as those by Johnsgard et al. (1995)
and Tullis and Kodimer (1992), have shown that users prefer radio buttons for
presenting mutually exclusive choices.

Disadvantages:
- Screen Space: Radio buttons can consume significant screen real estate,
limiting the number of options that can be displayed at once.

Proper Usage:
Radio buttons are best used when there is adequate screen space available, and
the choices are discrete and small in number. They should be used for setting
attributes or values where the options are stable and do not change frequently.
It's important not to use radio buttons for commands or to indicate the
presence or absence of a state; a single checkbox is more appropriate for that
purpose.

List Boxes
Description:
List boxes display a collection of items, which can be either mutually
exclusive (single-selection) or not (multiple-selection). They can show a large
number of options and may be scrollable to accommodate extensive lists.

Purpose:
The purpose of a list box is to present a collection of items for selection,
allowing users to choose one or more items from a long list.

Advantages:
- Visibility: List boxes keep all available choices visible, reminding users of
their options.
- Unlimited Options: They can display a large number of alternatives without
a strict limit on size.

Disadvantages:
- Screen Space Consumption: List boxes can take up excessive screen space,
which may be a drawback in designs with limited real estate.
Page 02 of 02
 21IS733

Design Guidelines:
- Selection Indication: Selected items should be marked with an "X" or check
mark.
- Command Buttons: Include buttons for adding or removing items from a
summary list box, if applicable.
- Defaults: When first displayed, the active selection should reflect previous
user activity.

radio buttons are ideal for small sets of mutually exclusive options, while list
boxes are better suited for larger collections of items, allowing for single or
multiple selections. Both controls enhance user experience when designed
and implemented correctly, keeping usability and cognitive load in mind.
b Discuss presentation controls in detail. 10

Presentation controls are an essential aspect of user interface design, serving

primarily to provide information and structure to the screen. They do not allow
for user interaction in the same way that operable controls do; instead, they are
purely informational. Common examples of presentation controls include static
text fields, group boxes, column headings, ToolTips, balloon tips, and progress
indicators.

The role of presentation controls is to enhance the user's understanding of the

interface by clearly delineating different sections and providing context for the
operable controls. For instance, static text fields can be used to label input areas,
while group boxes can visually group related controls together, making it easier
for users to navigate the interface.

When designing presentation controls, there are several key principles to keep
in mind:

1. Clarity : The information presented should be clear and easily

understandable. This means using straightforward language and avoiding jargon
that might confuse users.

2. Consistency : Presentation controls should follow a standard design to ensure

that users can quickly recognize and understand their purpose. For example,
using consistent fonts, colors, and layouts helps users form expectations based
on their previous experiences.

3. Visual Hierarchy : Effective use of visual hierarchy can guide users'

attention to the most important information. This can be achieved through the
use of size, color, and placement of text and other elements on the screen.

4. Accessibility : It's crucial to consider accessibility when designing

presentation controls. This includes ensuring that text is legible and that color
contrasts are sufficient for users with visual impairments.

Page 02 of 02
 21IS733
5. Feedback : While presentation controls are not interactive, they can still
provide feedback. For example, progress indicators can inform users about the
status of a process, helping to manage their expectations.

presentation controls play a vital role in organizing information and enhancing

usability in user interfaces. By adhering to principles of clarity, consistency,
visual hierarchy, accessibility, and feedback, designers can create effective
presentation controls that improve user experience and satisfaction.
OR
Q. 10 a Explain any two types of prototypes used in User Interface Design. 10

• A prototype is primarily a vehicle for exploration, communication,

and
evaluation. Its purpose is to obtain user input in design, and to provide
feedback
to designers.
• A prototype is a simulation of an actual system that can be quickly
created.
• prototype may be a rough approximation, such as a simple hand-drawn
sketch,
or it may be interactive, allowing the user to key or select data using
controls,
navigate through menus, retrieve displays of data, and perform basic
system
functions.
• A prototype may have great breadth, including as many features as
possible to
present concepts and overall organization, or it might have more
depth,
including more detail on a given feature or task to focus on individual
design
aspects.

o Focus is on the design, not the interface mechanics.

o A low-fidelity prototype.
➢ Advantages:
o Can be used very early in the development process.
o Suited for use by entire design team.
o No large investment of time and cost.
o No programming skill needed.
o Easily portable.

Page 02 of 02
 21IS733
o Fast to modify and iterate.
o A rough approximation often yields more substantive critical
comments.
o Easier to comprehend than functional specifications.
o Can be used to define requirements.
➢ Disadvantages:
o Only a rough approximation.
o Limited in providing an understanding of navigation and flow.
o A demonstration, not an exercise.
o Driven by a facilitator, not the user.
o Limited usefulness for a usability test.
o A poor detailed specification for writing the code.
o Usually restricted to most common tasks.
➢ Sketch Creation Process
Sketch (storyboard) the screens while determining:
Use an erasable medium.
Sketch the screens needed to complete each workflow task.
Try out selected metaphors and change them as necessary.
First, storyboard common/critical/frequent scenarios.
o The source of the screen’s information.
o The content and structure of individual screens.
o The overall order of screens and windows.
o Follow them from beginning to end.
o Then, go back and build in exceptions.
Don’t get too detailed; exact control positioning is not important,
just overall order and flow.
Storyboard as a team, including at least one user.
Only develop online prototypes when everyone agrees that a
complete set of screens has been satisfactorily sketched.

Page 02 of 02
 21IS733

REFER PAGE NUMBER 54 IN MODUEL 5 [ PPT ] FOR MORE

PROTOTYPES Download
b Explain Cognitive Walkthroughs ,Think Aloud Evaluations and Usability 10
tests conducted in User Interface Design.

Cognitive Walkthroughs, Think Aloud Evaluations, and Usability Tests are

three critical methodologies in User Interface (UI) design that help ensure
interfaces are user-friendly and effective. Here’s a detailed explanation of each
method, suitable for a 10-mark response:

1. Cognitive Walkthroughs :
• Definition : This method involves a structured evaluation of a user
interface from the perspective of a new user. It focuses on
understanding how easily a user can navigate the interface without prior
experience.
• Process : Evaluators simulate the user's thought process while
attempting to complete specific tasks. They ask key questions at each
step, such as:
• Will the user know what to do at this step?
• Will the user notice that the correct action is available?
• Will the user associate the correct action with the desired outcome?
• Purpose : The goal is to identify potential usability issues early in the
design process by emphasizing the cognitive processes and expectations
of users. This method is particularly effective for pinpointing areas
Page 02 of 02
 21IS733
where users may struggle or become confused.
• Advantages:
o Allow a clear evaluation of the task flow early in the design
process.
o Do not require a functioning prototype.
o Low cost.
o Can be used to evaluate alternate solutions.
o Can be performed by developers.
o More structured than a heuristic evaluation.
o Useful for assessing ―exploratory learning.‖
• Disadvantages:
o Tedious to perform.
o May miss inconsistencies and general and recurring problems.

2. Think Aloud Evaluations :

• Definition : In this approach, users are instructed to verbalize their
thoughts while interacting with the interface. This method provides a
window into the user's mental model and decision-making processes.
• Process : As users navigate the interface, they articulate their thoughts,
feelings, and reactions. Observers listen and take notes on the users'
comments, which can reveal insights into their experiences.
• Benefits : This method allows evaluators to:
• Gain direct insight into user behavior and thought processes.
• Identify specific points of frustration or misunderstanding.
• Understand how users prioritize tasks and make decisions based on the
interface.
• Outcome : The feedback gathered can inform design improvements and
enhance the overall user experience.
• Advantages:
— Utilizes actual representative tasks.
— Provides insights into the user’s reasoning.
• Disadvantages:
— May be difficult to get users to think out loud.

3. Usability Tests :
• Definition : Usability testing involves real users performing predefined
tasks on the interface while observers collect data on their performance.
• Process : Users are asked to complete specific tasks, and metrics such
as task completion rates, time on task, and error rates are recorded. This
can be done in various settings, including controlled lab environments
or remote testing.
• Key Aspects :
• Observing how users interact with the interface in a realistic context.
• Gathering both qualitative and quantitative data to assess usability.
• Identifying areas for improvement based on user performance and
feedback.

Page 02 of 02
 21IS733
• Outcome : The results of usability tests provide actionable insights that
can lead to design refinements, ultimately enhancing user satisfaction
and effectiveness.
• Advantages:
o Utilizes an actual work environment.
o Identifies serious or recurring problems.
• Disadvantages:
o High cost for establishing facility.
o Requires a test conductor with user interface expertise.
o Emphasizes first-time system usage.
o Poorly suited for detecting inconsistency problems.

Together, these three methods form a comprehensive approach to evaluating

and improving user interfaces. By focusing on the user's perspective, designers
can create interfaces that are not only functional but also intuitive and user-
friendly. This user-centered design process is essential for achieving high
levels of usability and satisfaction in any software application.

Page 02 of 02