Name: Design Glossary — FlowMapp
Brand: FlowMapp
Availability: OnlineOnly

The category contains definitions of methods, allowing collecting users’ opinions and feelings about an existing product or a potential service.

User Feedback, User experience — FlowMapp

large_5f3aa9a491dd005fbd9da1a9_category%20card_ux__1920_696

medium_5f3aa9a491dd005fbd9da1a9_category%20card_ux__1920_696

small_5f3aa9a491dd005fbd9da1a9_category%20card_ux__1920_696

thumbnail_5f3aa9a491dd005fbd9da1a9_category%20card_ux__1920_696

5f3aa9a491dd005fbd9da1a9_category%20card_ux__1920_696

5f3ab44f1e10243c3d918b06_ux_icon

is the process design teams use to create products that provide meaningful and relevant experiences to users. This involves the design of the entire process of acquiring and integrating the product, including aspects of branding, design, usability and function.

5 listings

User Experience

5f55ed58b1877a2189ff14b8_user_feedback_icon

5f2be2d4a2ded81999854b3f_user_feedback_icon-color

5f2be2c8b6a2617cc44a8b63_user_feedback_icon

User Feedback

large_5f325d20607a1474e4bcfb6f_category%20card_cx__1920_696

medium_5f325d20607a1474e4bcfb6f_category%20card_cx__1920_696

small_5f325d20607a1474e4bcfb6f_category%20card_cx__1920_696

thumbnail_5f325d20607a1474e4bcfb6f_category%20card_cx__1920_696

5f325d20607a1474e4bcfb6f_category%20card_cx__1920_696

5f3ab42e8b2f9226d34dd2ff_cx_icon

focuses on usability of sites, user reviews, customer loyalty index

3 listings

Customer Experience

large_606b17535f86cb3f498b1ede_category%20card_productivity__1920_696%20(1)%20(1)

medium_606b17535f86cb3f498b1ede_category%20card_productivity__1920_696%20(1)%20(1)

small_606b17535f86cb3f498b1ede_category%20card_productivity__1920_696%20(1)%20(1)

thumbnail_606b17535f86cb3f498b1ede_category%20card_productivity__1920_696%20(1)%20(1)

606b17535f86cb3f498b1ede_category%20card_productivity__1920_696%20(1)%20(1)

606716c8a9322fc8bd91a4ba_productivity_icon

are about small changes in how you work, raise your or your team's talent and find work-life balance

2 listings

Productivity

large_5f3aa9c03eba5d4ca636f26f_category%20card_ixd__1920_696

medium_5f3aa9c03eba5d4ca636f26f_category%20card_ixd__1920_696

small_5f3aa9c03eba5d4ca636f26f_category%20card_ixd__1920_696

thumbnail_5f3aa9c03eba5d4ca636f26f_category%20card_ixd__1920_696

5f3aa9c03eba5d4ca636f26f_category%20card_ixd__1920_696

5f3ab438c8fa4f256028f0c9_ixd_icon%20(1)

is based on animation inside interfaces: moving icons, menus, transitions, gifs. Motion designers work on IxD

Interaction design

large_5f3aa9b291dd0056399da1b8_category%20card_sd__1920_696

medium_5f3aa9b291dd0056399da1b8_category%20card_sd__1920_696

small_5f3aa9b291dd0056399da1b8_category%20card_sd__1920_696

thumbnail_5f3aa9b291dd0056399da1b8_category%20card_sd__1920_696

5f3aa9b291dd0056399da1b8_category%20card_sd__1920_696

5f3ab4430dc3b215841f8cad_sd_icon

is the process of building relationships between an end client and a business to balance their needs

Service design

large_5f3aa99365d8f8db97acdd1e_category%20card_ui__1920_696

medium_5f3aa99365d8f8db97acdd1e_category%20card_ui__1920_696

small_5f3aa99365d8f8db97acdd1e_category%20card_ui__1920_696

thumbnail_5f3aa99365d8f8db97acdd1e_category%20card_ui__1920_696

5f3aa99365d8f8db97acdd1e_category%20card_ui__1920_696

5f3ab4590345cd978afc3ea7_ui_icon

design is the process designers use to build interfaces in software or computerized devices, focusing on looks or style

User Interface

Design Glossary contains popular and useful terms commonly used by web design and UX professionals

large_https://uploads-ssl.webflow.com/5ef46931a352569ed1a1f509/5f3e7055c0acb276cbedbcb5_main_sn.png

medium_https://uploads-ssl.webflow.com/5ef46931a352569ed1a1f509/5f3e7055c0acb276cbedbcb5_main_sn.png

