

{"id":7104,"date":"2019-09-11T14:55:43","date_gmt":"2019-09-11T14:55:43","guid":{"rendered":"https:\/\/tubikstudio.com\/?p=7036"},"modified":"2025-10-24T11:28:23","modified_gmt":"2025-10-24T11:28:23","slug":"directional-cues-in-user-interfaces","status":"publish","type":"post","link":"https:\/\/tubikstudio.com\/blog\/directional-cues-in-user-interfaces\/","title":{"rendered":"Show the Way: Directional Cues in User Interfaces"},"content":{"rendered":"<p>What do you do if you want people to get to a particular destination? You do everything possible to show them the way. In user experience design, it should work the same way. Don&#8217;t expect that users come to your website or app ready to fiddle and learn the ropes. It&#8217;s designers&#8217; job to make the way to the conversion as easy and intuitive as possible. <strong>Directional cues<\/strong> are among the key factors for reaching this goal. So, in today&#8217;s article let&#8217;s revise the popular types of directional cues in web and mobile user interfaces and find out why they are such an essential factor of positive user experience.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-8409\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2019\/09\/navigation_in_ui_animation_tubik.gif\" alt=\"navigation in ui animation tubik\" width=\"800\" height=\"600\" \/><\/p>\n<h2>What Is Directional Cue?<\/h2>\n<p>Directional cue is any element of user interface that gives a visual hint on specific interaction or content to let the user see it faster and easier.\u00a0As well as road signs and signposts do in the physical world. They guide a visitor or user to the key elements, text lines, and call-to-action elements, this way making the conversion reachable and users&#8217; problem solved quicker.<\/p>\n<p>As in most cases, you have only several seconds to convince users to interact with your product, making it clear while the core pieces of content and interactive zones instantly visible may be crucial for decision-making.<\/p>\n<h2>How Directional Cues Influence User Experience?<\/h2>\n<p>Directional cues:<\/p>\n<ul>\n<li>enhance the page or screen <a href=\"https:\/\/blog.tubikstudio.com\/ux-design-how-to-make-web-interface-scannable\/\">scannability<\/a><\/li>\n<li>strengthen the <a href=\"https:\/\/blog.tubikstudio.com\/visual-hierarchy-effective-ui-content-organization\/\">visual hierarchy<\/a><\/li>\n<li>improve <a href=\"https:\/\/blog.tubikstudio.com\/uiux-design-glossary-navigation-elements\/\">navigation<\/a><\/li>\n<li>increase <a href=\"https:\/\/blog.tubikstudio.com\/7-factors-that-influence-webpage-conversion-rates\/\">conversion rates<\/a>.<\/li>\n<\/ul>\n<p>Perhaps, one of the most well-known practical experiments showing the power of directional cues and the effectiveness of their types was accomplished by <a href=\"https:\/\/conversionxl.com\/institute\/\" rel=\"nofollow\">CXL Insitute<\/a>. They created several versions of the same landing page that only differed with directional cues, and then collected data of user interactions and analyzed it. Here&#8217;s how the options looked:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-8416\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2019\/09\/humanlookingaway-2.jpg\" alt=\"navigation directional cues arrow\" width=\"1084\" height=\"273\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2019\/09\/humanlookingaway-2.jpg 1084w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2019\/09\/humanlookingaway-2-300x76.jpg 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2019\/09\/humanlookingaway-2-768x193.jpg 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2019\/09\/humanlookingaway-2-1024x258.jpg 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2019\/09\/humanlookingaway-2-150x38.jpg 150w\" sizes=\"auto, (max-width: 1084px) 100vw, 1084px\" \/><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-8415\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2019\/09\/humanlooking-2.jpg\" alt=\"navigation directional cues arrow\" width=\"1084\" height=\"273\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2019\/09\/humanlooking-2.jpg 1084w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2019\/09\/humanlooking-2-300x76.jpg 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2019\/09\/humanlooking-2-768x193.jpg 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2019\/09\/humanlooking-2-1024x258.jpg 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2019\/09\/humanlooking-2-150x38.jpg 150w\" sizes=\"auto, (max-width: 1084px) 100vw, 1084px\" \/><br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-8411\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2019\/09\/arrow-2.jpg\" alt=\"navigation directional cues arrow\" width=\"1084\" height=\"273\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2019\/09\/arrow-2.jpg 1084w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2019\/09\/arrow-2-300x76.jpg 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2019\/09\/arrow-2-768x193.jpg 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2019\/09\/arrow-2-1024x258.jpg 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2019\/09\/arrow-2-150x38.jpg 150w\" sizes=\"auto, (max-width: 1084px) 100vw, 1084px\" \/><br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-8412\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2019\/09\/control-2.jpg\" alt=\"navigation directional cues arrow\" width=\"1084\" height=\"273\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2019\/09\/control-2.jpg 1084w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2019\/09\/control-2-300x76.jpg 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2019\/09\/control-2-768x193.jpg 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2019\/09\/control-2-1024x258.jpg 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2019\/09\/control-2-150x38.jpg 150w\" sizes=\"auto, (max-width: 1084px) 100vw, 1084px\" \/><br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-8417\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2019\/09\/promenient-2.jpg\" alt=\"navigation directional cues arrow\" width=\"1084\" height=\"273\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2019\/09\/promenient-2.jpg 1084w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2019\/09\/promenient-2-300x76.jpg 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2019\/09\/promenient-2-768x193.jpg 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2019\/09\/promenient-2-1024x258.jpg 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2019\/09\/promenient-2-150x38.jpg 150w\" sizes=\"auto, (max-width: 1084px) 100vw, 1084px\" \/><br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-8418\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2019\/09\/triangular-2.jpg\" alt=\"navigation directional cues arrow\" width=\"1084\" height=\"273\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2019\/09\/triangular-2.jpg 1084w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2019\/09\/triangular-2-300x76.jpg 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2019\/09\/triangular-2-768x193.jpg 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2019\/09\/triangular-2-1024x258.jpg 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2019\/09\/triangular-2-150x38.jpg 150w\" sizes=\"auto, (max-width: 1084px) 100vw, 1084px\" \/><\/p>\n<p>The experiment showed that the directional cues had a great impact on user experience, content consumption, and conversion rate:<\/p>\n<ul>\n<li>the page with a hand-drawn arrow got the longest time on page and the attention directed to the contact form<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-8414\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2019\/09\/directional-cues-in-web-design-3.jpg\" alt=\"navigation directional cues arrow\" width=\"1280\" height=\"506\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2019\/09\/directional-cues-in-web-design-3.jpg 1280w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2019\/09\/directional-cues-in-web-design-3-300x119.jpg 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2019\/09\/directional-cues-in-web-design-3-768x304.jpg 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2019\/09\/directional-cues-in-web-design-3-1024x405.jpg 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2019\/09\/directional-cues-in-web-design-3-150x59.jpg 150w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/p>\n<ul>\n<li>the version of a page with a man looking away from the form got the least attention and interaction from users.<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-8413\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2019\/09\/directional-cues-in-web-design-2-2.jpg\" alt=\"navigation directional cues arrow\" width=\"1280\" height=\"498\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2019\/09\/directional-cues-in-web-design-2-2.jpg 1280w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2019\/09\/directional-cues-in-web-design-2-2-300x117.jpg 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2019\/09\/directional-cues-in-web-design-2-2-768x299.jpg 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2019\/09\/directional-cues-in-web-design-2-2-1024x398.jpg 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2019\/09\/directional-cues-in-web-design-2-2-150x58.jpg 150w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/p>\n<p>So, wisely applying directional cues, the UX designer enhances the visual communication of the interface with the user. Clarifying the way, we make it easier to achieve the destination, which is a factor influencing usability.<\/p>\n<h2>Popular Types of Directional Cues<\/h2>\n<h3>Arrows<\/h3>\n<p>One of the most popular direction cues comes directly from the physical world. Perhaps, there is no more obvious and universal way to show the direction as with an arrow. That is the reason why a variety of arrows turn up here and there in interfaces to help the user not to get lost. It is the pattern of interaction that is clear for people of any age, culture, level of education and tech literacy &#8211; and the experiment described above proves it well.<\/p>\n<p><iframe loading=\"lazy\" title=\"forest camping website animation  tubik.mp4\" src=\"https:\/\/player.vimeo.com\/video\/543169367?h=54f48100e7&amp;dnt=1&amp;app_id=122963\" width=\"500\" height=\"375\" frameborder=\"0\" allow=\"autoplay; fullscreen; picture-in-picture; clipboard-write; encrypted-media; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\"><\/iframe><\/p>\n<p><em>The website on forest camping uses arrows prompting interactions with horizontal slides.<\/em><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-8230\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2019\/03\/home_decor_ecommerce_website_tubik-2.png\" alt=\"home decor ecommerce website tubik\" width=\"1600\" height=\"1200\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2019\/03\/home_decor_ecommerce_website_tubik-2.png 1600w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2019\/03\/home_decor_ecommerce_website_tubik-2-300x225.png 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2019\/03\/home_decor_ecommerce_website_tubik-2-768x576.png 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2019\/03\/home_decor_ecommerce_website_tubik-2-1024x768.png 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2019\/03\/home_decor_ecommerce_website_tubik-2-150x113.png 150w\" sizes=\"auto, (max-width: 1600px) 100vw, 1600px\" \/><\/p>\n<p><em>Home decor ecommerce website uses arrows as the visual prompts on interactive elements.<\/em><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-8419\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2019\/09\/hot_dog_maker_UI_design_tubik.png\" alt=\"hot dog maker UI design tubik\" width=\"1600\" height=\"1200\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2019\/09\/hot_dog_maker_UI_design_tubik.png 1600w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2019\/09\/hot_dog_maker_UI_design_tubik-300x225.png 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2019\/09\/hot_dog_maker_UI_design_tubik-768x576.png 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2019\/09\/hot_dog_maker_UI_design_tubik-1024x768.png 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2019\/09\/hot_dog_maker_UI_design_tubik-150x113.png 150w\" sizes=\"auto, (max-width: 1600px) 100vw, 1600px\" \/><\/p>\n<p><em>The webpage for the hot-dog delivery service that allows for creating custom hot dogs uses arrows to let users see the stage they are at.<\/em><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-8420\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2019\/09\/dance_academy_website_interactions_tubik.gif\" alt=\"dance academy website interactions_tubik\" width=\"800\" height=\"600\" \/><\/p>\n<p>&nbsp;<\/p>\n<p><em>Dance Academy landing page uses arrows to prompt the users that there are interactions with a horizontal slider.<\/em><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-7655\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/04\/Tubik_Studio_Slopes_Animation.gif\" alt=\"slopes website design animation\" width=\"800\" height=\"600\" \/><\/p>\n<p><em>The animated arrow in the bottom area of the website for travelers invites users to scroll to see more.<\/em><\/p>\n<h3>Pointers<\/h3>\n<p>What if you don&#8217;t want to make the design look that direct and straightforward as arrows do? Then pointers can help. Again, it works as effectively as in real life: when someone wants to direct your attention to an object or person, it&#8217;s enough just to point at it. On the <a href=\"https:\/\/blog.tubikstudio.com\/types-of-web-pages\/\">web pages<\/a> and mobile screens, this trick works the same way, giving the reason for various visuals giving an elegant visual hint on the core information or interactive element.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-8184\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2019\/03\/hiring_artist_website_design_illustration-1.png\" alt=\"hiring artist website design illustration\" width=\"1024\" height=\"768\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2019\/03\/hiring_artist_website_design_illustration-1.png 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2019\/03\/hiring_artist_website_design_illustration-1-300x225.png 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2019\/03\/hiring_artist_website_design_illustration-1-768x576.png 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2019\/03\/hiring_artist_website_design_illustration-1-150x113.png 150w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<p><em>This landing page of the platform for hiring artists uses the <a href=\"https:\/\/blog.tubikstudio.com\/hero-images-in-web-design\/\">hero illustration<\/a> that not only transfers the idea and makes the page attractive. It also works as a pointer: the composition of characters points at the zone with information and CTA.<\/em><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-8421 size-large\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2019\/09\/mail_service_landing_page_tubik-1024x768.png\" alt=\"mail service landing page tubik\" width=\"1024\" height=\"768\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2019\/09\/mail_service_landing_page_tubik-1024x768.png 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2019\/09\/mail_service_landing_page_tubik-300x225.png 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2019\/09\/mail_service_landing_page_tubik-768x576.png 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2019\/09\/mail_service_landing_page_tubik-150x113.png 150w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2019\/09\/mail_service_landing_page_tubik.png 1600w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<p><em>It may not look like a direct pointer but if you look attentively you&#8217;ll see that all the dynamic composition of the page leads you to the zone of the <a href=\"https:\/\/blog.tubikstudio.com\/call-for-attention-powerful-cta-button-design\/\">call-to-action button<\/a>, even the details such as the paper plane.<\/em><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-8240\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2019\/03\/luggage_delivery_service_website_tubik-1024x768.png\" alt=\"luggage delivery service website_tubik\" width=\"1024\" height=\"768\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2019\/03\/luggage_delivery_service_website_tubik-1024x768.png 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2019\/03\/luggage_delivery_service_website_tubik-300x225.png 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2019\/03\/luggage_delivery_service_website_tubik-768x576.png 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2019\/03\/luggage_delivery_service_website_tubik-150x113.png 150w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<p><em>The hero illustration on the website of the luggage delivery service also uses the power of pointers: not only people but even the plane direct your eyes to the CTA button.<\/em><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-8422\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2019\/09\/mail_management_landing_page_tubik-1024x768.png\" alt=\"mail management landing page tubik\" width=\"1024\" height=\"768\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2019\/09\/mail_management_landing_page_tubik-1024x768.png 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2019\/09\/mail_management_landing_page_tubik-300x225.png 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2019\/09\/mail_management_landing_page_tubik-768x576.png 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2019\/09\/mail_management_landing_page_tubik-150x113.png 150w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2019\/09\/mail_management_landing_page_tubik.png 1600w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<p><em>Hero illustration at the landing page of a productivity service also uses the composition and a character posture to make it a directional cue focusing users&#8217; attention on the tagline.<\/em><\/p>\n<h2>Eye Line (Gaze Direction)<\/h2>\n<p>Eye direction is another powerful directional cue built on natural human reactions. When people see that someone&#8217;s eye is focused on some point or object, they have a natural urge of curiosity to check what it is. That why this trick is often used with <a href=\"https:\/\/blog.tubikstudio.com\/web-design-basic-types-of-images-web-content\/\">visual content<\/a> like photos or illustrations integrated into UI layout.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-8428\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2019\/09\/hair_beauty_website_tubik-2-1024x768.png\" alt=\"hair beauty website tubik\" width=\"1024\" height=\"768\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2019\/09\/hair_beauty_website_tubik-2-1024x768.png 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2019\/09\/hair_beauty_website_tubik-2-300x225.png 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2019\/09\/hair_beauty_website_tubik-2-768x576.png 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2019\/09\/hair_beauty_website_tubik-2-150x113.png 150w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<p><em>The hair beauty company website uses a hero image on the home page that works as a directional cue: the model&#8217;s eyes attract your attention to the zone of CTA elements.<\/em><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-7658\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/04\/dating-app-landing-page-design.png\" alt=\"dating app landing page design\" width=\"800\" height=\"600\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/04\/dating-app-landing-page-design.png 800w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/04\/dating-app-landing-page-design-300x225.png 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/04\/dating-app-landing-page-design-768x576.png 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/04\/dating-app-landing-page-design-150x113.png 150w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/p>\n<p><em>The <a href=\"https:\/\/blog.tubikstudio.com\/creative-landing-page-design\/\">landing page<\/a> for a dating app uses the illustration with a character whose eye line is directed at the information copy block.<\/em><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-8424\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2019\/09\/hairclip_store_website_design_tubik-2-1024x768.png\" alt=\"hairclip store website design tubik\" width=\"1024\" height=\"768\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2019\/09\/hairclip_store_website_design_tubik-2-1024x768.png 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2019\/09\/hairclip_store_website_design_tubik-2-300x225.png 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2019\/09\/hairclip_store_website_design_tubik-2-768x576.png 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2019\/09\/hairclip_store_website_design_tubik-2-150x113.png 150w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2019\/09\/hairclip_store_website_design_tubik-2.png 1600w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<p><em>The <a href=\"https:\/\/blog.tubikstudio.com\/11-profitable-strategies-for-e-commerce-ui-design\/\">ecommerce website<\/a> selling exclusive hair accessories uses a sophisticated hero illustration that also plays the role of a directional cue as the eyes of a character are directed to the tagline.<\/em><\/p>\n<p><iframe loading=\"lazy\" title=\"Ecommerce website interactions tubik\" src=\"https:\/\/player.vimeo.com\/video\/546093960?h=bce3efaa26&amp;dnt=1&amp;app_id=122963\" width=\"500\" height=\"375\" frameborder=\"0\" allow=\"autoplay; fullscreen; picture-in-picture; clipboard-write; encrypted-media; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\"><\/iframe><\/p>\n<p><em>The hero section of the e-commerce website uses the image not only demonstrating the product but also working as a directional cue focused on a tagline.<\/em><\/p>\n<h3>Visual Prompts<\/h3>\n<p>Not only arrows can give users a hint that interaction is possible. Other objects can provide some help, like icons or illustrations symbolizing the type of interaction. The mouse may mean that you can scroll, the hand animation will let you know that it&#8217;s possible to swipe and so on. This way the users don&#8217;t need to take additional effort to understand how the interface works.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-8236\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2019\/03\/creativo_arquitectos_website_design_tubik.png\" alt=\"creativo arquitectos website ui design tubik\" width=\"800\" height=\"600\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2019\/03\/creativo_arquitectos_website_design_tubik.png 800w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2019\/03\/creativo_arquitectos_website_design_tubik-300x225.png 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2019\/03\/creativo_arquitectos_website_design_tubik-768x576.png 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2019\/03\/creativo_arquitectos_website_design_tubik-150x113.png 150w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/p>\n<p><em>The website for a design studio uses the icon of the computer mouse as a visual prompt to try scrolling down.<\/em><\/p>\n<h3>Part of the Following Content<\/h3>\n<p>One of the issues that may arise in the interaction process is the illusion of completeness. It happens when the layout seems to be complete and it&#8217;s not clear that scrolling you can open more content. So, showing the part of the content that will continue below the area visible on the screen works as a non-obvious but effective directional cue. This way users avoid the feeling that they have seen everything and the risk of missing important content gets lower.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-7821\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2020\/01\/fashion_portfolio_website_model_page-1024x768.png\" alt=\"fashion portfolio website model_page\" width=\"1024\" height=\"768\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2020\/01\/fashion_portfolio_website_model_page-1024x768.png 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2020\/01\/fashion_portfolio_website_model_page-300x225.png 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2020\/01\/fashion_portfolio_website_model_page-768x576.png 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2020\/01\/fashion_portfolio_website_model_page-150x113.png 150w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2020\/01\/fashion_portfolio_website_model_page.png 1600w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<p><em>The fashion model portfolio webpage features parts of the photos in the bottom area to give users a hint about scrolling to see more.<\/em><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-8242\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2019\/03\/healthy_meals_delivery_service_website_tubik-1024x768.png\" alt=\"healthy meals delivery service website tubik\" width=\"1024\" height=\"768\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2019\/03\/healthy_meals_delivery_service_website_tubik-1024x768.png 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2019\/03\/healthy_meals_delivery_service_website_tubik-300x225.png 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2019\/03\/healthy_meals_delivery_service_website_tubik-768x576.png 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2019\/03\/healthy_meals_delivery_service_website_tubik-150x113.png 150w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2019\/03\/healthy_meals_delivery_service_website_tubik.png 1600w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<p><em>The home page of the food delivery service shows the part of the menu in the bottom part of the screen to show that there is more content in the below-the-fold area. Also, the layout uses arrows as a directional cue showing that horizontal interaction will open another information block.<\/em><\/p>\n<p>So, it&#8217;s easy to see how differently directional cues may look. Whatever kind of dress and performance is chosen for them, the main thing is that they present another sign of respect for the users saving their precious time and effort and making interactions natural and easy.<\/p>\n<h2>Useful Articles<\/h2>\n<p>Welcome to check more articles devoted to the issues of user experience design for web and mobile.<\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/ux-design-readable-user-interface\/\">How to Make User Interface Readable<\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/ui-design-basic-types-of-buttons-in-user-interfaces\/\">Basic Types of Buttons in User Interfaces<\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/user-experience-tips-ux-writing\/\">UX Writing: Handy Tips on Text Improving User Experience<\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/3c-of-interface-design-color-contrast-content\/\">3C of Interface Design: Color, Contrast, Content<\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/negative-space-in-design-tips-and-best-practices-2\/\">Negative Space in Design: Practices and Tips<\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/ux-design-how-to-make-web-interface-scannable\/\">User Experience: How to Make Web Interface Scannable<\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/hero-images-in-web-design\/\">From Zero to Hero: Look at Hero Images in Web Design<\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/light-or-dark-ui-tips-choose-proper-color-scheme\/\">Light or Dark UI? Tips to Choose a Proper Color Scheme<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>The article revises the popular types of directional cues in web and mobile user interfaces and finds out why they are such an essential factor of positive user experience.<\/p>\n","protected":false},"author":3,"featured_media":8426,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[7,9],"tags":[365,504,457,515,20,462,527,100,463,528,138,466,533,139,467,576,151,468,233,469,237,479,256,480,261,482,264,485,319,487,328,491,331,502,332,503],"coauthors":[],"class_list":["post-7104","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-processes_and_tools","category-ui_ux","tag-product-design","tag-ux-design-article","tag-ui","tag-uxui","tag-app-design","tag-ui-design","tag-visual-hierarchy","tag-design","tag-ui-design-article","tag-visual-perception","tag-design-process","tag-ui-design-inspiration","tag-web-design","tag-design-psychology","tag-ui-design-practices","tag-directional-cues","tag-design-tips","tag-ui-design-process","tag-human-computer-interaction","tag-ui-design-tips","tag-icons","tag-usability","tag-interaction-design","tag-user-behavior","tag-interface-design","tag-user-experience","tag-interface-navigation","tag-user-experience-design","tag-mobile-app","tag-user-experience-design-process","tag-mobile-navigation-design","tag-user-interface","tag-mobile-ui","tag-ux","tag-mobile-user-interface","tag-ux-design"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.7 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Show the Way: Directional Cues in User Interfaces<\/title>\n<meta name=\"description\" content=\"The article revises the popular types of directional cues in web and mobile user interfaces and finds out why they are such an essential factor of positive user experience\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/tubikstudio.com\/blog\/directional-cues-in-user-interfaces\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Show the Way: Directional Cues in User Interfaces\" \/>\n<meta property=\"og:description\" content=\"The article revises the popular types of directional cues in web and mobile user interfaces and finds out why they are such an essential factor of positive user experience\" \/>\n<meta property=\"og:url\" content=\"https:\/\/tubikstudio.com\/blog\/directional-cues-in-user-interfaces\/\" \/>\n<meta property=\"og:site_name\" content=\"Tubik Blog: Articles About Design\" \/>\n<meta property=\"article:published_time\" content=\"2019-09-11T14:55:43+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-10-24T11:28:23+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2019\/09\/directional-cues-in-user-interfaces-design-article-3.png\" \/>\n\t<meta property=\"og:image:width\" content=\"4000\" \/>\n\t<meta property=\"og:image:height\" content=\"3000\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Marina Yalanska\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Marina Yalanska\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"7 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/tubikstudio.com\/blog\/directional-cues-in-user-interfaces\/\",\"url\":\"https:\/\/tubikstudio.com\/blog\/directional-cues-in-user-interfaces\/\",\"name\":\"Show the Way: Directional Cues in User Interfaces\",\"isPartOf\":{\"@id\":\"https:\/\/tubikstudio.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/tubikstudio.com\/blog\/directional-cues-in-user-interfaces\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/tubikstudio.com\/blog\/directional-cues-in-user-interfaces\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2019\/09\/directional-cues-in-user-interfaces-design-article-3.png\",\"datePublished\":\"2019-09-11T14:55:43+00:00\",\"dateModified\":\"2025-10-24T11:28:23+00:00\",\"author\":{\"@id\":\"https:\/\/tubikstudio.com\/blog\/#\/schema\/person\/320206b0076eb11ea0c0d4d17012c36f\"},\"description\":\"The article revises the popular types of directional cues in web and mobile user interfaces and finds out why they are such an essential factor of positive user experience\",\"breadcrumb\":{\"@id\":\"https:\/\/tubikstudio.com\/blog\/directional-cues-in-user-interfaces\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/tubikstudio.com\/blog\/directional-cues-in-user-interfaces\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/tubikstudio.com\/blog\/directional-cues-in-user-interfaces\/#primaryimage\",\"url\":\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2019\/09\/directional-cues-in-user-interfaces-design-article-3.png\",\"contentUrl\":\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2019\/09\/directional-cues-in-user-interfaces-design-article-3.png\",\"width\":4000,\"height\":3000,\"caption\":\"directional cues in user interfaces design article\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/tubikstudio.com\/blog\/directional-cues-in-user-interfaces\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/tubikstudio.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Show the Way: Directional Cues in User Interfaces\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/tubikstudio.com\/blog\/#website\",\"url\":\"https:\/\/tubikstudio.com\/blog\/\",\"name\":\"Tubik Blog: Articles About Design\",\"description\":\"Tubik Studio\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/tubikstudio.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/tubikstudio.com\/blog\/#\/schema\/person\/320206b0076eb11ea0c0d4d17012c36f\",\"name\":\"Marina Yalanska\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/tubikstudio.com\/blog\/#\/schema\/person\/image\/2ddde1c118fcf989ce8e73997a3909dd\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/630af235953a586b42ed17f9ea472b131bcde00719efc655984d63ca2078e7a2?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/630af235953a586b42ed17f9ea472b131bcde00719efc655984d63ca2078e7a2?s=96&d=mm&r=g\",\"caption\":\"Marina Yalanska\"},\"url\":\"https:\/\/tubikstudio.com\/blog\/author\/marina-yalanska\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Show the Way: Directional Cues in User Interfaces","description":"The article revises the popular types of directional cues in web and mobile user interfaces and finds out why they are such an essential factor of positive user experience","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/tubikstudio.com\/blog\/directional-cues-in-user-interfaces\/","og_locale":"en_US","og_type":"article","og_title":"Show the Way: Directional Cues in User Interfaces","og_description":"The article revises the popular types of directional cues in web and mobile user interfaces and finds out why they are such an essential factor of positive user experience","og_url":"https:\/\/tubikstudio.com\/blog\/directional-cues-in-user-interfaces\/","og_site_name":"Tubik Blog: Articles About Design","article_published_time":"2019-09-11T14:55:43+00:00","article_modified_time":"2025-10-24T11:28:23+00:00","og_image":[{"width":4000,"height":3000,"url":"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2019\/09\/directional-cues-in-user-interfaces-design-article-3.png","type":"image\/png"}],"author":"Marina Yalanska","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Marina Yalanska","Est. reading time":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/tubikstudio.com\/blog\/directional-cues-in-user-interfaces\/","url":"https:\/\/tubikstudio.com\/blog\/directional-cues-in-user-interfaces\/","name":"Show the Way: Directional Cues in User Interfaces","isPartOf":{"@id":"https:\/\/tubikstudio.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/tubikstudio.com\/blog\/directional-cues-in-user-interfaces\/#primaryimage"},"image":{"@id":"https:\/\/tubikstudio.com\/blog\/directional-cues-in-user-interfaces\/#primaryimage"},"thumbnailUrl":"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2019\/09\/directional-cues-in-user-interfaces-design-article-3.png","datePublished":"2019-09-11T14:55:43+00:00","dateModified":"2025-10-24T11:28:23+00:00","author":{"@id":"https:\/\/tubikstudio.com\/blog\/#\/schema\/person\/320206b0076eb11ea0c0d4d17012c36f"},"description":"The article revises the popular types of directional cues in web and mobile user interfaces and finds out why they are such an essential factor of positive user experience","breadcrumb":{"@id":"https:\/\/tubikstudio.com\/blog\/directional-cues-in-user-interfaces\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/tubikstudio.com\/blog\/directional-cues-in-user-interfaces\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/tubikstudio.com\/blog\/directional-cues-in-user-interfaces\/#primaryimage","url":"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2019\/09\/directional-cues-in-user-interfaces-design-article-3.png","contentUrl":"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2019\/09\/directional-cues-in-user-interfaces-design-article-3.png","width":4000,"height":3000,"caption":"directional cues in user interfaces design article"},{"@type":"BreadcrumbList","@id":"https:\/\/tubikstudio.com\/blog\/directional-cues-in-user-interfaces\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/tubikstudio.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Show the Way: Directional Cues in User Interfaces"}]},{"@type":"WebSite","@id":"https:\/\/tubikstudio.com\/blog\/#website","url":"https:\/\/tubikstudio.com\/blog\/","name":"Tubik Blog: Articles About Design","description":"Tubik Studio","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/tubikstudio.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/tubikstudio.com\/blog\/#\/schema\/person\/320206b0076eb11ea0c0d4d17012c36f","name":"Marina Yalanska","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/tubikstudio.com\/blog\/#\/schema\/person\/image\/2ddde1c118fcf989ce8e73997a3909dd","url":"https:\/\/secure.gravatar.com\/avatar\/630af235953a586b42ed17f9ea472b131bcde00719efc655984d63ca2078e7a2?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/630af235953a586b42ed17f9ea472b131bcde00719efc655984d63ca2078e7a2?s=96&d=mm&r=g","caption":"Marina Yalanska"},"url":"https:\/\/tubikstudio.com\/blog\/author\/marina-yalanska\/"}]}},"post_mailing_queue_ids":[],"_links":{"self":[{"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/posts\/7104","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/comments?post=7104"}],"version-history":[{"count":7,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/posts\/7104\/revisions"}],"predecessor-version":[{"id":14409,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/posts\/7104\/revisions\/14409"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/media\/8426"}],"wp:attachment":[{"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/media?parent=7104"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/categories?post=7104"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/tags?post=7104"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/coauthors?post=7104"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}