Unit-I: Foundations of Hci 9
Unit-I: Foundations of Hci 9
Unit-I: Foundations of Hci 9
net
UNIT-I
FOUNDATIONS OF HCI 9
The Human: I/O channels – Memory – Reasoning and problem solving; The computer:
Devices – Memory – processing and networks; Interaction: Models – frameworks – Ergonomics
– styles – elements – interactivity- Paradigms.
PART A
Questions CO Bloom’
Q.No s Level
1 What is meant by Human-computer interaction? C41 BTL1
Human-computer interaction is the study, planning and design of how people 0.1
computer work together so that a person’s needs are satisfied in the most effective
way.
2 How the HCI ensure the following when designing, selecting, commissioning C41 BTL1
or modifying software: 0.1
● that it is suitable for the task
● that it is easy to use and, where appropriate, adaptable to the user’s
knowledge and experience
● that it provides feedback on performance
● that it displays information in a format and at a pace that is adapted to the
user
that it conforms to the ‘principles of software ergonomics’
3 What are the input and output channels: C41 BTL1
–visual channel 0.1
–auditory channel
–haptic channel
–movement
www.AUNewsBlog.net
www.AUNewsBlog.net
www.AUNewsBlog.net
www.AUNewsBlog.net
www.AUNewsBlog.net
www.AUNewsBlog.net
18 What are the Devices for virtual reality and 3D interaction? C41 BTL1
● Seeing in 3D 0.1
● VR motion sickness
● Simulators and VR caves
● Touch, feel and smell
● Physical controls
19 Define Visualization. C41 BTL1
It is a cognitive process that allows people to understand information that 0.1
difficult to perceive, because it is either too voluminous or too abstract
20 What are the stages of execution and evaluation cycle? C41 BTL1
1.Establishing the goal. 0.1
2.Forming the intention.
3.Specifying the action sequence.
4.Executing the action.
5.Perceiving the system state.
6.Interpreting the system state.
7.Evaluating the system state with respect to the goals and intentions.
21 What are goals of interface design? C41 BTL1
The goals in interface design are 0.1
• Reduce visual work.
• Reduce intellectual work.
• Reduce memory work.
• Reduce motor work.
• Minimize or eliminate any burdens
22 What are the common interface styles ? C41 BTL1
● command line interface 0.1
● menus
● natural language
● question/answer and query dialog
● form-fills and spreadsheets
● WIMP
● point and click
● three-dimensional interfaces
23 What are the several factors that can limit the speed of an interactive system? C41 BTL1
NOV/DEC2018 0.1
● Computation bound
● Storage channel bound
● Graphics bound
● Network capacity
24 What are The stages in Norman’s model of interaction C41 BTL1
1.Establishing the goal. 0.1
2. Forming the intention.
3. Specifying the action sequence.
4. Executing the action.
5. Perceiving the system state.
6. Interpreting the system state.
www.AUNewsBlog.net
www.AUNewsBlog.net
7. Evaluating the system state with respect to the goals and intentions.
25 What is ergonomics APR /MAY 2017 C41 BTL1
Ergonomics (or human factors) is traditionally the study of the physical 0.1
characteristics of the interaction: how the controls are designed, the physical
environment in which the interaction takes place, and the layout and physical
qualities of the screen
26 What are the organizations in Arrangement of controls and displays. C41 BTL1
functional controls and displays are organized so that those that are 0.1
functionally related are placed together;sequential controls and displays are
organized to reflect the order of their use in a typical interaction (this may be
especially appropriate in domains where a particular task sequence is enforced,
such as aviation);frequency controls and displays are organized according to
how frequently they are used, with the most commonly used controls being the
most easily accessible.
www.AUNewsBlog.net
www.AUNewsBlog.net
31 What are the mental models and why they important in interface design? C41 BTL1
(APR/MAY 2018) 0.1
Mental models are one of the most important concepts in human–computer
interaction (HCI) It's a prime goal for designers to make the user interface
communicate the system's basic nature well enough that users form reasonably
accurate (and thus useful) mental models. Individual users each have their own
mental model.
32 List out text entry devices? (APR/MAY 2018) C41 BTL4
A text entry interface or text entry device is an interface that is used to enter text 0.1
information an electronic device. A commonly used device is a mechanical
computer keyboard. Most laptop computers have an integrated mechanical
keyboard, and desktop computers are usually operated primarily using a keyboard
and mouse. Devices such as smartphones and tablets mean that interfaces such as
virtual keyboards and voice recognition are becoming more popular as text entry
systems.
www.AUNewsBlog.net
www.AUNewsBlog.net
www.AUNewsBlog.net
www.AUNewsBlog.net
PART-B
2 Distinguish between short term & long term memory. State C410. BTL4
requirements to perform cognitive walkthrough of a system? Page 1
no: 29 NOV/DEC 2017
www.AUNewsBlog.net
www.AUNewsBlog.net
3 Explain the model of the structure of human memory with C410. BTL5
diagrammatic illustration? Page no: 27 APR/MAY 2017 1
4 Explain the common interface styles used in interactive system. Page C410. BTL5
no: 31 NOV/DEC 2018 1
5 Discuss the factors that can limit the speed of an interactive computer C410. BTL6
system? Page no: 152 APR/MAY 2017 1
6 With examples explain the various types of users and the C410. BTL5
organizational issues to be considered in designing an interactive 1
system? Page no: 384 NOV/DEC 2017
7 Explain positioning, pointing and drawing devices in detail. Page no: C410. BTL5
42 1
8 Examine the technology involved in display devices? Page no: 47 C410. BTL4
NOV/DEC2018 1
9 List and explain the stages of Norman’s model of interaction? Page C410. BTL4
no: 125 APR/MAY 2017 1
10 Explain different styles of interaction & interface system? Page no: C410. BTL5
211 APR/MAY 2017 1
11 Explain in detail about elements of the WMP INTERFACE Page no: C410. BTL5
155 APR/MAY 2018 1
12 Write down the effects of finite processor Page no: 133APR/MAY C410. BTL5
2018 1
13 Write down the factors that can limit the speed of an interactive C410. BTL5
system? Page no: 140APR/MAY 2018 1
14 Explain the framework of Human computer interaction Page no: 145 C410. BTL1
NOV/DEC2018 1
15 Explain about the features of direct manipulation interfaces in detail C410. BTL5
Page no: 155 NOV/DEC2018 1
www.AUNewsBlog.net
www.AUNewsBlog.net
UNIT-2
PART-A
Questions CO Bloom’
Q.No s Level
1 What are the steps for Interaction design process? NOV/DEC 2018 C41 BTL1
● Requirements 0.2
● Analysis
● Design
● Iteration and prototyping
● Implementation and deployment
2 Identify human characteristics in design? C41 BTL3
The important human characteristics in design are perception, memory, visual 0.2
acuity, fovea and peripheral vision, sensory storage, information processing
learning, skill and individual differences.
3 What are the guidelines for designing conceptual model? C41 BTL1
0.2
• Reflect the user’s mental model.
• Provide action-response compatibility.
• Provide proper and correct feedback.
• Provide design consistency.
• Provide documentation and a help system that will reinforce the
conceptual model.
• Promote the development of both novice and expert mental models.
www.AUNewsBlog.net
www.AUNewsBlog.net
www.AUNewsBlog.net
www.AUNewsBlog.net
www.AUNewsBlog.net
www.AUNewsBlog.net
● Detailed design
● Coding and unit testing
● Integration and testing
● Maintenance
www.AUNewsBlog.net
www.AUNewsBlog.net
www.AUNewsBlog.net
www.AUNewsBlog.net
www.AUNewsBlog.net
www.AUNewsBlog.net
What are the approaches present for user support C41 BTL1
Command assistance 0.2
Command prompts
38 Context-sensitive help
Online tutorials
Online documentation
Wizards and assistants
www.AUNewsBlog.net
www.AUNewsBlog.net
PART-B
2 Discuss the principles of good UI design. Evaluate the suitability of C410. BTL6
the manual tour booking form using UI design principles. Page no: 2
260 NOV/DEC2107
3 Explain Global structure – hierarchical organization. Page no: 278 C410. BTL5
2
4 Explain different Tools for layout Page no: 300 C410. BTL5
2
5 Explain in detail about iterative design and prototyping Page no: 290 C410. BTL6
2
6 Explain in detail about interaction design process. Page no: 189 C410. BTL5
APR/MAY 2017 , APR/MAY 2018 2
www.AUNewsBlog.net
www.AUNewsBlog.net
7 Explain the Principles to support usability. Consider the following C410. BTL5
usability objective. Theatre booking clerks with low motivation, no 2
computing experience and no previous training, working in a small
and hectic box office, are able to learn to reserve or book seats within
a one hour period. What measure could be taken and which
techniques would you consider appropriate to test whether this
objective was met? Page no: 420 NOV/DEC2107.
8 Explain Shneiderman’s eight Golden rules of interface design Page C410. BTL5
no: 282 APR/MAY 2017 2
9 Explain about the factors that influence for choosing evaluation C410. BTL5
techniques. Outline the approaches used for evaluating through 2
expert analysis? Page no: 320 APR/MAY 2017, NOV/DEC2018
10 Discuss in detail about the activities in waterfall and spiral model of C410. BTL6
software life cycle? Page no: 298APR/MAY 2018, NOV/DEC2018 2
11 What rules must be followed for interface design? Explain Page no: C410. BTL1
282 2
13 Discuss in detail about the visual tools used in screen design and C410. BTL6
layout Page no: 300 NOV/DEC2018 2
14 Explain in detail of the design process in interaction Page no: 189 C410. BTL5
2
15 Explain Norman’s seven principle for transferring difficult task to C410. BTL5
simple one in design Page no: 278 NOV/DEC 2018 2
www.AUNewsBlog.net
www.AUNewsBlog.net
UNIT-3
PART-A
Questions CO Bloom’
Q.No s Level
1Define Cognitive model. C41 BTL1
Cognitive models represent users of interactive systems. Hierarchical models represent a
user’s task and goal structure. Linguistic models represent the user–system
grammar. Physical and device models represent human motor skills. Cognitive 0.3
architectures underlie all of these cognitive models.
www.AUNewsBlog.net
www.AUNewsBlog.net
The models here, although similar in form to dialog design notations, have been
proposed with the intention of understanding the user’s behavior and analyzing the
cognitive difficulty of the interface.
4 Define BNF : C41 BTL1
Representative of the linguistic approach is Reisner’s use of Backus–Naur Form 0.3
(BNF) rules to describe the dialog grammar [301]. This views the dialog at a
purely syntactic level, ignoring the semantics of the language. BNF has been used
widely to specify the syntax of computer programming languages, and many
system dialogs can be described easily using BNF rules.
5 What is TASK – Action grammar : C41 BTL1
Task–action grammar (TAG) [284] attempts to deal with some of these problems 0.3
by including elements such as parameterized grammar rules to emphasize
consistency and encoding the user’s world knowledge
(for example, up is the opposite of down). To illustrate consistency, we consider
the three UNIX commands: cp (for copying files), my (for moving files) and ln
(for linking files). Each of these has two possible forms. They either have two
arguments, a source and destination filename, or have any number of source
filenames followed by a destination directory:
6 Define Keystroke-level model? C41 BTL1
KLM (Keystroke-Level Model [55]) uses this understanding as a basis for detailed 0.3
predictions about user
performance. It is aimed at unit tasks within interaction – the execution of simple
command sequences, typically taking no more than 20 seconds. Examples of this
would be using a search and replace feature, or changing the font of a word. It does
not extend to complex actions such as producing a diagram. The assumption is that
these more complex tasks would be split into subtasks (as in GOMS) before the
user attempts to map them into physical actions. The task is split into two phases:
acquisition of the task, when the user builds a mental representation of the task;
execution of the task using the system’s facilities.
7 What are the socio-organizational issues and stakeholder requirements? C41 BTL1
- There are several organizational issues that affect the acceptance of technology 0.3
by users and that must therefore be considered in system design:
– systems may not take into account conflict and power relationships
– those who benefit may not do the work
– not everyone may use systems.
In addition to generic issues, designers must identify specific stakeholder
requirements within their
Organizational context. Socio-technical models capture both human andtechnical
requirements.
8 Define Cooperation or conflict? C41 BTL1
The term ‘computer-supported cooperative work’ (CSCW) seems to assume that 0.3
groups will be acting in a cooperative manner. This is obviously true to some
extent; even opposing football teams cooperate to the extent that they keep
(largely) within the rules of the game, but their cooperation only goes so far.
People in organizations and groups have conflicting goals, and systems that ignore
this are likely to fail spectacularly.
www.AUNewsBlog.net
www.AUNewsBlog.net
www.AUNewsBlog.net
www.AUNewsBlog.net
Tertiary stakeholders are people who do not fall into either of the first two
categories but who are directly affected by the success or failure of the system (for
example, a director whose profits increase or decrease depending on the success of
the system).
Facilitating stakeholders are people who are involved with the design,
development
and maintenance of the system
15 What are the different activities that occur within a problem space C41 BTL1
- goal formulation 0.3
-operation selection
- operation application and goal completion.
16 What is PUM? C41 BTL1
. knowledge is encoded in the problemspace architecture of Soar, producing a 0.3
‘programmed’ user model (the PUM)
to accomplish the goal of performing the task. By executing the PUM, the stacking
and un stacking of problem spaces needed to accomplish the goal can be analyzed
to measure the cognitive load of the intended procedure.
17 What is ICS? C41 BTL1
. ICS provides a model of perception, cognition and action, but unlike other 0.3
cognitive architectures, it is not intended to produce a description of the user in
terms of sequences of actions that he performs. ICS provides a more holistic view
of the user as an information-processing machine. The emphasis is on determining
how easy particular procedures of action sequences become as they are made more
automatic within the user.
18 What is unit task? C41 BTL1
abstract task is referred to as the unit task. The unit task does not require any 0.3
problem-solving skills on the part of the user, though it frequently demands quite
sophisticated problem-solving skills on the part of the designer to determine them
19 Define validation C41 BTL1
Validation is a much more subjective exercise than verification, mainly 0.3
because the disparity between the language of the requirements and the language
of the design forbids any objective form of proof. In interactive system design, the
validation against HCI requirements is often referred to as evaluation and can be
performed by the designer in isolation or in cooperation with the customer.
20 What is CCT C41 BTL1
CCT as an engineering tool giving one a rough measure of learnability and 0.3
difficulty combined with a detailed description of user behavior. This can then be
used by analysts employing their professional expertise
21 What is TAG NOV/DEC 2018 C41 BTL1
Task–action grammar (TAG) attempts to deal with some of these problems by 0.3
including elements such as parametrized grammar rules to emphasize consistency
and encoding the user’s world knowledge
www.AUNewsBlog.net
www.AUNewsBlog.net
www.AUNewsBlog.net
www.AUNewsBlog.net
says ‘masses’ in the last transcript, this is meaningful in the light of Alison’s
question ‘and lots of chocolate?’. This in turn is interpreted in the context of
Brian’s original offer of gateau.
external context – dependence on the environment. For example, if Brian had said
simply ‘do you want one?’, this could have meant a slice of gateau, or, if he had
been holding a bottle, a glass of wine, or, if accompanied by a clenched fist, a
punch on the nose.
27 What is Text based communication & types? APR/MAY2017 C41 BTL1
Text-based communication is familiar to most people, in that they will have 0.3
written and received letters. However, the style of letter writing and that of face-to
face communication are very different. The text-based communication in
groupware systems is acting as a speech substitute, and, thus, there are some
problems adapting between the two media.
There are four types of textual communication in current groupware:
discrete – directed message as in email. There is no explicit connection between
different messages, except in so far as the text of the message refers to a previous
one.
linear – participants’ messages are added in (usually temporal) order to the end of
a single transcript.
non-linear – when messages are linked to one another in a hypertext fashion.
spatial – where messages are arranged on a two-dimensional surface.
28 Define Semantic dialogue. C41 BTL1
If the purpose of a dialog description is simply to communicate between 0.3
designers, or as a ‘tool for thought’ early in design, it may be sufficient to annotate
the formal dialog with the intended meaning of the actions, or to leave it to the
reader to infer the semantics. However, if the dialog description is to serve as a
formal specification, perhaps part of a contract, or for running as a prototype, there
must be some way to describe formally the semantics of the dialog. The dialog
notations we have seen more or less clearly describe the structure of the dialog. We
must now move on to meaning. There are two aspects to the dialog semantics,
inward toward the application, and outward toward the presentation.
29 What is hypertext . C41 BTL1
A software system allowing extensive cross-referencing between related sections 0.3
of text and associated graphic material.
30 What is multimedia? C41 BTL1
Multimedia is content that uses a combination of different content forms such as 0.3
text, audio, images, animations, video and interactive content. Multimedia
contrasts with media that use only rudimentary computer displays such as text-only
or traditional forms of printed or hand-produced material.
31 Write down the four elements of GOMS? (APR/MAY 2018) C41 BTL1
A set of Goals, a set of Operators, a set of Methods for achieving the goals, and a 0.3
set of Selections rules for choosing among competing methods for goals.
www.AUNewsBlog.net
www.AUNewsBlog.net
www.AUNewsBlog.net
www.AUNewsBlog.net
PART-B
2 Explain about Socio organization issues and stake holder C410. BTL5
Requirements. Page no: 452 3
3 Explain about Communication and Collaboration Models Page no: C410. BTL5
513 3
4 Decide how the ‘golden rules’ and heuristic help interface designers C410. BTL5
take account of cognitive psychology? Illustrate your answer with the 3
design of Microsoft office word. Page no: 282 NOV/DEC2017
www.AUNewsBlog.net
www.AUNewsBlog.net
5 Explain the concept of key stake level model. Page no: 522520 C410. BTL5
NOV/DEC2018 3
6 Write note on dynamic web content Page no: 520 NOV/DEC2018 C410. BTL4
3
7 Define a stakeholder? Analyse the types & appraise the stakeholder C410. BTL4
for an airline booking system? Page no: 458 APR/MAY 2017 3
9 Consider the case of preparing a group presentation for a software C410. BTL6
project. Elaborate the stages in specifying and designing UI for the 3
same. Page no: 260 NOV/DEC2017
10
Explain some of the organizational issues that affect the acceptance and C410. BTL5
relevance of information and communication system in detail? Page 3
no: 450APR/MAY 2018
11
Explain the problem space model and interacting cognitive subsystem in C410. BTL5
detail Page no: 555 APR/MAY 2018 3
12
Explain the stages of open system task analysis(OSTA) Page no: 445 C410. BTL5
NOV/DEC2018 3
13
What are the four types of textual communication? Page no: 516 C410. BTL5
NOV/DEC2018 3
14
Explain about the organizational issues in detail Page no: 450 C410. BTL5
3
15
Discuss about multimedia in detail Page no: 520 C410. BTL5
3
www.AUNewsBlog.net
www.AUNewsBlog.net
UNIT-4
MOBILE HCI 9
PART-A
Questions CO Bloom’
Q.N s Level
o
1 What is mobile Platforms? C41 BTL1
A mobile platform’s primary duty is to provide access to the devices. To run
software and services on each of these devices, you need a platform, or a core
0.4
programming language in which all of your software is written. Like all
software platforms, these are split into three categories: licensed, proprietary,
and open source.
2 What are the licensed platforms? C41 BTL1
Java Micro Edition (Java ME) 0.4
Binary Runtime Environment for Wireless (BREW)
www.AUNewsBlog.net
www.AUNewsBlog.net
Windows Mobile
LiMo
3 What are the Proprietarys? C41 BTL1
Palm 0.4
Palm uses three different proprietary platforms. Their first and most
recognizable is the Palm OS platform based on the C/C++ programming
language; this was initially developed for their Palm Pilot line, but is now
used in low-end smartphones such as the Centro line. As Palm moved into
higher-end smartphones, they started using the Windows Mobile-based
platform for devices like the Treo line. The most recent platform is called
webOS, is based on the WebKit browser framework, and is used in the Prē
line.
BlackBerry
Research in Motion maintains their own proprietary Java-based platform,
used exclusively by their BlackBerry devices.
iPhone
Apple uses a proprietary version of Mac OS X as a platform for their
iPhone and iPod touch line of devices, which is based on Unix.
www.AUNewsBlog.net
www.AUNewsBlog.net
www.AUNewsBlog.net
www.AUNewsBlog.net
www.AUNewsBlog.net
www.AUNewsBlog.net
● Games
● Mobile Application Media Matrix
● Application Context
● Utility Context
● Locale Context
● Informative Applications
20 What are the types of mobile architecture? C41 BTL1
Information architecture 0.4
The organization of data within an informational space. In other words, how
the user will get to information or perform tasks within a website or
application.
Interaction design
The design of how the user can participate with the information present,
either in a direct or indirect way, meaning how the user will interact with
the website of application to create a more meaningful experience and
accomplish her goals.
Information design
The visual layout of information or how the user will assess meaning and
direction given the information presented to him.
Navigation design
The words used to describe information spaces; the labels or triggers used
to tell the users what something is and to establish the expectation of what
they will find.
Interface design
The design of the visual paradigms used to create action or understanding.
21 What is wireframe? C41 BTL1
Wireframes are a way to lay out information on the page, also referred to as 0.4
information design. wireframes show how the user will directly interact with it.
Wireframes are like the peanut butter to the site map jelly in our information
architecture sandwich
22 What are the types of prototype? C41 BTL1
● Paper prototypes 0.4
● Context prototype
● HTML prototypes
www.AUNewsBlog.net
www.AUNewsBlog.net
o Color
o Typography
o Graphics
o Mobile Design Tools
www.AUNewsBlog.net
www.AUNewsBlog.net
www.AUNewsBlog.net
www.AUNewsBlog.net
computer.
36 What is a Web C41 BTL1
The Web is the only application framework that works across virtually all devices 0.4
and all platforms. A
37 What is Mobile Websites C41 BTL1
A Mobile Website is a website designed specifically for mobile devices, not to be 0.4
confused with viewing a site made for desktop browsers on a mobile browser.
38 Define Mobile Web Widgets C41 BTL1
A component of a user interface that operates in a particular way. A portable 0.4
chunk of code that can be installed and executed within any separate HTMLbased
web page by an end user without requiring additional compilation
39 What is Native Applications C41 BTL1
Native applications, which is actually a misnomer because a mobile web app or 0.4
mobile web widget can target the native features of the device as well. These
applications actually should be called “platform applications,” as they have to be
developed and compiled for each mobile platform.
40 Define Games C41 BTL1
The most popular of all media available to mobile devices. Technically games are 0.4
really just native applications that use the similar platform SDKs to create
immersive experiences
41 What is Site Maps C41 BTL1
The first deliverable we use to define mobile information architecture is the site 0.4
map. Site maps are a classic information architecture deliverable. They visually
represent the relationship of content to other content and provide a map for how the
user will travel through the informational space.
42 Define Context C41 BTL1
The context is core to the mobile experience. As the designer, it is your job to make 0.4
sure that the user can figure out how to address context using your app
43 What is Look and Feel C41 BTL1
The concept of “look and feel” is an odd one, being subjective and hard to define. 0.4
Typically, look and feel is used to describe appearance, as in “I want a clean look
and feel” or “I want a usable look and feel.”
44 Define Layout C41 BTL1
Layout is an important design element, because it is how the user will visually 0.4
process the page, but the structural and visual components of layout often get
merged together, creating confusion and making your design more difficult to
produce
45 What is a Color palettes? NOV/DEC2018 C41 BTL1
Defining color palettes can be useful for maintaining a consistent use of color in 0.4
your mobile design. Color palettes typically consist of a predefined number of
www.AUNewsBlog.net
www.AUNewsBlog.net
2 Explain the types of Mobile applications with example. Page no C410. BTL5
654 APR/MAY 2017 4
.
www.AUNewsBlog.net
www.AUNewsBlog.net
4 Elaborate the process of Mobile 2.0 in detail. Page no 635 C410. BTL6
4
5 Explain and list the Elements of Mobile Interface Design in C410. BTL5
detail. Page no 678 APR/MAY2017, NOV/DEC2017, 4
APR/MAY2018
6 Explain the process of platform application frameworks Page no C410. BTL5
655 4
7. Discuss various elements of mobile design with step by step C410. BTL5
method to explain how to design a registration page for movie 4
ticket booking. Page no 655APR/MAY2018
8 Explain about layers of mobile eco system .Page no 661 C410. BTL5
4
9 Explain about application Framework in mobile eco system. Page C410. BTL5
no 677 4
10 Discuss about the mobile applications medium types. Page no 657 C410. BTL6
NOV/DEC2018 4
13 Explain different layouts for different devices in detail Page no C410. BTL5
661 4
14 Explain the various mobile design tools and interface kits Page C410. BTL6
no 690 NOV/DEC 2018 4
15 Explain the role of major mobile OS Page no 635 NOV/DEC 2018 C410. BTL5
4
www.AUNewsBlog.net
www.AUNewsBlog.net
UNIT-5
WEB INTERFACE DESIGN 9
Designing Web Interfaces – Drag & Drop, Direct Selection, Contextual Tools, Overlays,
Inlays and Virtual Pages, Process Flow. Case Studies
PART-A
Questions CO Bloom’
Q.No s Level
1 What is drag and drop? C41 BTL1
Just grab an object and drop it somewhere. 0.5
www.AUNewsBlog.net
www.AUNewsBlog.net
• Cursor 0.5
• Tool Tip
• Drag Object (or some portion of the drag object, e.g., title area of a
module)
• Drag Object’s Parent Container
• Drop Target
Apple uses a proprietary version of Mac OS X as a platform for their
iPhone and
iPod touch line of devices, which is based on Unix.
4 What are the Purpose of Drag and Drop? APR/MAY2018 C41 BTL1
● Drag and Drop Module 0.5
Rearranging modules on a page.
● Drag and Drop List
Rearranging lists.
● Drag and Drop Object
Changing relationships between objects.
● Drag and Drop Action
Invoking actions on a dropped object.
● Drag and Drop Collection
Maintaining collections through drag and drop
5 What is Drag and Drop Module? C41 BTL1
One of the most useful purposes of drag and drop is to allow the user to 0.5
directly place objects where she wants them on the page. A typical pattern is Drag
and Drop Modules on a page.
6 What are two common approaches to targeting a drop? C41 BTL1
● Placeholder target 0.5
● Insertion target
7 What is Boundary-based placement.? C41 BTL1
Placeholder targeting drag the module in its original size, targeting is 0.5
determined by the boundaries of the dragged object and the boundaries of the
dragged-over object. The mouse position is usually ignored because modules are
only draggable in the title (a small region).
8 What is Insertion target? C41 BTL1
Placeholder positioning is a common approach, but it is not the only way to 0.5
indicate droptargeting. An alternate approach is to keep the page as stable as
possible and only move around an insertion target (usually an insertion bar).
9 What are the types of overlays? APR/MAY 2017 C41 BTL1
o Dialog overlay 0.5
o Detail overlay
www.AUNewsBlog.net
www.AUNewsBlog.net
o Input overlay
10 What are the two ways to move objects around that supported by drag and C41 BTL1
drop? 0.5
● Edit the row number and then p • ress the “Update DVD Queue”
button.
● Click the “Move to Top” icon to pop a movie to the top.
11 What is Hinting at drag and drop? C41 BTL1
When the user clicks the “Move to Top” button, Netflix animates the movie 0.5
as it moves up. But first, the movie is jerked downward slightly and then spring-
loaded to the top.
12 What is drag lens? C41 BTL1
A drag lens provides a view into a different part of the list that can serve as a 0.5
shortcut target.
13 What is Drag and Drop Object? C41 BTL1
➢ Drag and Drop Object is used to rearrange members of the 0.5
organization.
➢ Normal display state
➢ Invitation to drag
➢ Dragging
➢ Dropped
www.AUNewsBlog.net
www.AUNewsBlog.net
● Clear focus
● Display Vs editing
● Anti-pattern
www.AUNewsBlog.net
www.AUNewsBlog.net
Non-Modal
So a non-modal window is the opposite. While it is active you can still activate
other windows. The user can switch between windows of the same application.
www.AUNewsBlog.net
www.AUNewsBlog.net
The window being active does not prevent the rest of the application from
continuing
www.AUNewsBlog.net
www.AUNewsBlog.net
Detail Overlays
Input Overlays
www.AUNewsBlog.net
www.AUNewsBlog.net
52 List any four principles of designing rich web interface? NOV/DEC 2018 C41 BTL1
0.5
The structure principle:
PART-B
www.AUNewsBlog.net
www.AUNewsBlog.net
1 Explain various drag and drop methods in detail with examples. Page C410. BTL5
no 711 5
2 Categorize the principles for designing rich web interface Page no C410. BTL4
722 5
APR/MAY 2017.
3 Explain various contextual tools in detail with examples. How are C410. BTL5
they used in design of rich web UI? Illustrate and compare with 5
example? Page no 745 NOV/DEC2017, APR/MAY
2018,NOV/DEC2018
4 Explain types of overlays in detail with examples. Page no 756 C410. BTL5
NOV/DEC2018 5
5 Explain types of inlays in detail with examples. Page no 745 C410. BTL5
5
6 Explain the concept of virtual paging. How are virtual pages used in C410. BTL5
the design of rich web UI? Illustrate and compare with example? 5
Page no 737NOV/DEC2017
7 Explain the concept of dynamic invitation in detail. Page no 769 C410. BTL5
5
8 Design a web interface for a “library mgmt system”. State the C410. BTL6
functional requirements you are considering? Page no 790 5
APR/MAY 2017
9 Write in brief the process of web interface design Page no 722 C410. BTL5
APR/MAY 2018, NOV/DEC2018 5
12 Discuss about Configurator Process, Overlay Process and Static C410. BTL6
www.AUNewsBlog.net
www.AUNewsBlog.net
15 Explain about various types of selection patterns Page no 659 C410. BTL5
5
www.AUNewsBlog.net