

{"id":8844,"date":"2020-04-01T13:04:30","date_gmt":"2020-04-01T13:04:30","guid":{"rendered":"https:\/\/blog.tubikstudio.com\/?p=8844"},"modified":"2026-07-30T14:08:07","modified_gmt":"2026-07-30T14:08:07","slug":"how-to-design-search","status":"publish","type":"post","link":"https:\/\/tubikstudio.com\/blog\/how-to-design-search\/","title":{"rendered":"How to Design Search UX That Actually Works"},"content":{"rendered":"<p><span style=\"font-weight: 400;\">The search bar on your website or app is a direct line to the inside of your user&#8217;s head. The moment someone types into that field, they&#8217;re handing you a gift\u2014a raw, unfiltered declaration of intent. No second-guessing.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Internal search is the function that takes that declaration and converts it into a useful result. When it works well, it&#8217;s a shortcut that feels almost telepathic. When it fails, it&#8217;s a wall. Users bounce, conversion drops, and you&#8217;ve lost someone who was already on your website, which is arguably the hardest and most expensive person to lose.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">The search field\u2014also called a search box or search bar\u2014is the UI element that makes this possible. It accepts the query, hands it to the engine underneath, and surfaces what matters. The interface component itself is deceptively simple, which is exactly why it gets underestimated.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">How you design internal search will determine whether your users find what they came for\u2014or leave to find it somewhere else. Here&#8217;s what actually matters.<\/span><\/p>\n<p><iframe loading=\"lazy\" title=\"physica magazine article page interactions tubik design\" src=\"https:\/\/player.vimeo.com\/video\/762554000?h=3f90ea4e4f&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><a href=\"https:\/\/tubikstudio.com\/works\/physica-magazine?utm_source=blog&amp;utm_medium=referral&amp;utm_campaign=internal_traffic&amp;utm_content=effective_search_design&amp;source=blog\">Physica Magazine website<\/a> features the search control in the header<\/em><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-8478\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2019\/07\/food_order_website_design_tubik-1-1024x768.png\" alt=\"food order website design tubik\" width=\"1024\" height=\"768\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2019\/07\/food_order_website_design_tubik-1-1024x768.png 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2019\/07\/food_order_website_design_tubik-1-300x225.png 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2019\/07\/food_order_website_design_tubik-1-768x576.png 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2019\/07\/food_order_website_design_tubik-1-150x113.png 150w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<p><em>The website of a food delivery service features the search control with a text label in the header<\/em><\/p>\n<h2><b>When Your Product Needs a Search Function<\/b><\/h2>\n<p><span style=\"font-weight: 400;\">The old rule of thumb said: add internal search once your site hits 100\u2013200 pages. That rule was written in a different era of the internet. Today&#8217;s users are navigating dozens of digital products a day, and their tolerance for friction has plummeted accordingly.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">A better trigger: 50+ pages. At that threshold, well-designed <a href=\"https:\/\/tubikstudio.com\/blog\/ux-design-glossary-interface-navigation-elements-set-2\/?utm_source=blog&amp;utm_medium=referral&amp;utm_campaign=internal_traffic&amp;utm_content=effective_search_design&amp;source=blog\">navigation<\/a> alone starts to crack under the weight of user expectations. If a visitor arrives from Google or social media with a specific item, article, or answer in mind\u2014and has to hunt for it through menus and scroll depth\u2014you&#8217;ve already started losing them. A fast, well-placed search interface removes that risk entirely.<\/span><\/p>\n<p><span style=\"font-weight: 400;\"><a href=\"https:\/\/tubikstudio.com\/blog\/single-page-website-best-design-practices\/?utm_source=blog&amp;utm_medium=referral&amp;utm_campaign=internal_traffic&amp;utm_content=effective_search_design&amp;source=blog\">Single-page sites<\/a>, portfolio sites, lean corporate pages\u2014these can live without search. Solid navigation handles the load. But for e-commerce platforms, content-heavy blogs, news sites, SaaS documentation, marketplaces, and media libraries, search UX is a core business function.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">One more thing worth saying clearly: search does not replace navigation. These two elements serve different types of users. Some people know exactly what they want and will use the search bar. Others browse and explore, following links and menus without a fixed destination. Design for both. Tipping too far toward search-as-default means you&#8217;ll frustrate every user who would rather follow a path than invent one. This balance between search and navigation is where thoughtful UX lives.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-13336\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/11\/BlockStock-website-design-home-page-tubik.jpg\" alt=\"BlockStock website design home page tubik\" width=\"1600\" height=\"1200\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/11\/BlockStock-website-design-home-page-tubik.jpg 1600w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/11\/BlockStock-website-design-home-page-tubik-300x225.jpg 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/11\/BlockStock-website-design-home-page-tubik-768x576.jpg 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/11\/BlockStock-website-design-home-page-tubik-1024x768.jpg 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/11\/BlockStock-website-design-home-page-tubik-150x113.jpg 150w\" sizes=\"auto, (max-width: 1600px) 100vw, 1600px\" \/><\/p>\n<p><em>The home page of the <a href=\"https:\/\/tubikstudio.com\/works\/blockstock?utm_source=blog&amp;utm_medium=referral&amp;utm_campaign=internal_traffic&amp;utm_content=effective_search_design&amp;source=blog\">BlockStock website<\/a> features a big search field in the above-the-fold area to let users quickly find the Minecraft assets they want<\/em><\/p>\n<h2><b>Three Non-Negotiables for Search That Actually Works<\/b><\/h2>\n<p><span style=\"font-weight: 400;\">Before getting into design specifics, there are three properties that make or break a search experience. Consider these baseline requirements, not nice-to-haves.<\/span><\/p>\n<ul>\n<li aria-level=\"1\"><b>Instant visibility.<\/b><span style=\"font-weight: 400;\"> Users should spot the search bar without scanning. If someone has to look for the search function, the search function has already failed. Visibility here is measured in milliseconds.<\/span><\/li>\n<\/ul>\n<ul>\n<li aria-level=\"1\"><b>Immediate legibility as search.<\/b><span style=\"font-weight: 400;\"> The field needs to communicate its purpose through shape, icon, or label without any reading required. Anyone glancing at your interface should instantly recognize it as a search input.<\/span><\/li>\n<\/ul>\n<ul>\n<li aria-level=\"1\"><b>Relevance of results.<\/b><span style=\"font-weight: 400;\"> This is partly an engineering problem, but the design of filters, categories, and query input directly affects how well users can communicate what they want to the system. Poor search result relevance is often a UX problem wearing an engineering mask.<\/span><\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p><iframe loading=\"lazy\" title=\"Crypto blog home page website animation tubik\" src=\"https:\/\/player.vimeo.com\/video\/541269849?h=851bd37f1b&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 Crypto Blog makes a search control one of the core <a href=\"https:\/\/tubikstudio.com\/blog\/8-solid-tips-on-cta-button-design\/?utm_source=blog&amp;utm_medium=referral&amp;utm_campaign=internal_traffic&amp;utm_content=effective_search_design&amp;source=blog\">CTA elements<\/a> on the page<\/em><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-8228\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2019\/03\/bugs_store_webdesign_tubik-1-1024x768.png\" alt=\"bugs store webdesign tubik\" width=\"1024\" height=\"768\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2019\/03\/bugs_store_webdesign_tubik-1-1024x768.png 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2019\/03\/bugs_store_webdesign_tubik-1-300x225.png 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2019\/03\/bugs_store_webdesign_tubik-1-768x576.png 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2019\/03\/bugs_store_webdesign_tubik-1-150x113.png 150w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<p><em>The e-commerce platform selling insects features the open search field in the header<\/em><\/p>\n<h2><b>UX Design Practices for Effective Search<\/b><\/h2>\n<p><span style=\"font-weight: 400;\">The following practices apply across web interfaces, mobile apps, and hybrid products. Each one has a real-world reason behind it.<\/span><\/p>\n<h3><b>Place the Search Field Where Eyes Land First<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">Placement drives discoverability more than any other variable. In web design, the header is the highest-attention zone on the page\u2014studies on visual scanning confirm it consistently. The search bar belongs there, visible on load, positioned without requiring any scrolling or hunting.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">For large e-commerce sites, this placement makes commercial sense. A user who arrives looking for a specific product and fails to find the search bar quickly is a lost customer. When mental models are factored in\u2014and they should be, because users bring habits from every other site they visit\u2014the header search bar is expected. It has been there long enough on enough sites that deviating from it requires a very good reason.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Hidden search, buried below the fold or tucked into a footer, might as well not exist for most users. The exception: offering search in both the header and footer makes sense for long-scroll pages without sticky navigation. A user who has scrolled to the bottom should be able to search from there, without the friction of scrolling back up.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Mobile search UX operates under different constraints. Screen space is limited, and everything is a tradeoff. If search is central to the user journey\u2014travel apps, e-commerce apps, job search platforms\u2014it earns a spot in the tab bar, always reachable with a thumb. If search is secondary to the core experience, it can live in a contextual menu or appear only on screens where it adds meaningful value.<\/span><\/p>\n<p><iframe loading=\"lazy\" title=\"Tea ecommerce product card\" src=\"https:\/\/player.vimeo.com\/video\/539094931?h=bd4624b768&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 <a href=\"https:\/\/blog.tubikstudio.com\/identity-website-design-tea-brand\/?utm_source=blog&amp;utm_medium=referral&amp;utm_campaign=internal_traffic&amp;utm_content=effective_search_design&amp;source=blog\">tea e-commerce website<\/a> includes the search control in the header which is sticky and easily reached from any point of interaction<\/em><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-7427\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2020\/03\/dessert_recipe_blog_design_tubik-993x1024.png\" alt=\"dessert recipe blog\" width=\"993\" height=\"1024\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2020\/03\/dessert_recipe_blog_design_tubik-993x1024.png 993w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2020\/03\/dessert_recipe_blog_design_tubik-291x300.png 291w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2020\/03\/dessert_recipe_blog_design_tubik-768x792.png 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2020\/03\/dessert_recipe_blog_design_tubik-145x150.png 145w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2020\/03\/dessert_recipe_blog_design_tubik.png 1920w\" sizes=\"auto, (max-width: 993px) 100vw, 993px\" \/><\/p>\n<p><em>The blog devoted to dessert recipes features the search icon in the header<\/em><\/p>\n<h3><b>Use the Magnifying Glass. Defend the Magnifying Glass.<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">The magnifying glass icon is one of the most universally recognized symbols in digital interface design. It means search to almost every user, on every device, in every country. That kind of symbol consensus is worth protecting.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Experiments with alternative icons are a gamble with your users&#8217; cognitive load. Before replacing the magnifying glass with anything else, ask what you gain and who you&#8217;re designing for. In most cases, the answer is: nothing, and everyone. So, stick with the standard.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">There are legitimate exceptions, though. A design system built entirely around typographic hierarchy and minimal visual elements might use a text link rather than an icon\u2014and that can work if the surrounding context makes the function clear. But it should be a deliberate, tested choice, not a creative impulse. When in doubt, test with real users before shipping a custom search icon into production.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-8854\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2020\/04\/recipe-card-UI-animation-1.gif\" alt=\"recipe card animation tubik\" width=\"800\" height=\"600\" \/><\/p>\n<p><em>The <a href=\"https:\/\/blog.tubikstudio.com\/ui-experiments-options-for-recipe-cards-in-a-food-app\/?utm_source=blog&amp;utm_medium=referral&amp;utm_campaign=internal_traffic&amp;utm_content=effective_search_design&amp;source=blog\">recipe app<\/a> full of content features the search field in the top part of the screen, with both a search icon and a textual prompt to make its functionality super clear. Also, the tags below help to tune the search better.<\/em><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-7668\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/04\/tubik-studio-motion-design-ui.gif\" alt=\"tubik studio motion design ui\" width=\"800\" height=\"600\" \/><\/p>\n<p><em>The concept of search interactions for a mobile app<\/em><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-7814\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2020\/01\/tubik_gallery_app_ui-1024x768.png\" alt=\"tubik gallery app ui\" width=\"1024\" height=\"768\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2020\/01\/tubik_gallery_app_ui-1024x768.png 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2020\/01\/tubik_gallery_app_ui-300x225.png 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2020\/01\/tubik_gallery_app_ui-768x576.png 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2020\/01\/tubik_gallery_app_ui-150x113.png 150w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<p><em>The Gallery App features the search icon in the tab bar allowing a user to reach it quickly<\/em><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-8548\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2019\/05\/daily_poetry_website_design_tubik-1-1024x768.png\" alt=\"daily poetry website design tubik\" width=\"1024\" height=\"768\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2019\/05\/daily_poetry_website_design_tubik-1-1024x768.png 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2019\/05\/daily_poetry_website_design_tubik-1-300x225.png 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2019\/05\/daily_poetry_website_design_tubik-1-768x576.png 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2019\/05\/daily_poetry_website_design_tubik-1-150x113.png 150w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<p><em>Daily Poetry website features the search icon in the header and makes it super visible due to the color contrast<\/em><\/p>\n<h3><b>Textual Prompts and Predictive Search<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">Placeholder text inside the search bar serves a dual purpose: it confirms the field&#8217;s function, and it can seed query ideas for users who are mid-intent. &#8220;Search for products, brands, or categories&#8221; tells a user both what to do and what&#8217;s possible. Two jobs done in six words.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Beyond static placeholder text, autocomplete and predictive search are among the highest-value search UX features available. The moment a user begins typing, surfacing relevant suggestions accelerates the entire interaction. Fewer keystrokes. Faster path to results. More time engaging with actual content.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Autocomplete works best when tuned to the most common and commercially significant queries your users actually enter. This data lives in your search analytics, and if you&#8217;re not mining it for UX insights, you&#8217;re sitting on intelligence.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-8850\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2020\/04\/tubik-studio-search-1024x550.png\" alt=\"tubik studio search\" width=\"1024\" height=\"550\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2020\/04\/tubik-studio-search-1024x550.png 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2020\/04\/tubik-studio-search-300x161.png 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2020\/04\/tubik-studio-search-768x412.png 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2020\/04\/tubik-studio-search-150x81.png 150w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2020\/04\/tubik-studio-search.png 1276w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<p><em>The search here in Tubik Blog opens a minimalistic new page blurring the blog home page as a background. The user gets the big search field with a text prompt &#8220;Type to search&#8221; and pulsing cursor showing that the form is interactive. Also, there are clickable tags with popular queries.<\/em><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-12762\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2020\/06\/education-app-ui-design-tubik-studio.jpg\" alt=\"education app ui design tubik studio\" width=\"1600\" height=\"1200\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2020\/06\/education-app-ui-design-tubik-studio.jpg 1600w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2020\/06\/education-app-ui-design-tubik-studio-300x225.jpg 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2020\/06\/education-app-ui-design-tubik-studio-768x576.jpg 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2020\/06\/education-app-ui-design-tubik-studio-1024x768.jpg 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2020\/06\/education-app-ui-design-tubik-studio-150x113.jpg 150w\" sizes=\"auto, (max-width: 1600px) 100vw, 1600px\" \/><\/p>\n<p><em>Search screen of the <a href=\"https:\/\/blog.tubikstudio.com\/app-design-ideas\/?utm_source=blog&amp;utm_medium=referral&amp;utm_campaign=internal_traffic&amp;utm_content=effective_search_design&amp;source=blog\">education courses app<\/a><\/em><\/p>\n<h3><b>Show Results Before They Ask<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">Dropdown result previews take predictive search further. Rather than just completing a query, the interface offers actual results\u2014snippets, thumbnails, titles\u2014while the user is still typing. This transforms the search bar from a submission form into a real-time discovery surface.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">For an e-commerce product search, this means showing product images and prices. For a blog or media site, this means article headlines and publication dates. For a documentation portal, this means section titles and brief descriptions. The interaction pattern is the same, the content is what makes it powerful.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Done well, preview search results reduce the cognitive load of forming a perfect query. Users can course-correct in real time, following what they see rather than trying to guess the right keywords.<\/span><\/p>\n<p><iframe loading=\"lazy\" title=\"\u0421alorie calculator interactions tubik\" src=\"https:\/\/player.vimeo.com\/video\/545398779?h=0682bbc8cc&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>Search interactions for <a href=\"https:\/\/blog.tubikstudio.com\/mobile-app-design-concepts\/?utm_source=blog&amp;utm_medium=referral&amp;utm_campaign=internal_traffic&amp;utm_content=effective_search_design&amp;source=blog\">Calorie Calculator App<\/a><\/em><\/p>\n<h3><b>Filters: Giving Users Control Over Their Own Search<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">High-content environments\u2014think large marketplaces, media archives, recipe platforms, or research databases\u2014produce too many results for even a precise query to surface what a user actually wants. Filters are the solution: structured controls that let users narrow results by price, date, category, brand, rating, format, or whatever dimensions matter most for the specific content type.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Good filter UX means filters are visible without cluttering the results view, easy to apply and remove, and designed around how users actually think about the content\u2014not how the database happens to categorize it.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Amazon&#8217;s category dropdown embedded in the search field is a useful reference point: search can begin inside a context the user selects before even typing. That reduces noise from the first keystroke.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">On mobile, filters are especially powerful. The small screen limits how much can be shown at once, so giving users precise filtering tools means they spend less time scrolling through results that miss the mark.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-8851\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2020\/04\/wallmart-search-design-1024x727.png\" alt=\"wallmart search design\" width=\"1024\" height=\"727\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2020\/04\/wallmart-search-design-1024x727.png 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2020\/04\/wallmart-search-design-300x213.png 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2020\/04\/wallmart-search-design-768x546.png 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2020\/04\/wallmart-search-design-150x107.png 150w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2020\/04\/wallmart-search-design.png 1481w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<p><em>Here&#8217;s what search filters look like on Walmart website: the page of search results has a sidebar on the left to allow users to narrow down the list of options with the fine-tuning<\/em><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-8848\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2020\/04\/amazon-search-1024x481.png\" alt=\"amazon search\" width=\"1024\" height=\"481\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2020\/04\/amazon-search-1024x481.png 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2020\/04\/amazon-search-300x141.png 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2020\/04\/amazon-search-768x361.png 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2020\/04\/amazon-search-150x70.png 150w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2020\/04\/amazon-search.png 1532w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<p><em>Amazon&#8217;s search interface<\/em><\/p>\n<p>Filters also work really well in mobile search interactions as they are easily tuned and save time and effort in finding the perfect item.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-13102\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/10\/kaiten-web-design-tubik.jpg\" alt=\"kaiten web design tubik\" width=\"1600\" height=\"1200\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/10\/kaiten-web-design-tubik.jpg 1600w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/10\/kaiten-web-design-tubik-300x225.jpg 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/10\/kaiten-web-design-tubik-768x576.jpg 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/10\/kaiten-web-design-tubik-1024x768.jpg 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/10\/kaiten-web-design-tubik-150x113.jpg 150w\" sizes=\"auto, (max-width: 1600px) 100vw, 1600px\" \/><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-13110\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/10\/kaiten_tubik_mobile_app_design.jpg\" alt=\"kaiten_tubik_mobile_app_design\" width=\"2800\" height=\"1576\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/10\/kaiten_tubik_mobile_app_design.jpg 2800w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/10\/kaiten_tubik_mobile_app_design-300x169.jpg 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/10\/kaiten_tubik_mobile_app_design-768x432.jpg 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/10\/kaiten_tubik_mobile_app_design-1024x576.jpg 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/10\/kaiten_tubik_mobile_app_design-150x84.jpg 150w\" sizes=\"auto, (max-width: 2800px) 100vw, 2800px\" \/><\/p>\n<p><em>Here&#8217;s how <a href=\"https:\/\/blog.tubikstudio.com\/identity-product-design-food-marketplace\/?utm_source=blog&amp;utm_medium=referral&amp;utm_campaign=internal_traffic&amp;utm_content=effective_search_design&amp;source=blog\">Kaiten food marketplace<\/a> website and application use filters to help users tune their search process<\/em><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-12805\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/08\/flower-store-app-design-mobile.jpg\" alt=\"flower store app design mobile\" width=\"1600\" height=\"1200\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/08\/flower-store-app-design-mobile.jpg 1600w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/08\/flower-store-app-design-mobile-300x225.jpg 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/08\/flower-store-app-design-mobile-768x576.jpg 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/08\/flower-store-app-design-mobile-1024x768.jpg 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/08\/flower-store-app-design-mobile-150x113.jpg 150w\" sizes=\"auto, (max-width: 1600px) 100vw, 1600px\" \/><\/p>\n<p><em>The<a href=\"https:\/\/blog.tubikstudio.com\/app-design-ideas\/?utm_source=blog&amp;utm_medium=referral&amp;utm_campaign=internal_traffic&amp;utm_content=effective_search_design&amp;source=blog\"> flower store mobile application<\/a> uses a noticeable search field on the top of the screen and makes the search process tuned with filters<\/em><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-8853\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2020\/04\/recipe-card-animation-tubik-1.gif\" alt=\"recipe card animation tubik\" width=\"800\" height=\"600\" \/><\/p>\n<p><em><a href=\"https:\/\/blog.tubikstudio.com\/ui-experiments-options-for-recipe-cards-in-a-food-app\/?utm_source=blog&amp;utm_medium=referral&amp;utm_campaign=internal_traffic&amp;utm_content=effective_search_design&amp;source=blog\">Recipe app<\/a> filters interaction designed to tune the search among the hundreds of recipe options in the mobile app.<\/em><\/p>\n<h2><b>The Last Word on Search Design<\/b><\/h2>\n<p><span style=\"font-weight: 400;\">Internal search rewards the attention you give it. Build it thoughtfully\u2014visible, familiar, fast, and relevant\u2014and it becomes the most direct path between your users and what they came for. Neglect it, and you&#8217;ve built a very elegant door that leads somewhere no one can find.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">There&#8217;s one more practice that separates good search UX from great search UX: analyze your search data. Every query users type is a signal. It tells you what they want, what they expect to find, and often what your navigation fails to surface. Those insights feed back into better content architecture, smarter autocomplete, more useful filters, and ultimately a product that improves because it listens.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">The search bar might be a small box. What it contains is the voice of your user. Design accordingly.<\/span><\/p>\n<h2><b>Recommended Reading<\/b><\/h2>\n<p><span style=\"font-weight: 400;\">If this got your brain moving, you&#8217;ll want to dig into the rest of our writing\u2014case studies, design breakdowns, and opinions we&#8217;re prepared to defend:<\/span><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/error-screens-and-messages\/?utm_source=blog&amp;utm_medium=referral&amp;utm_campaign=internal_traffic&amp;utm_content=effective_search_design&amp;source=blog\">Error Screens and Messages: UX Design Practices<\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/visual-dividers-user-interface\/?utm_source=blog&amp;utm_medium=referral&amp;utm_campaign=internal_traffic&amp;utm_content=effective_search_design&amp;source=blog\">Visual Dividers in User Interfaces: Types and Design Tips<\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/design-onboarding\/?utm_source=blog&amp;utm_medium=referral&amp;utm_campaign=internal_traffic&amp;utm_content=effective_search_design&amp;source=blog\">How to Design User Onboarding<\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/directional-cues-in-user-interfaces\/?utm_source=blog&amp;utm_medium=referral&amp;utm_campaign=internal_traffic&amp;utm_content=effective_search_design&amp;source=blog\">Directional Cues in User Interfaces<\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/ux-design-readable-user-interface\/?utm_source=blog&amp;utm_medium=referral&amp;utm_campaign=internal_traffic&amp;utm_content=effective_search_design&amp;source=blog\">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\/?utm_source=blog&amp;utm_medium=referral&amp;utm_campaign=internal_traffic&amp;utm_content=effective_search_design&amp;source=blog\">Basic Types of Buttons in User Interfaces<\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/negative-space-in-design-tips-and-best-practices-2\/?utm_source=blog&amp;utm_medium=referral&amp;utm_campaign=internal_traffic&amp;utm_content=effective_search_design&amp;source=blog\">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\/?utm_source=blog&amp;utm_medium=referral&amp;utm_campaign=internal_traffic&amp;utm_content=effective_search_design&amp;source=blog\">How to Make Web Interface Scannable<\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/uiux-design-glossary-navigation-elements\/?utm_source=blog&amp;utm_medium=referral&amp;utm_campaign=internal_traffic&amp;utm_content=effective_search_design&amp;source=blog\">UI\/UX Design Glossary: Navigation Elements<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>A practical guide to designing internal search that helps users find what they came for\u2014covering placement, iconography, autocomplete, predictive results, and filters.<\/p>\n","protected":false},"author":10003,"featured_media":17749,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[7,9],"tags":[467,468,469,20,479,100,482,138,485,151,487,233,489,256,491,264,502,319,504,324,515,331,533,440,534,463,465],"coauthors":[634],"class_list":["post-8844","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-processes_and_tools","category-ui_ux","tag-ui-design-practices","tag-ui-design-process","tag-ui-design-tips","tag-app-design","tag-usability","tag-design","tag-user-experience","tag-design-process","tag-user-experience-design","tag-design-tips","tag-user-experience-design-process","tag-human-computer-interaction","tag-user-experience-examples","tag-interaction-design","tag-user-interface","tag-interface-navigation","tag-ux","tag-mobile-app","tag-ux-design-article","tag-mobile-design-inspiration","tag-uxui","tag-mobile-ui","tag-web-design","tag-tubik","tag-web-design-article","tag-ui-design-article","tag-ui-design-examples"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.7 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>How to Design Search UX That Actually Works<\/title>\n<meta name=\"description\" content=\"Learn when your site needs internal search, why placement and the magnifying glass icon matter, and how autocomplete and filters improve UX.\" \/>\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\/how-to-design-search\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Design Search UX That Actually Works\" \/>\n<meta property=\"og:description\" content=\"Learn when your site needs internal search, why placement and the magnifying glass icon matter, and how autocomplete and filters improve UX.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/tubikstudio.com\/blog\/how-to-design-search\/\" \/>\n<meta property=\"og:site_name\" content=\"Tubik Blog: Articles About Design\" \/>\n<meta property=\"article:published_time\" content=\"2020-04-01T13:04:30+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-07-30T14:08:07+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2020\/04\/How-to-Design-Effective-Search-in-User-Interfaces-1.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"600\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Anastasiia Lutsenko\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Anastasiia Lutsenko\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"13 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/tubikstudio.com\/blog\/how-to-design-search\/\",\"url\":\"https:\/\/tubikstudio.com\/blog\/how-to-design-search\/\",\"name\":\"How to Design Search UX That Actually Works\",\"isPartOf\":{\"@id\":\"https:\/\/tubikstudio.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/tubikstudio.com\/blog\/how-to-design-search\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/tubikstudio.com\/blog\/how-to-design-search\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2020\/04\/How-to-Design-Effective-Search-in-User-Interfaces-1.png\",\"datePublished\":\"2020-04-01T13:04:30+00:00\",\"dateModified\":\"2026-07-30T14:08:07+00:00\",\"author\":{\"@id\":\"https:\/\/tubikstudio.com\/blog\/#\/schema\/person\/2d8ccd57b6edf253e2787561fe1e66c1\"},\"description\":\"Learn when your site needs internal search, why placement and the magnifying glass icon matter, and how autocomplete and filters improve UX.\",\"breadcrumb\":{\"@id\":\"https:\/\/tubikstudio.com\/blog\/how-to-design-search\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/tubikstudio.com\/blog\/how-to-design-search\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/tubikstudio.com\/blog\/how-to-design-search\/#primaryimage\",\"url\":\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2020\/04\/How-to-Design-Effective-Search-in-User-Interfaces-1.png\",\"contentUrl\":\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2020\/04\/How-to-Design-Effective-Search-in-User-Interfaces-1.png\",\"width\":1200,\"height\":600},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/tubikstudio.com\/blog\/how-to-design-search\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/tubikstudio.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to Design Search UX That Actually Works\"}]},{\"@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\/2d8ccd57b6edf253e2787561fe1e66c1\",\"name\":\"Anastasiia Lutsenko\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/tubikstudio.com\/blog\/#\/schema\/person\/image\/d893c1e4578c8cd7a39f393978129a25\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/9c0999380ab25553a4aea6cbc2224fa5f579af8ebbef2928d1d71fd4137a77a1?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/9c0999380ab25553a4aea6cbc2224fa5f579af8ebbef2928d1d71fd4137a77a1?s=96&d=mm&r=g\",\"caption\":\"Anastasiia Lutsenko\"},\"description\":\"7+ years of writing content that speaks, sells, and sticks. Raised on legendary Apple commercials and allergic to mediocrity, Anastasiia writes for products, interfaces, and campaigns that refuse to be ignored.\",\"url\":\"https:\/\/tubikstudio.com\/blog\/author\/alutsenko\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to Design Search UX That Actually Works","description":"Learn when your site needs internal search, why placement and the magnifying glass icon matter, and how autocomplete and filters improve UX.","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\/how-to-design-search\/","og_locale":"en_US","og_type":"article","og_title":"How to Design Search UX That Actually Works","og_description":"Learn when your site needs internal search, why placement and the magnifying glass icon matter, and how autocomplete and filters improve UX.","og_url":"https:\/\/tubikstudio.com\/blog\/how-to-design-search\/","og_site_name":"Tubik Blog: Articles About Design","article_published_time":"2020-04-01T13:04:30+00:00","article_modified_time":"2026-07-30T14:08:07+00:00","og_image":[{"width":1200,"height":600,"url":"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2020\/04\/How-to-Design-Effective-Search-in-User-Interfaces-1.png","type":"image\/png"}],"author":"Anastasiia Lutsenko","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Anastasiia Lutsenko","Est. reading time":"13 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/tubikstudio.com\/blog\/how-to-design-search\/","url":"https:\/\/tubikstudio.com\/blog\/how-to-design-search\/","name":"How to Design Search UX That Actually Works","isPartOf":{"@id":"https:\/\/tubikstudio.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/tubikstudio.com\/blog\/how-to-design-search\/#primaryimage"},"image":{"@id":"https:\/\/tubikstudio.com\/blog\/how-to-design-search\/#primaryimage"},"thumbnailUrl":"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2020\/04\/How-to-Design-Effective-Search-in-User-Interfaces-1.png","datePublished":"2020-04-01T13:04:30+00:00","dateModified":"2026-07-30T14:08:07+00:00","author":{"@id":"https:\/\/tubikstudio.com\/blog\/#\/schema\/person\/2d8ccd57b6edf253e2787561fe1e66c1"},"description":"Learn when your site needs internal search, why placement and the magnifying glass icon matter, and how autocomplete and filters improve UX.","breadcrumb":{"@id":"https:\/\/tubikstudio.com\/blog\/how-to-design-search\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/tubikstudio.com\/blog\/how-to-design-search\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/tubikstudio.com\/blog\/how-to-design-search\/#primaryimage","url":"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2020\/04\/How-to-Design-Effective-Search-in-User-Interfaces-1.png","contentUrl":"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2020\/04\/How-to-Design-Effective-Search-in-User-Interfaces-1.png","width":1200,"height":600},{"@type":"BreadcrumbList","@id":"https:\/\/tubikstudio.com\/blog\/how-to-design-search\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/tubikstudio.com\/blog\/"},{"@type":"ListItem","position":2,"name":"How to Design Search UX That Actually Works"}]},{"@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\/2d8ccd57b6edf253e2787561fe1e66c1","name":"Anastasiia Lutsenko","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/tubikstudio.com\/blog\/#\/schema\/person\/image\/d893c1e4578c8cd7a39f393978129a25","url":"https:\/\/secure.gravatar.com\/avatar\/9c0999380ab25553a4aea6cbc2224fa5f579af8ebbef2928d1d71fd4137a77a1?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/9c0999380ab25553a4aea6cbc2224fa5f579af8ebbef2928d1d71fd4137a77a1?s=96&d=mm&r=g","caption":"Anastasiia Lutsenko"},"description":"7+ years of writing content that speaks, sells, and sticks. Raised on legendary Apple commercials and allergic to mediocrity, Anastasiia writes for products, interfaces, and campaigns that refuse to be ignored.","url":"https:\/\/tubikstudio.com\/blog\/author\/alutsenko\/"}]}},"post_mailing_queue_ids":[],"_links":{"self":[{"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/posts\/8844","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\/10003"}],"replies":[{"embeddable":true,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/comments?post=8844"}],"version-history":[{"count":16,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/posts\/8844\/revisions"}],"predecessor-version":[{"id":17751,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/posts\/8844\/revisions\/17751"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/media\/17749"}],"wp:attachment":[{"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/media?parent=8844"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/categories?post=8844"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/tags?post=8844"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/coauthors?post=8844"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}