Design Exam questions Flashcards

1
Q

Visual consistency is about

A

The brand identity and appeal of the brand and are composed of the logo, typography, color, visuals. Consistent use of logo, typography, colors, and graphic elements, strengthens the appeal of the brand

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

What is reduction?

A

Is about only keeping what is necessary and fundamental on designs and strip away the ornamental layers that might be placed on top. f you remove everything that is not needed, such as colors, lines, and splashes and you only keep what is required, the chance is much greater that the recipient will get your message. Reducing elements can reduce the length of the thinking process by eliminating confusion.

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

what kind of visual style use reduction?

A

Minimalism and adaptive/parametic

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

Hi-fi wireframes are useful as they:

A

provide complete presentations of the end product / Mimmicks authentic interface interactions / Include actual content so the user sees the end result

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

Describe Design systems

A

Design System is the direct descendant of the Graphic guidelines but it’s more mature and more integrated into the teams’ workflow. This provides us with the tools which allow us to build and share systems of components.

A design system is a set of deliverables. These deliverables include patterns, guidelines, and components for the digital user interface - used as a toolbox for designers and developers.

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

What is the design process?

A

Is about designing with a systematic approach empowered with ideas. A deep understanding of these seven stages empowers us to find solutions to the most complex problems. Ideas that go through the seven stages will result in a tangible design.

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

What are the seven stages of the design process?

A

Inspiration - Identification - Conceptualization - Exploration/Refinement - Definitions/Modeling - Communication - Production

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

What is the inspiration stage about?

A

The inspiration takes form based on the needs of the project. One should begin with the client and understand the project, product, and people you will be surrounding yourself with. By understanding people who are likely to use the product, you can get a clearer perspective on the solutions that your design should provide.

In this phase, we should seek inspiration, research, find new stimulations, new challenges, and a new approach to old problems. This stage is about digging everything there is to know-Research.

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

What is the second design process phase?

A

Identification.

Identifying the solution to a problem is another step in moving ahead with the Design Process. Every design process begins by identifying and analyzing the need and defining it in terms of the design requirements. The identification phase is about identifying the plans for overcoming obstacles and working within constraints. Constraints are helpful as they create support and challenge the designer to use solutions that may have otherwise had never been considered.

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

what is the conceptualization stage about?

A

Once the design constraints are identified the conceptualization begins, the next step is to come up with as many creative solutions with the needs and vision of the project. The third phase is about the process of generating ideas for an optimum solution to the design problem.

By using methods we can create concepts from the parts that have been assembled until now and fill in the gaps left with Gestalt perception

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

What is the forth stage about?

A

In the stage of exploration and refinement, the brainstorming process segues into a more focused and solution-oriented state. This is where we test a concept’s viability before committing to the specifics. This phase is about exploring methods for refining concepts so they are as clearly understood as possible before the designs are finalized.

While examining the capabilities of the design - explore other possibilities for your design ideas. Play with all principles of design with line, shape, texture, and forms, and work on the functionality of your design.

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

Describe the Definition/Modeling stage:

A

This stage is a transition from explorations to defining a concept. It’s going back to constraints of the design and keeping a reality check on the context of the needs.

In this stage, we examine and address any new problems that may have surfaced and find a satisfactory solution to the same. This is where you give attention to detail and check for creativity, proficiency, usability, reliability, functionality, accessibility.

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

What is the communication stage about?

A

This stage is about presenting to different audiences with diverse needs and expectations. Each element in the presentation must have a point-to-point relationship between conceptual thinking and reality. Explain to the client the reasoning backing up the idea. Listen as much as you speak. Show that the need is actually different from what they want.

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

what is the last stage about?

A

At this stage, as much as a designer delivers, it’s time to absorb the knowledge and expertise of the production team. Prototyping is useful to test the fidelity of functionality. A prototype/sample clears the way for the final production and stamps materials, structural elements, detailing, colors, final budget points, and a sustainable future.

This stage is about producing, testing, and responding quickly, efficiently, and to clients’ and users’ satisfaction.

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

What are Signposts ?

A

Signposts are features that help users figure out their immediate surroundings.

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

Give examples of signposts:

A

Annotated scroll bar, progress indicator, breadcrumbs

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

What is Wayfinding?

A

Wayfinding is what people do as they find their way toward their goal.

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

