21AI038 HUMAN COMPUTER INTERACTION

Questions

Consider Two gaming apps,

Figure A1.1: Two gaming apps

(i) Following is a similar set of guidelines available from the Nokia developer’s home page:
1. Enable shortcuts (e.g., hot keys) for frequently used functions
2. Keep the user informed of his or her actions
3. Follow the device’s (vendor’s) interface patterns (positioning of the buttons and menus).
Based on the guidelines identify the similarities in a and b of Figure A1.1

(ii) Identify the changes to be made in the apps to make it more appealing. For example: reduce
menu size

iii Based on the guidelines given by nokia predict the guidelines to be followed while developing a
mobile app for chatting.

Imagine that you are watching a video on TV, turn down the volume and observe the non-verbal
behavior as the actor often exaggerate their gestures and facial expressions to convey their emotions.
It is easy to understand what kind of scene is happening from the actors posture, body movements,
gestures and facial expressions.
(i) Identify the method by which people compensate non-verbal communication during online chats

(ii) Say true or false and indicate the reason

Statement True/False Reason
Direct manipulation refers to direct interaction
with information objects
Contextual environment is based on how
humans perceive interfaces as super real
Super real is the interface in which locating
themselves in space and time

Consider you are working on a project “Eduplay” an interactive education app that combines games
with learning materials for young children aged 5 to 10.
(i) Consider the scenario and identify the team members involved in the process

(ii) Collaborative communication model can be used in the scenario. Justify

(iii) Identify the use of asynchronous communication used in the scenario given
You are designing a mobile app that helps users navigate through a large shopping mall. The app
provides information such as store locations, promotions and event schedules
- To ensure users can easily find their way around the mall clear and simple navigation tools like
maps, interactive floor plans can be used
- Applying principles like feedback (eg. Vibrate or auditory cues when arriving at a location) and
affordance ( buttons/ icons should look tappable) will ensure the app is intuitive and user
friendly.
(i) Consider the scenario and predict the method to incorporate personalization to an app which
track health fitness.

(ii) Identify the challenges to face while developing a health app. For example: getting personal
information

(iii) While developing a smart home system predict the ways to provide seamless and intuitive
experience to users

Figure E2.1: HCI design process

(i) Identify the missing steps A,B,C of Figure E2.1

(ii) Identify different phases of interfaces in Figure E2.1

(iii) Find A, B, C, D in the table with suitable areas of usage, first one is given:
Hardware interface selection options Suite area
Desktop Office related tasks
Smart phones A
Kiosks B
LCD C
Virtual Reality D
1 You have been tasked with designing a voice activated smart home control system for people with
physical disabilities, specifically those with limited mobility. The system will allow users to control
household appliances, lights, doors and entertainment systems using voice commands. The system
will also need to support various accessibility features such as speech recognition for different accents,
speech impairments and background noise interference. Additionally the system will integrate with a
mobile app that allows caregivers to monitor and control the home environment remotely. The voice
commands need to be intuitive and adaptable allowing users to perform complex actions like “dim the
lights and turn on the TV” or “lock all the doors and set the alarm”. The system should also provide
feedback in the form of visual or auditory responses, like notifications when commands are
successfully executed or when errors occur.
(i) The error handling and feedback for the above scenario can be done by:
- Real time feedback when command is not understood or ambiguous
- For visually impaired auditory responses
- For hearing impaired visual responses
- Able to do undo actions quickly

Similarly identify the methods to apply privacy and security to the above given scenario

(ii) To deal with the background noise we can implement a wake word. Predict alternative method
for background noise prevention
)
(iii) With reference to the above scenario, identify the steps to be taken for failure management in
critical situations like short circuit

2 Consider the below interaction Design Process diagram,

Figure B2.1 Interaction Design Process

(i)

Network of screens for add/ remove user is given in the above figure. Similarly identify network
screen for “message”
 (ii)

Consider (i) and (ii) and predict Space to highlight “A”

iii

Managing multiple columns in interactive system is given. Similarly identify the methods for
managing list of names

1 In GOMS models there are two methods CLOSE_METHOD and L7_METHOD

(i) Consider the scenario and develop GOMS function for photocopy paper.

(ii) The CCT model works on production rule as given:

Find the missing statement

(iii) Identify the GOMS model for getting money from ATM with CLOSE METHOD and L7 METHOD
3 A large e-commerce platform has introduced new features to enhance the shopping experience. These
features include inlays for providing additional product details and overlays for important notifications,
recommendations, and shopping cart updates.
Inlays:
When a user browses a product category (e.g., smartphones), small inlay popups appear when the
user hovers over or taps on a product thumbnail. These inlays show quick product specifications like
price, average rating, and key features. Users can choose to expand the inlay to reveal additional
details such as product comparisons, availability in nearby stores, or user reviews.
Overlays:
The platform also uses overlays to notify users of time-sensitive information, such as flash sales,
limited stock warnings, and cart reminders. These overlays appear at the top or bottom of the screen
and can be dismissed with a swipe or close button. If a user is idle on the platform for a certain amount
of time, an overlay may suggest items based on their browsing history. Overlays also inform users
when a product in their cart is about to sell out or when prices drop for a product they viewed earlier.

(i) Identify the inlays and overlays in a banking website

(ii) A user is searching for a new smartphone in a platform. As they scroll through the list, they
hover over a product, triggering an inlay that provides a quick glance at key specs like battery
life, camera quality, and price. The user clicks on the inlay to view a product comparison with
other smartphones in the same price range.
Identify the method to give notification to user on a sudden flash sale on the same product

(iii) Identify the overlays used in a e-commerce website

Figure E2.1: Mobile ecosystem

(i) Different types of Earcons are given below. Name of the first one is given. Identify the names of
other earcons A,B,C
(ii) Classify the following into Augmentation tools, meeting rooms, sharing surfaces:
VideoWhiteboard, TeamWorkStation, Xerox PARC’s CoLab, Capture Lab, IBIS, gIBIS

(iii)

Figure E2.2: Groupware in the time/space matrix

Identify the missing blocks A,B,C,D in the Figure E2.2