UX/UI vers. 3

Wireframes

is a visual representation of a user interface, stripped of any visual design or branding elements. It is used by UX Designers to define the hierarchy of items on a screen and communicate what the items on that page should be based on user needs.

Sitemaps

a hierarchical diagram showing the structure of a website or application. They are used by User Experience Designers and Information Architects to define the taxonomy through grouping of related content. They are an important step of the user centered process as they ensure content is in places users would expect to find it. They can also be used as a reference point for wireframes, functional specifications and content maps.

Prototype

a quasi-realistic representation of what you are building that can be interacted with and tested on users in order to help validate your design.

User Experience (UX)

A broad term that includes several disciplines that study the effect of design on the ease of use and level of satisfaction with a product, site or system.

User Interface (UI)

What the user sees. This can be a set of commands or menus through which a user communicates with a program. It is also the space where interactions between humans and machines occurs.

Mindmap

A diagram used to visually organize information. A mindmap is hierarchical and shows the relationships among the parts of the whole. It is often created around a single concept to which associated images, words and parts of words are added. Major ideas are connected directly to the central concept, and other ideas branch out from those.

Customer Journey Map

A tool companies use to see what their customers truly want. A customer journey map tells the story from initial contact through to engagement and the long-term relationship. It may focus on a particular part of the story, or give an overview of the entire user experience. It talks about the user's feelings, motivations and questions for each of these touch points.

Onboarding

Designing a welcoming experience for new users by easing them into it. The design of the process for your site is usually limited to a first-time use scenario.

Call to Action (CTA)

For designers and content creators, is the word or phrase that stimulates users to interact with a product in the way it is designed for. Elements are the interactive controls such as buttons, tabs, or links that enable users to perform the expected action.

Fishbone diagram

A diagram designed to identify cause-and-effect relationships between factors in a given situation. In short, it consists of a "head", which states a problem, and bones along the spine that represent factors and categories of factors.

User-Centered Design (UCD)

An approach to designing a product or service (user interface design), in which the end user is in the center of the process.

Affordance

When a control behaves as its appearance suggests.

Design Thinking

empathize, define, ideate, prototype, test