small_https://uploads-ssl.webflow.com/5ef46931a352569ed1a1f509/5f3e7055c0acb276cbedbcb5_main_sn.png

thumbnail_https://uploads-ssl.webflow.com/5ef46931a352569ed1a1f509/5f3e7055c0acb276cbedbcb5_main_sn.png

https://uploads-ssl.webflow.com/5ef46931a352569ed1a1f509/5f3e7055c0acb276cbedbcb5_main_sn.png

Design Glossary — FlowMapp

Method of UX-research that helps to explore users’ first impressions of design. In the process of testing a designer shows his project — commonly, one page — and then asks questions about the design

thumbnail_glossary snippet.png

glossary snippet.png

5 second test

<p><span style="background-color:transparent;color:#000000;">Method of UX-research that helps to explore users’ first impressions of design. In the process of testing a designer shows his project — commonly, one page — and then asks questions about the design.&nbsp;</span></p><p>&nbsp;</p><p><span style="background-color:transparent;color:#000000;">The goal of the test is to understand what information users take away and make sure that this is what a designer wants to provide.</span></p>

Why 5 Seconds

<p><span style="background-color:transparent;color:#000000;">According to different research, users make decisions quickly. They need only a few seconds to decide whether they stay or leave the site. Users also usually spend no more than 15 seconds on one page. That means that your design should be quicker and deliver a message as fast as possible.</span></p>

Five second test is perfect for analyzing the first impression, but after you will also need other tests to find out how people interact with your product

thumbnail_5 seconds test (1).jpg

5 seconds test (1).jpg

How to Run

<p>To run the test you need to adapt your design for testing, prepare questions, find participants and after then interpret the results.</p><p>&nbsp;</p><h4>Design</h4><p>You can not show a raw Figma file for participants as there are a lot of disturbing details. For testing you need a screenshot of the page, high-fidelity mockup or prototype of your page. The idea here is that your design should look like a real internet page.<br>&nbsp;</p><p>Make sure that it is comfortable for participants to examine the page. If possible, give them devices. This test can be easily run remotely on participants’ devices.</p><p>&nbsp;</p><h4>Questions</h4><p>Questions depend also on your personal goals. For example, you have some doubts on the composition of the page and suppose that some of the elements are getting lost among details. In this case, you can ask whether a user remembers a particular element.<br>&nbsp;</p><p>Here are some questions you can ask at any 5 second test.</p><p>&nbsp;</p><ol><li>What is this page about?</li><li>What is the purpose of the page?&nbsp;</li><li>What is your impression of design?</li><li>Would you like to spend more time on the page?</li><li>What are elements you can recall?</li><li>What is the main element you can recall?</li><li>For whom this page might be interesting?&nbsp;</li><li>What do you like best about the design?</li><li>What do you like least?<br>&nbsp;</li></ol><h4>Participants</h4><p>You can find participants among members of your team or other divisions in your company. Random people are perfect for the test so you can find people among your friends and their friends.<br>&nbsp;</p><h4>Results</h4><p>Analyzing test participants’ answers you can find out whether people catch or not important content of the page and it’s main purpose. You will be able to explore weak points of design and then eliminate them.<br>&nbsp;</p><p>To make analysis more simple you can also give participants a rating scale for every question. While interpreting answers you can find some patterns and group them to focus on main problems of the design.</p>

Controversial

<p>Five second test is appropriate when you need to explore first impressions. But when you need to figure out how people interact with your product, for example whether they are ready or not to give you their contacts or buy something, you need other methods of testing.<br>&nbsp;</p><p>For example, you can <a target="_blank" rel="noopener noreferrer" href="https://www.flowmapp.com/blog/glossary-term/surveys">conduct a survey</a> to receive a deeper feedback on content of the site or run a <a target="_blank" rel="noopener noreferrer" href="https://www.flowmapp.com/blog/glossary-term/tree-testing">tree testing</a> to evaluate its structure.</p>

abstract_icon-89.svg

A research method designed to collect data to understand users objectives as they visit a website

large_607721e3a896b14cd6c59d95_glossary%20snippet

medium_607721e3a896b14cd6c59d95_glossary%20snippet

small_607721e3a896b14cd6c59d95_glossary%20snippet

thumbnail_607721e3a896b14cd6c59d95_glossary%20snippet

607721e3a896b14cd6c59d95_glossary%20snippet

True Intent Study — FlowMapp

