Lesson 6&7 Flashcards

1
Q

the underlying organization, structure and nomenclature that define the relationships between a site’s content/functionality
The_ is not part of the on-screen user interface (UI) — rather, IA informs UI. The_ is documented in spreadsheets and diagrams, not in wireframes, comprehensive layouts (known as comps), or prototypes.

A

INFORMATION ARCHITECTURE

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

A website’s (or intranet’s) information architecture has two main components:

A

identification and definition of site content and functionality

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

IA is the 1_ backbone of the site; 2_ refers to those elements in the UI that allow users to reach specific information on the site.

A

information
navigation

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

Key elements of information architecture include:

A

Organization Systems
Navigation Systems
Labeling Systems
Search Systems

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

How content is grouped and categorized (e.g., by topic, task, or audience).

A

Organization Systems

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

How users browse or move through the content (e.g., menus, search bars, links).

A

Navigation Systems

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

How content is named and represented to users.

A

Labeling Systems

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

How users find content via search functions.

A

Search Systems

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

The activities undertaken in defining an information architecture involve:

A

Content inventory
Content audit
Information grouping
Taxonomy development
Descriptive information creation

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

Examination of a website to locate and identify existing site content

A

Content inventory

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

Evaluation of content usefulness, accuracy, tone of voice, and overall effectiveness

A

Content audit

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

Definition of user-centered relationships between content

A

Information grouping

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

Definition of a standardized naming convention (controlled vocabulary) to apply to all site content. how information is grouped, classified and labeled within a shared information environment.

A

Taxonomy development

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

Definition of useful metadata that can be utilized to generate “Related Link” lists or other navigation components that aid discovery

A

Descriptive information creation

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

A _ is a collection of user interface components. The primary goal of navigation is to help users find information and functionality, and encourage them to take desirable actions. Navigation components include global navigation, local navigation, utility navigation, breadcrumbs, filters, facets, related links, footers, fat footers, and so on.

A

Website Navigation

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

Examples of navigation components:

A

1) utility navigation;
2) global navigation;
3) breadcrumb trail;
4) local navigation;
5) related links (in this case, articles and blog posts);
6) fat footer.

17
Q

Found at the top of the page, this area typically includes links to help users access tools like login, search, language selection, or user settings. It’s less about content navigation and more about site-wide features.

A

Utility Navigation

18
Q

This includes the primary navigation menu, often a bar or set of links that guide users to the main sections of the website (e.g., Home, About, Products, Services). It appears on every page of the site and provides access to core content.

A

Global Navigation

19
Q

Provide a navigational aid, showing the path users took to arrive at the current page. It typically appears near the top of the page and helps users understand their location within the site’s hierarchy.

A

Breadcrumb Trail

20
Q

Specific to the current section or page, this allows users to move between related content. For instance, within a product section, it might let users navigate between different products or subcategories.

A

Local Navigation

21
Q

This area suggests additional content that is relevant to the current page. These links could point to articles, blog posts, or other resources that are contextually related to the user’s current view.

A

Related Links (Articles/Blog Posts)

22
Q

Refers to a larger-than-usual footer at the bottom of the page. It typically includes a site map, contact information, social media links, and sometimes links to important pages like Terms of Service or Privacy Policy. It’s often used to provide additional navigational tools and site-wide information.

A

Fat Footer

23
Q

For each navigation component, a series of decisions must be made:

A

Usage Priority
Placement
Pattern

24
Q

How much will users rely on this navigation component? For example, will users primarily navigate the site using local navigation? Or are they likely to more heavily rely on related links?

A

Usage Priority

25
Q

On which pages should it be present? Where should it be placed within the page layout grid (e.g., top, left, right, bottom)?

A

Placement

26
Q

Which navigation design _ best support findability and discoverability — tabs, megamenus, carousels, accordions, and so on?

A

Pattern

27
Q

Are an important set of ideas for any designer to learn and their implementation can greatly improve the aesthetics of a design as well as its functionality and user-friendliness.

A

Gestalt principles

28
Q

The _principle states that people instinctively perceive objects as either being in the foreground or the background. They either stand out prominently in the front (the figure) or recede into the back (the ground).

A

Figure-ground

29
Q

The principle of _states that when things appear to be similar to each other, we group them together. And we also tend to think they have the same function.

A

Similarity

30
Q

The principle of _states that things that are close together appear to be more related than things that are spaced farther apart.

A

Proximity

31
Q

The principle of _ is highly related to proximity. It states that when objects are located within the same closed region, we perceive them as being grouped together.

A

Common region

32
Q

The principle of _states that elements that are arranged on a line or curve are perceived to be more related than elements not on the line or curve.

A

Continuity

33
Q

The principle of _ states that when we look at a complex arrangement of visual elements, we tend to look for a single, recognizable pattern.

A

Closure

34
Q

The _ principle states that whatever stands out visually will capture and hold the viewer’s attention first.

A

Focal point

35
Q

Refers to making websites, apps, and other digital content usable by all users, regardless of innate ability. According to the W3C, web _ “means that websites, tools, and technologies are designed and developed so that people with disabilities can use them.” Generally, _ is discussed in reference to users with disabilities, but _ can benefit all users by making things simpler and more intuitive.

A

Accessibility

36
Q

Refers to designing digital environments so they can be used by as many people as possible. Adobe defines _ as design “that considers the full range of human diversity with respect to ability, language, culture, gender, age and other forms of human difference.” Generally, _ is discussed in broader strokes around diversity and inclusion (D&I) goals.

A

Inclusive design (ID)

37
Q

KEY DIFFERENCES BETWEEN ACCESSIBILITY AND INCLUSIVE DESIGN

A
  1. Accessibility is a goal; inclusive design is a way to get there.
  2. Accessibility is (largely) standardized.
  3. Accessibility supports users with disabilities; inclusive design focuses on more broad inclusivity (e.g., language, diverse circumstances).
  4. Accessibility is one of many outcomes of inclusive design.