Human-Computer Interaction (HCI) is a multidisciplinary field of study focusing on the design of computer technology and, in particular, the interaction between ______________________.

When humans interact with _____________, they bring to the encounter a lifetime of experience.

HCI comprises three major parts within the framework, ____________, _______________ and _________________.

_______________ play an important role in achieving the goal of designing HCI.

________________ between users and computers occurs at the user interface which includes both software and hardware.

Age/generation, Disability/accessibility, Gender, Consumer group, Occupation and Culture/country.

Mobile/handheld, Desktop, Large display/virtual reality, Embedded, Public installation and Operating system/network.

Private, Public and Design style/identity.

WIMP(Windows, Icons, Menus, Pointers), Non-WIMP 3-D and Multimodal.

Location/place, Time, Noise/lighting and Bodily constraints

Game, Media/information, Electronic commerce , Design/editing and Social network service

Display layout, Information structure/navigation, Soliciting input, Information/output visualization

Design process and practices, User experience and General aesthetics.

The display layout should be such that it is organized according to the information content (e.g.,importance,sequence, functionality), is sized manageably (e.g., divided into proper sections), is attention grabbing, and is visually pleasing (e.g., aligned and with restricted use of colors)

Clever designs for taking user input (e.g., raw information or system commands) can improve the overall performance, in terms of both time and accuracy, for highly interactive systems.

Explains the human’s capability and model of conscious processing of high-level information

Elucidates  how  raw  external  stimulation signals are accepted by our five senses, are processed up to the pre attentive  level,  and  are  later  acted  upon  in  the  outer  world through the motor organs.

Formulate the steps for how humans might interact to solve and carry out a given task/problem and derive the interaction model.

Understand and predict how humans might react mentally to various information-presentation and input-solicitation methods as a basis for interface selection.

Senses external information (e.g., visual, aural, haptic), and Perception, which interprets and extracts basic meanings of the external information.

Interprets and extracts basic meanings of the external information.

Stores momentary and short-term information or long-term knowledge. This knowledge includes information about the external world, procedures, rules, relations, schemas, candidates of actions to apply, the current objective (e.g., accomplishing the interactive task successfully), the plan of action, etc.

Formulates and revises a “plan,” then decides what to do based on the various knowledge in the memory, and finally acts it out by commanding the motor system

The most important information medium. Over 40% of the human brain is said to be involved with the processing of visual information.

This is the angle subtended by the visible area by the human user in the horizontal or vertical direction.

This the perpendicular distance to the surface of the display. Viewing distance may change with user movements.

A display system is typically composed of an array of small rectangular areas called pixels.

In effect, this is the resolution perceivable by the human eye from a fixed distance.

The amount of light energy emitted by the object (or as perceived by the human).

Human response to different wavelengths of light, namely for those corresponding to red, green, blue, and their mixtures.

defined in terms of differences or ratios in the dimensions of hue and saturation.

Detail, color, brightness, and contrast are all very-low-level raw visual properties. Before all these low-level-part features are finally consolidated for conscious recognition (of a larger object) through the visual information processing pipeline, pre-attentive features might be used to attract our attention.

Refers to the amount of sound energy and is synonymous with the more familiar term, volume.

Sound can be viewed as containing or being composed of a number of sinusoidal waves with different frequencies and corresponding amplitudes.

Defined to be the modality that takes advantage of touch by applying forces, vibrations, or motions to the user. Thus

The skin sensitivity to physical objects is different over the human body. The fingertip is one of the most sensitive areas and is frequently used for HCI purpose

Rapid movement such as vibration is mostly sensed by the Pacinian corpuscle, which is known to have a signal-response range of 100–300 Hz.

The lightest amount of pressure humans can sense is said to be about 1000 N/m2. For a fingertip, this amounts to about 0.02 N for the fingertip area.

A more apparent physical dimension to interaction. Force feedback and movement is felt by the cells and nerves in our muscles and joints.

Different modality input methods or feedback can be used to ensure a reliable achievement of the interaction objective. For instance, the ring of a phone call can be simultaneously aural and tactile to strengthen the pick- up probability.

When we create a new design we need to choose ...

What frame do we need to create a web ...

When we want to import a picture to our web, we need to use ...

What is the size of web default in Figma?

Which section do we need to use for creating design of web?

What is prototype in Figma for?

When you need to resize in Figma, what tool do you need?

One of the drawing tool in Figma is ...

What kind of code-based to create a web?

To gain color in Figma, we depend on ....