give examples of wayfinding features:

A

good signance - environmental clues - maps

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

What are the three navigation types?

A

Global navigation - Utility navigation - Associative/Inline navigation

20
Q

What is utility navigation? Give examples

A

Refers to links and tools related to noncontent aspects of the site or application: sign-in, help, print, share, save

21
Q

What is Associative and Inline Navigation? give examples

A

Are embedded links in or near the actual content.

Buttons, text links, clickable content are examples

22
Q

In the mobile environment, we see two main approaches to global navigation. Which are the two approaches?

A

Navigation bar on the bottom of the page / the hamburger menu

23
Q

give example on 6 Navigation Models:

A
  1. Hub and spoke 2. Fully connected 3. Pyramid 4. Sequential (step by step) 5. Multi-level 6. Clear entry points
24
Q

What does breadcrumbs do?

A

Is a series of parent-child links. Is a specific type of navigation that shows the path from the starting screen down through the navigational hierarchy, the content architecture of the site, to the selected screen.

Breadcrumbs help a user to pinpoint where they are.

25
Q

What does a Progress indicator do?

A

Indicate to a user how far they’ve come through a series of steps— and, more important, how far they have yet to go before the process is finished.

26
Q

give examples on progress indicators:

A

slideshows, checkout-process

27
Q

What does the Annotated scrollbar do?

A

It is a “You are here” indicator, the pop-up panel attached to the scroll grab bar lets the user see where they are in a multipage document.

28
Q

What are the gestalt principles?

A
  1. Proximity
    When you put things close together, viewers associate them with one another.
  2. Similarity
    Items that are similar in shape, size, or color are perceived as related to one another.
  3. Continuity
    Our eyes will naturally follow the perceived lines and curves formed by the alignment of other elements
  4. Closure
    The brain will naturally “close” lines to create simple closed shapes
29
Q

Describe visual hierarchy:

A

Refers to a presentation of visual elements on any given layout. The most important content should stand out the most, and the least important should stand out the least

30
Q

What does visual flow do?

A

Deals with the tracks that readers’ eyes tend to follow as they scan a page.

The order in which the viewer looks at images and graphics on the webpage.

31
Q

What are dynamic displays and give examples:

A

Techniques that present information that you can show at one time / It allows content to be displayed in a dynamic way

Scrollbars - let the user move around at will
Responsive Enabling - guide users through form\process
Progressive Disclosure - after the user takes an action, information appears

32
Q

Give examples on Characteristics of visual hierarchy:

A

Clarity → How well the design communicates the information the designer is trying to convey.
Actionability → How the user knows what they are supposed to do on any given screen.
Affordance→ Means that it looks or behaves like what it does.

33
Q

Give examples on Visual Styles:

A

Minimalism - Skeumorphism - Flat design - Adaptive/Parametic

34
Q

Describe Skeuomorphism

A

Refers to a style of UI that mimics the characteristics of objects found in real life.

35
Q

Describe Minimalistic style?

A

Minimal designs reduce the screen elements to the barest minimum.

36
Q

Describe Flat Design:

A

Is Characterized by solid background colors, simple understandable icons and sans serif typography,

37
Q

Describe Adaptive/Parametric:

A

On the extreme end of minimalism,

adaptive or parametric refers to designs where the form is not static or defined but rather generated algorithmically, in relationship to the objects (static or dynamic) that come in proximity.

38
Q

What is the name of the navigation model that promotes focused execution through a central “hub” ?

A

Hub and spoke

39
Q

which navigation model leads the user step by step through the screens in a prescribed sequence?

A

Step by step flows (Sequential)

40
Q

What is the name of the navigation model that

has a home page or screen, but it and every other page link to all the others?

A

Fully connected model

41
Q

Which navigation model has main pages that are fully connected with each other and the subpages are only connected with themselves?

A

Multi-level navigation model

42
Q

What kind of navigation model uses a hub page or menu page to list an entire sequence of items or subpages in one place?

A

Pyramid model

43
Q

What is the name of the navigation model that presents only a few main entry points into the interface so that the user knows where to start?

A

the Cleary entry points model

44
Q

what are UI design patterns?

A

Are reusable/recurring components that designers use to solve common problems in user interface design.

45
Q

What are components?

A

Components are interactive building blocks for creating a user interface.