Frontend Engineering Flashcards

1
Q

What is UI/UX?

A

UI/UX stands for User Interface and User Experience, focusing on the design and usability of digital products.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
2
Q

What is HCI in relation to UI/UX?

A

HCI (Human-Computer Interaction) is a multidisciplinary subject that focuses on designing computer-based solutions centered around human needs.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
3
Q

What is the goal of UX design?

A

To improve customer satisfaction and loyalty through utility, ease of use, and pleasure in interaction with a product.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
4
Q

What are the four dimensions of UX design?

A
  1. Utility/Usability Design, 2. Look and Feel Design, 3. Interaction Design, 4. Audio Design (if applicable).
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
5
Q

How does UX vary based on device type?

A

UX changes depending on whether a user is on a desktop, tablet, mobile phone, wearables, or spatial devices.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
6
Q

How does UX vary based on the product type?

A

UX differs for websites, interactive games, and other digital interfaces.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
7
Q

What is a persona in UX design?

A

A persona is a profile representing the average user, helping designers optimize experiences for target audiences.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
8
Q

Who are the key team members in a UX workflow?

A
  1. Problem/Business Analyst, 2. User Interface Designer, 3. Solution Developer.
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
9
Q

What are key Agile UX methods?

A

Wireframing, Mockups, and Prototyping.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
10
Q

What is wireframing?

A

Wireframing is the logical planning of a component’s layout on a product page, representing content structure.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
11
Q

What is a mockup?

A

A mockup is a life-size digital imitation of the final product, sometimes used interchangeably with wireframes.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
12
Q

What is a prototype?

A

A prototype is an interactive, functional version of the product, often considered a high-fidelity mockup.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
13
Q

What is audio design?

A

Audio design involves the creation and modification of sound to enhance user experience in media environments.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
14
Q

What are the three main types of sounds in audio design?

A
  1. Non-verbal sounds (earcons), 2. Verbal sounds (prompts), 3. Music.
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
15
Q

What are Foleys in audio design?

A

Foleys are incidental sound effects used in films and games to enhance realism.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
16
Q

What is an example of a verbal sound prompt?

A

A notification sound like ‘You’ve got mail!’

17
Q

What is the role of music in audio design?

A

Music creates ambiance in films and games by replacing background silence.

18
Q

What are key skills for front-end development?

A

HTML, CSS, JavaScript, responsive design, UX design, debugging, interacting with APIs, accessibility.

19
Q

What are key skills for graphic design?

A

Adobe Photoshop, Illustrator, color theory, typography, branding, layout design, vector graphics.