<p>A research method designed to collect data to understand users objectives as they visit a website. True Intent Study is a survey done on your website or app asking your users:<br>&nbsp;</p><ol><li>Why are they here?</li><li>What are they trying to get done?</li><li>Can they complete what they came here to do?</li><li>How was their experience?</li></ol><p>&nbsp;</p><p>Sometimes the survey also asks for demographic or other relevant information.</p><p>&nbsp;</p><figure class="image"><img src="/uploads/603e2b98e5a1e21126f6f22d_a687569e5162dd53d19c5faf2d398e12_ded03d1c92.jpeg"><figcaption>Designed by <a target="_blank" rel="noopener noreferrer" href="https://dribbble.com/urancd">Uran</a></figcaption></figure><p>‍</p><h3>Why to Use</h3><ol><li>The research helps to describe the user's experience from interacting with the site. It then helps to better understand users and how to meet their needs.</li><li>The data collected during the study allows identifying important or necessary content and to design user flows.</li><li>The study helps to assess the site's state and identify its weaknesses.</li><li>True Intent Study allows you to test hypotheses and see if the users have any problems with them.<br>‍</li></ol><h3>Steps and Tips</h3><ol><li><strong>Determine where to intercept people.</strong> It depends on the questions you want to ask. Think about what you want to test. For example, you want to understand why users leave the site without completing registration. In this case, you may intercept them when they click on a shopping cart and ask them a few questions.</li><li><strong>Figure out how long to run the study.</strong> Generally, the study is conducted one week to compare the users' behavior on weekdays and weekends. The duration of the survey depends on how many people you want to survey.</li><li><strong>Select software to conduct true intent study.</strong> Do not overload the questionnaire, otherwise visitors won't want to fill it out. Make sure to ask short, clear and important questions.</li></ol><p>&nbsp;</p><figure class="media"><div data-oembed-url="https://youtu.be/3Cpxth_h_uE"><div style="position: relative; padding-bottom: 100%; height: 0; padding-bottom: 56.2493%;"><iframe src="https://www.youtube.com/embed/3Cpxth_h_uE" style="position: absolute; width: 100%; height: 100%; top: 0; left: 0;" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen=""></iframe></div></div></figure><p>&nbsp;</p><h3>Advantages</h3><ol><li>You receive the data right after the users perform specific tasks.</li><li>You get insights into your website visitors.</li><li>It can be run as often you need to check out the state of your site.</li></ol><p>‍</p><h3>Disadvantages</h3><ol><li>Study can late to response bias since often users with the most complaints will take a survey.</li><li>If the site traffic is slow you may have not enough people to survey.</li></ol>

603e2c5ae79a1902f00842b6_abstract_icon-24

<h3>Advantages</h3><p>1. You receive the data right after the users perform specific tasks.</p><p>2. You get insights into your website visitors.</p><p>3. It can be run as often you need to check out the state of your site.<br>&nbsp;</p><p>‍</p><h3>Disadvantages</h3><p>1. Study can late to response bias since often users with the most complaints will take a survey.</p><p>2. If the site traffic is slow you may have not enough people to survey.</p>

True Intent Study

It is a technique that involves a permanent product improvement based on the customer’s reviews and suggestions.

User feedback loop — FlowMapp

<p>It is a technique that involves a permanent product improvement based on the customer’s reviews and suggestions. That means the actions on both sides – company and user – influence each other in the product constant upgrading process.</p><p>&nbsp;</p><p>It works like this: customers leave some feedback on their side, the product team analyzes it after, makes some conclusions and implements new features to improve the customer experience. After that the loop should be repeated.</p><p>‍</p><h3>Basic Scheme</h3><ol><li>Build the product: bring your idea to life so the customers could try it.</li><li>Test the product: check if the users actually love it.</li><li>Improve the product: understand how to make your product favorable among the customers by analyzing the customer’s feedback.</li></ol><p>&nbsp;</p><p>User feedback loop is a constant process of upgrading your product through all these three steps.</p><p>&nbsp;</p><div class="raw-html-embed"><video id="ui" playsinline="" muted="" autoplay="" loop="" data-silent="true" class="med-8x6" width="100%" src="https://cdn.dribbble.com/users/76454/screenshots/14683749/media/f3a14cf6ccdae4cbc470a075ab5fd593.mp4"></video>
<figcaption>ANIMATION BY <a href="https://dribbble.com/tarka" target="_blank">PETER TARKA
</a></figcaption></div><p>‍</p><h3>Benefits</h3><p>User feedback loop has some valuable benefits. First of all, it is a great foundation for customer engagement. Users are interested to provide some feedback and get the product improved according to their needs. Hence, it can help to create long lasting relationships with your customers and reduce the complaints with a quick reaction to all the possible problem issues. In other words, user feedback loop is an excellent reality checker that allows you to be up to date with your customers’ experience. According to some research, 79% of customers are willing to continue using the product if the experience was good enough.</p><p>&nbsp;</p><p>Building a user loop is easy and only requires a coherent approach to customer feedback and some analytical skills. It can be divided into three steps:<br>&nbsp;</p><ol><li>Gathering information from your clients with surveys, live chats, reviews or direct emails.</li><li>Studying and analyzing the gathered data. You may hierarchize the issues by frequency and importance for your product growth.</li><li>Implementing new solutions to the product. Don’t forget to inform your users about new features – it is crucial to let the customers know their feedback is considered.</li></ol><p>‍</p><p>Your business growth directly depends on the happiness of your customers. User feedback loop is important to make sure your clients are satisfied with your service and are likely to stay with your product in the future.</p>

