Hci Unit 2
Hci Unit 2
• Partial use of the system: Only a portion of the system's capabilities are used,
usually those operations that are easiest to perform or that provide the most
benefits. Historically, this has been the most common user reaction to most
computer systems. Many aspects of many systems often go unused.
• Modification of the task: The task is changed to match the capabilities of the
system. This is a prevalent reaction when the tools are rigid and the problem is
unstructured, as in scientific problem solving.
• Misuse of the system: The rules are bent to shortcut operational difficulties.
This requires significant knowledge of the system and may affect system
integrity.
• Direct programming: The system is reprogrammed by its user to meet specific
needs. This is a typical response of the sophisticated worker.
• Perception
• Proximity
• Similarity
• Matching patterns
• Succinctness
• Closure
• Unity
• Continuity
• Balance
• Expectancies
• Context
• Signals versus noise
JOB/TASK/NEED
User activities are precisely described in a task analysis. Task analysis involves
breaking down the user’s activities to the individual task level. The goal is to obtain an
understanding of why and how people currently do the things that will be automated.
Knowing why establishes the major work goals; knowing how provides details of
actions performed to accomplish these goals. Task analysis also provides information
concerning workflows, the interrelationships between people, objects, and actions, and
the user’s conceptual frameworks. The output of a task analysis is a complete
description of all user tasks and interactions.
One result of a task analysis is a listing of the user’s current tasks. This list should be
well documented and maintained. Changes in task requirements can then be easily
incorporated as design iteration occurs. Another result is a list of objects the users see
as important to what they do. The objects can be sorted into the following categories:
· for example.
· People who are the subject of sentences—normally the users of a system. o Abstract
objects—anything not included above.
The output of the task analysis is the creation, by the designer, of a conceptual model
for the user interface. A conceptual model is the general conceptual framework through
which the system’s functions are presented. Such a model describes how the interface
will present objects, the relationships between objects, the properties of objects, and
the actions that will be performed.
The goal of the designer is to facilitate for the user the development of useful mental
model of the system. This is accomplished by presenting to the user a meaningful
conceptual model of the system. When the user then encounters the system, his or her
existing mental model will, hopefully, mesh well with the system’s conceptual model.
Reflect the user’s mental model not the designer’s: A user will have different
expectations and levels of knowledge than the designer. So, the mental models of the
user and designer will be different. The user is concerned with the task to be
performed, the business objectives that must be fulfilled.
Draw physical analogies or present metaphors: Replicate what is familiar and well
known. Duplicate actions that are already well learned. A metaphor, to be effective,
must be widely applicable within an interface.
Comply with expectancies, habits, routines, and stereotypes: Use familiar associations,
avoiding the new and unfamiliar. With color, for example, accepted meanings for red,
yellow, and green are already well established. Use words and symbols in their
customary ways.
Provide action-response compatibility: All system responses should be compatible
with the actions that elicit them. Names of commands, for example, should reflect the
actions that will occur.
Make invisible parts and process of a system visible: New users of a system often
make erroneous or incomplete assumptions about what is invisible and develop a
faulty mental model. As more experience is gained, their mental models evolve to
become more accurate and complete. Making invisible parts of a system visible will
speed up the process of developing correct mental models
Provide proper and correct feedback: Be generous in providing feedback. Keep a
person informed of what is happening, and what has happened, at all times, including:
Provide visible results of actions. o Display actions in progress.
Defining Objects
Determine all objects that have to be manipulated to get work done. Describe:
o The relationship of objects to each other and the people using them.
o State information or attributes that each object in the task must preserve, display, or
allow to be edited.
Identify the objects and actions that appear most often in the workflow.
Make the several most important objects very obvious and easy to manipulate.
Developing Metaphors
A metaphor is a concept where one’s body of knowledge about one thing is used to
understand something else. Metaphors act as building blocks of a system, aiding
understanding of how a system works and is organized.
Real-world metaphors are most often the best choice. Replicate what is familiar and
well known. A common metaphor in a graphical system is the desktop and its
components,
o Choose the analogy that works best for each object and its actions.
o Use major metaphors, even if you can’t exactly replicate them visually.
INDIRECT METHODS
• MIS Intermediary
• Paper Surveyor Questionnaire
• Electronic Surveyor Questionnaire
• Electronic Focus Group
• Marketing and Sales
• Support Line
• E-Mail or Bulletin Board
• User Group
• Competitor Analyses
• Trade Show
• Other Media Analysis
• System Testing
6. List out Design Goals of Screen Designing. (Or) State the screen design
goals
A. Designing screens for interactive systems requires careful consideration of the needs and
capabilities of the users, the constraints of the display hardware, the capabilities of the
software, and the business functions and objectives. The following are some of the screen
design goals:
➢ Reflect the needs and capabilities of users: The screen design should consider the
characteristics, preferences, skills, and expectations of the intended users, and provide
appropriate feedback, guidance, and error handling.
➢ Fit the display hardware constraints: The screen design should take into account the
physical and technical limitations of the display device, such as size, resolution, color,
and input methods, and optimize the use of screen space and visual elements.
➢ Utilize the capabilities of the software: The screen design should make use of the
available software tools and features, such as widgets, graphics, animation, and sound, to
enhance the functionality and aesthetics of the interface.
➢ Help achieve the business functions and objectives: The screen design should support the
tasks and goals of the users and the organization, and provide clear and consistent
navigation, structure, and content.
By following these screen design goals, designers can create interfaces that are intuitive,
efficient, and satisfying for the users, and that contribute to the success of the organization.
• Design a conceptual model that is consistent with the user’s mental model of the task
domain and the system’s functionality. Use familiar concepts, metaphors, and
terminology that match the user’s expectations and goals.
• Design a conceptual model that is simple, coherent, and concise. Avoid unnecessary
complexity, ambiguity, and redundancy that may confuse or overwhelm the user.
Focus on the essential features and functions that the user needs to perform the task.
• Design a conceptual model that is visible and transparent. Provide clear and
informative feedback that reflects the system’s state, actions, and outcomes. Make the
invisible parts and processes of the system visible to the user when needed. Use
appropriate visual representations, such as icons, diagrams, or animations, to convey
the conceptual model.
• Design a conceptual model that is flexible and adaptable. Allow the user to choose
different ways of interacting with the system, such as menus, commands, gestures, or
voice. Support different levels of user expertise, from novice to expert. Provide
customization options that let the user tailor the system to their preferences and needs.
• Design a conceptual model that is testable and evaluable. Use user research methods,
such as interviews, surveys, observations, or prototyping, to elicit and validate the
user’s mental model and the system’s conceptual model. Use evaluation methods,
such as usability testing, heuristic evaluation, or cognitive walk through, to identify
and resolve any mismatches or problems in the conceptual model.
Screen elements are the informational, functional, framing, and decorative parts of the screen
that make up the user interface of an interactive system ¹. They are the building blocks of the
visual language that represents the information and functionality of the system to the user.
Some common examples of screen elements are windows, buttons, menus, icons, text fields,
images, and animations
The qualities of screen elements that make them effective and usable are:
Clarity: Screen elements should be clear and legible, with appropriate contrast, size, and font,
to ensure readability and accessibility for all users ¹.
Simplicity: Screen elements should be simple and straightforward, with minimal complexity,
to reduce cognitive load and enhance learnability and memorability ³.
Relevance: Screen elements should be relevant to the user's tasks and goals, and provide
meaningful feedback and guidance, to support the user's decision-making and problem-
solving .
Flexibility: Screen elements should be flexible and adaptable, to accommodate different user
preferences, contexts, and needs, and to allow for customization and personalization.
Aesthetics: Screen elements should be aesthetically pleasing and visually appealing, with
appropriate use of color, shape, and texture, to enhance the user's emotional engagement and
satisfaction .
By following these qualities, designers can create screen elements that are usable, effective,
and satisfying for the users, and that contribute to the success of the interactive system.
A. Ordering and organizing screen data and elements is an essential aspect of designing
effective and efficient user interfaces. Here are some possible guidelines for ordering and
organizing screen data and elements:
1.Divide information into logical units: Break down the information into meaningful and
coherent units that reflect the user’s tasks and goals. Use appropriate grouping and labeling to
convey the relationships and dependencies among the units.
2.Organize by interrelationship: Arrange the units and elements according to their degree of
interrelationship and relevance to the user’s workflow. Use appropriate sequencing, hierarchy,
and grouping to facilitate navigation and comprehension.
3.Prioritize according to user’s needs: Provide an ordering of screen units and elements that is
prioritized according to the user’s expectations and needs. Use appropriate feedback,
guidance, and error handling to support the user’s decision-making and problem-solving.
4.Use consistent and clear visual cues: Use consistent and clear visual cues, such as color,
shape, size, and position, to indicate the relationships and meanings of the screen elements.
Use appropriate typography, icons, and graphics to enhance the readability and accessibility
of the interface.
5.Provide multiple ways of interaction: Provide multiple ways of interacting with the screen
data and elements, such as menus, buttons, gestures, or voice commands, to accommodate
different user preferences, contexts, and needs. Use appropriate feedback and guidance to
support the user’s learning and exploration.
6.Test and evaluate the design: Use user research methods, such as interviews, surveys,
observations, or prototyping, to elicit and validate the user’s mental model and the system’s
conceptual model. Use evaluation methods, such as usability testing, heuristic evaluation, or
cognitive walkthrough, to identify and resolve any mismatches or problems in the ordering
and organization of screen data and elements.
By following these guidelines, designers can create interfaces that are intuitive, efficient, and
satisfying for the users, and that contribute to the success of the interactive system.
Display screens and read-only screens are two types of screens that are used in interactive
systems. Display screens are screens that are used to present information to the user, while
read-only screens are screens that are used to display information that cannot be edited by the
user.
Display screens are designed to be visually appealing, easy to read, and informative. They
should be organized in a logical and intuitive manner, with clear headings, labels, and
descriptions. The information presented on display screens should be accurate, up-to-date,
and relevant to the user’s needs and goals. Display screens can include various types of
screen elements, such as text, images, tables, charts, and graphs, depending on the nature of
the information being presented.
Read-only screens, on the other hand, are designed to be simple, clear, and unambiguous.
They should be organized in a way that makes it easy for the user to find the information they
need, without being distracted by unnecessary details or options. Read-only screens should be
visually distinct from editable screens, to avoid confusion and errors by the user. They should
also provide appropriate feedback and guidance, to help the user understand the meaning and
significance of the information presented.
The qualities of display screens and read-only screens that make them effective and usable
are:
By following these qualities, designers can create display screens and read-only screens that
are usable, effective, and satisfying for the users, and that contribute to the success of the
interactive system.
Question 11: What is the role of screen navigation in screen design? Explain.
In screen design, screen navigation plays a pivotal role in ensuring a seamless
and intuitive user experience. It encompasses the layout, structure, and
functionality of how users move through the interface to access content and
perform tasks. Screen navigation essentially acts as a roadmap guiding users to
their desired destinations within the interface.
Effective screen navigation enhances usability by:
1. Facilitating Information Access: It organizes content hierarchically, allowing
users to efficiently locate and access information. This is particularly crucial in
applications or websites with vast amounts of data.
2. Improving User Engagement: Intuitive navigation encourages users to
explore the interface, increasing engagement and time spent interacting with
the system.
3. Enhancing Learnability: Clear navigation aids in learning the system's layout
and functionalities, reducing the learning curve for new users.
4. Minimizing Cognitive Load: Well-designed navigation reduces cognitive
effort by presenting options logically and consistently, preventing users from
feeling overwhelmed or disoriented.
5. Supporting Task Completion: Seamless navigation guides users through
complex workflows, helping them accomplish tasks efficiently and accurately.
In essence, screen navigation serves as a bridge between the user and the
content or functionality they seek, contributing significantly to the overall
usability and user satisfaction of the interface.
Question 12: Discuss the guidelines for displaying the amount of information
on the screen.
Displaying an appropriate amount of information on the screen is crucial for
maintaining user engagement and comprehension. Here are some guidelines to
consider:
1. Prioritize Content: Display essential information prominently, relegating
secondary details to less prominent areas or subsequent screens. Prioritization
helps users focus on the most critical content first.
2. Chunk Information: Break content into digestible chunks, presenting it in
manageable segments rather than overwhelming users with a dense wall of
text or data.
3. Use White Space: Incorporate ample white space around elements to
prevent overcrowding and facilitate visual hierarchy. White space helps users
focus on individual elements and improves readability.
4. Employ Progressive Disclosure: Employ progressive disclosure techniques to
reveal additional information gradually as users express interest or need. This
prevents information overload and maintains a clean interface.
5. Utilize Visual Cues: Employ visual cues such as icons, color coding, and
typography to convey information efficiently. Visual cues aid in quickly scanning
and understanding content.
6. Consider Context: Tailor the amount of information displayed based on the
context of use. For example, mobile interfaces may require more concise
content due to limited screen space.
7. Provide Customization Options: Allow users to customize the amount of
information displayed based on their preferences and needs. Providing control
empowers users and enhances their experience.
By adhering to these guidelines, designers can strike a balance between
providing sufficient information and avoiding cognitive overload, thereby
creating a more user-friendly and engaging interface.
Question 13: Explain information retrieval on the web.
Information retrieval on the web refers to the process of accessing, searching
for, and retrieving relevant information from the vast amount of data available
on the World Wide Web. It involves various techniques and technologies aimed
at efficiently locating desired information amidst the abundance of online
content. Key components of web information retrieval include:
1. Search Engines: Search engines such as Google, Bing, and Yahoo serve as the
primary means for users to retrieve information on the web. These systems
employ algorithms to index and rank web pages based on relevance to user
queries.
2. Indexing: Search engines crawl the web, indexing content from web pages
into their databases. Indexing involves analyzing the content, keywords, links,
and other metadata to facilitate efficient retrieval.
3. Query Processing: When users enter a search query, search engines process
the query and retrieve relevant results from their indexes. This involves
matching keywords, understanding user intent, and applying ranking
algorithms to present the most relevant results.
4. Ranking Algorithms: Search engines utilize complex algorithms to rank
search results based on relevance, authority, and other factors. Common
ranking algorithms include PageRank, which evaluates the importance of web
pages based on their link structure.
5. User Interface: The user interface of search engines plays a crucial role in
information retrieval, providing users with options to refine their queries, filter
results, and explore related topics.
6. Information Visualization: Techniques such as snippets, knowledge graphs,
and rich media enhance the presentation of search results, aiding users in
quickly assessing the relevance and credibility of information.
Overall, information retrieval on the web is a multidisciplinary field that
encompasses computer science, information science, and human-computer
interaction, with the goal of enabling users to access and utilize online
information effectively.
Question 14: Explain statistical graphics screen planning.
Statistical graphics screen planning involves designing visualizations that
effectively communicate complex statistical information on computer screens.
It encompasses various considerations to ensure the clarity, accuracy, and
interpretability of statistical graphics. Key aspects of statistical graphics screen
planning include:
1. Data Encoding: Select appropriate visual encoding techniques to represent
different types of data accurately. Common encodings include position, length,
angle, area, color, and texture.
2. Graphical Elements: Determine the types of graphical elements (e.g., bars,
lines, points) and their arrangement to best convey the underlying statistical
patterns and relationships.
3. Scale and Axis Design: Choose suitable scales and axis designs to facilitate
accurate interpretation of quantitative information. Considerations include
scaling factors, tick mark placement, and labeling.
4. Annotation and Labeling: Provide clear annotations and labels to convey
contextual information, highlight key insights, and assist users in interpreting
the graphics accurately.
5. Interactivity: Incorporate interactive features to enable users to explore the
data dynamically, adjust parameters, and gain deeper insights into statistical
relationships.
6. Accessibility: Ensure that statistical graphics are accessible to users with
diverse needs, including those with visual impairments or disabilities. Consider
alternative text, color contrast, and other accessibility features.
7. Aesthetic Considerations: Balance aesthetic appeal with functional
effectiveness, avoiding clutter and distractions while maintaining visual
coherence and engagement.
By carefully planning and designing statistical graphics for computer screens,
designers can create informative and visually compelling visualizations that
facilitate data-driven decision-making and insights.
Question 15: Write a detailed note on Technological Considerations in
Interface Design.
Technological considerations play a crucial role in interface design, influencing
the usability, performance, and compatibility of the system across different
devices and platforms. Several key technological considerations include:
1. Platform Compatibility: Design interfaces that are compatible with various
platforms, including desktop computers, mobile devices, and tablets. Consider
factors such as screen size, input methods, and operating systems to ensure
consistent user experiences across platforms.
2. Responsive Design: Employ responsive design techniques to adapt interface
layouts and functionalities dynamically based on the user's device and screen
size. Responsive design enhances accessibility and usability across a range of
devices.
3. Performance Optimization: Optimize interface performance to minimize
loading times, latency, and resource consumption. Techniques such as code
optimization, image compression, and caching can improve the responsiveness
and efficiency of the interface.
4. Cross-Browser Compatibility: Test interfaces across different web browsers
to ensure compatibility and consistent rendering of content. Address browser-
specific quirks and inconsistencies to provide a seamless experience for users.
5. Accessibility Standards: Design interfaces in accordance with accessibility
standards such as WCAG (Web Content Accessibility Guidelines) to ensure
usability for users with disabilities. Consider factors such as keyboard
navigation, screen reader compatibility,and color contrast to enhance
accessibility.
6. Security Considerations: Implement security measures to protect user data
and privacy, including encryption, secure authentication, and data validation.
Address potential vulnerabilities such as cross-site scripting and SQL injection
to safeguard against security threats.
7. Integration with Backend Systems: Ensure seamless integration between
the interface and backend systems or databases to enable data retrieval,
processing, and storage. Utilize appropriate APIs (Application Programming
Interfaces) and data exchange formats for efficient communication between
frontend and backend components.
By addressing these technological considerations in interface design, designers
can create robust, user-friendly interfaces that deliver optimal performance,
accessibility, and compatibility across different devices and platforms.