LESSON 6 & 7 Flashcards
is the information backbone of the site
Information Architecture IA
refers to those elements in the UI that allow users to reach specific information on the site.
Navigation
Key Elements Of Information Architecture Include:
Organization System
Navigation System
Labeling System
Search System
How content is grouped and categorized (e.g., by topic, task, or audience).
Organization Systems
How users browse or move through the content (e.g., menus, search bars, links).
Navigation Systems
How content is named and represented to users.
Labeling System
How users find content via search functions.
Search Systems
The Activities Undertaken in defining an Information Architecture involve:
Content Inventory
Content Audit
Information Grouping
Taxonomy Development
Descriptive Information Creation
Examination of a website to locate and identify existing site content
Content inventory
Evaluation of content usefulness, accuracy, tone of voice, and overall effectiveness
Content audit
Definition of user-centered relationships between content
Information Grouping
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.
Taxonomy development
Definition of useful metadata that can be utilized to generate “Related Link” lists or other navigation components that aid discovery
Descriptive information creation
is a collection of user interface components.
Website’s Navigation
Navigation Components
Utility Navigation
Global Navigation
Breadcrumb Trail
Local Navigation
Related Links
Fat Footer
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.
Utility Navigation
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.
Global Navigation
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.
Breadcrumb Trail
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.
Local Navigation
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.
Related Links (Articles/Blog Posts)
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.
Fat Footer
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?
Usage Priority
On which pages should it be present? Where should it be placed within the page layout grid (e.g., top, left, right, bottom)?
Placement
Which navigation design patterns best support findability and discoverability — tabs, megamenus, carousels, accordions, and so on?
Pattern
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.
Gestalt Principles
Gestalt Principles
Figure-ground
Similarity
Proximity
Common Region
Continuity
Closure
Focal Point
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).
Figure-ground
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.
Similarity
states that things that are close together appear to be more related than things that are spaced farther apart.
Proximity
is highly related to proximity. It states that when objects are located within the same closed region, we perceive them as being grouped together.
Common Region
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.
Continuity
states that when we look at a complex arrangement of visual elements, we tend to look for a single, recognizable pattern.
Closure
states that whatever stands out visually will capture and hold the viewer’s attention first.
Focal Point
refers to making websites, apps, and other digital content usable by all users, regardless of innate ability.
“means that websites, tools, and technologies are designed and developed so that people with disabilities can use them.”
is discussed in reference to users with disabilities
Accessibility
refers to designing digital environments so they can be used by as many people as possible.
is discussed in broader strokes
Inclusive design (ID)