603824d9556ea314b2b0f170_abstract_icon-105

It is a technique that involves a permanent product improvement based on the customer’s reviews and suggestions

User feedback loop

It is a combination of methods, helping to learn about users’ behavior and its reasons.

User behavior analytics (UBA) — FlowMapp

<p>It is a combination of methods, helping to learn about users’ behavior and its reasons. It is executed with special software to gather, combine, and analyze information about users’ interaction with a product. Don’t confuse it with UEBA (User and entity behavior analytics), which is totally about cybersecurity.<br>&nbsp;</p><p>There are five huge instruments for UBA execution:</p><p>&nbsp;</p><ol><li><a target="_blank" rel="noopener noreferrer" href="http://www.flowmapp.com/glossary-term/heat-map">Heat maps</a><strong>, </strong>illustrating the most and the least popular zones of the website</li><li>Session recordings, allowing watching users activity at the website</li><li>Funnel analysis, showing how many users reach the goal, going through the service step-by-step</li><li>On-site surveys, letting asking additional information at a particular page</li><li>Feedback widgets, helping to get exact users’ feedback about the product</li></ol>

5f3bd772cfeefbcd2620f4ed_abstract_icon-9

User behavior analytics (UBA)

User behavior is considered to be a range of specific actions users perform at a website, working with a mobile app, or interacting with any other type of interface.

User behavior — FlowMapp

<p>User behavior is considered to be a range of specific actions users perform at a website, working with a mobile app, or interacting with any other type of interface. It includes all sorts of activity — from surfing website’s pages to clicks on particular buttons.</p><p>&nbsp;</p><p>A deeper understanding of user behavior facilities to build up efficient products and enhance existing services. To analyze user behavior a huge number of metrics are used, such as session length, <a target="_blank" rel="noopener noreferrer" href="http://www.flowmapp.com/glossary-term/heat-map">heat maps</a>, eye tracking,<a target="_blank" rel="noopener noreferrer" href="http://www.flowmapp.com/glossary-term/conversion-rate"> conversion rate</a>. This combination of analytical methods is called <a target="_blank" rel="noopener noreferrer" href="http://www.flowmapp.com/glossary-term/user-behavior-analytics-uba">User behavior analytics (UBA)</a>.</p>

5f3bd76dcfeefbab9420f4e8_abstract_icon-8

User behavior

This refers to users’ involvement with a product, which is the frequency and intensity of usage at a particular time.

User engagement — FlowMapp

<p>This refers to users’ involvement with a product, which is the frequency and intensity of usage at a particular time. The metrics of user engagement are the number of downloads, clicks, subscriptions, shares, and other activities.&nbsp;<br>&nbsp;</p><p>Since it fairly shows the level of users’ interest, user engagement is crucial in the business development of the product.</p>

5f3bd71b86af5b18231eda40_abstract_icon-7

User engagement

Represents massive data within color combination and contrast and facilities in understanding information quickly.

Heat map — FlowMapp

<p>Represents massive data within color combination and contrast and facilities in understanding information quickly. Website heat maps help to see the points of the users’ biggest interest (usually expressed with hot colors) and unpopular blocks or pages (basically, in shades of blue).</p><p>&nbsp;</p><figure class="image"><img src="/uploads/5f3bd67e03fb877eaf185995_image_2020_08_18_15_23_43_410d67c730.png"><figcaption>Hotjar Heatmap Dashboard Concept by <a target="_blank" rel="noopener noreferrer" href="https://dribbble.com/mattkoziorowski"><strong>Matt Koziorowski</strong></a></figcaption></figure>

5f3bd4733c8ce3f172cb3644_abstract_icon-6

Heat map

The term defines a person, who is going to interact with the product after its final release, and whom the product is done for.

End users — FlowMapp

<p>The term defines a person, who is going to interact with the product after its final release, and whom the product is done for. End-users are a divided group from those who execute product testing and support — administrators, testers, installers, etc.<br>&nbsp;</p>

All terms in

User Feedback(10 terms)