{"id":4043,"date":"2017-12-26T17:36:43","date_gmt":"2017-12-26T14:36:43","guid":{"rendered":"https:\/\/tubikstudio.com\/?p=4043"},"modified":"2025-08-05T10:44:54","modified_gmt":"2025-08-05T10:44:54","slug":"review-of-popular-interface-design-trends-in-2017","status":"publish","type":"post","link":"https:\/\/tubikstudio.com\/blog\/review-of-popular-interface-design-trends-in-2017\/","title":{"rendered":"Review of Popular Interface Design Trends in 2017"},"content":{"rendered":"<p><span style=\"color: #333333;\">The new year 2018 is closer and closer, so stepping into a phase of fresh challenges and new horizons, we would like to look back and remember what the ending year has been marked out with. Here we&#8217;ve gathered the collection of trends that won the big place in the web and mobile interfaces of 2017 supporting most of them by designs from the Tubik team.<\/span><\/p>\n<h2><span style=\"color: #333333;\">Functional Minimalism<\/span><\/h2>\n<p><span style=\"color: #333333;\">Quite a big number of mobile applications and websites continued and evolved design solutions based on the principles of <a style=\"color: #333333;\" href=\"https:\/\/blog.tubikstudio.com\/lean-and-mean-power-of-minimalism-in-ui-design\/\" target=\"_blank\" rel=\"noopener noreferrer\">minimalism<\/a>. Minimalist interfaces are characterized with thorough attention to visual elements, not numerous but always transferring a particular message.<\/span><\/p>\n<p><span style=\"color: #333333;\">Major features often mentioned in terms of the minimalism approach include:<\/span><\/p>\n<ul>\n<li><span style=\"color: #333333;\">Simplicity<\/span><\/li>\n<li><span style=\"color: #333333;\">Clarity<\/span><\/li>\n<li><span style=\"color: #333333;\">Expressive <a href=\"https:\/\/blog.tubikstudio.com\/9-effective-tips-on-visual-hierarchy\/\">visual\u00a0hierarchy<\/a><\/span><\/li>\n<li><span style=\"color: #333333;\">High attention to proportions and composition<\/span><\/li>\n<li><span style=\"color: #333333;\">Functionality of every\u00a0element<\/span><\/li>\n<li><span style=\"color: #333333;\">Big amount of spare space<\/span><\/li>\n<li><span style=\"color: #333333;\">High attention ratio to core details<\/span><\/li>\n<li><span style=\"color: #333333;\"><a href=\"https:\/\/blog.tubikstudio.com\/8-typography-tips-for-designers-how-to-make-fonts-speak\/\">Typography<\/a>\u00a0as a significant design element<\/span><\/li>\n<li><span style=\"color: #333333;\">Eliminating non-functional decorative elements<\/span><\/li>\n<\/ul>\n<p><span style=\"color: #333333;\">Surely, the list can be continued but even the given positions show that minimalism in UI appears to be a user-friendly trend. Applied wisely, it helps to see the core elements of the interface and makes the user journey intuitive and purposeful. Moreover, minimalist interfaces usually look sophisticated and uncluttered bringing aesthetic satisfaction as one of the factors of desirability in UX.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-8718\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/07\/wineyard_app_UI_animation_tubik.gif\" alt=\"wineyard app UI animation_tubik\" width=\"800\" height=\"600\" \/><\/p>\n<h2><span style=\"color: #333333;\">Brutalism<\/span><\/h2>\n<p><span style=\"color: #333333;\">The trend of brutalism in digital design started rocketing last year and got even brighter expressions in 2017. It is often described as a style that aims at breaking standards and predictable design techniques. The websites created in this manner are a sort of rebellion to sophisticated designs with thought-out symmetry and harmony, complex layouts, and accents of aesthetic visual performance. In contrast, brutalism is based on simple and raw appearance, in most cases not loaded with many visual details and sometimes even close to a plain HTML page. Being used thoughtfully for the appropriate goals and audience, it features a high level of originality and gives the unique look to a digital product. It may be liked or disliked, but it is never left unnoticed.<\/span><\/p>\n<p>&nbsp;<\/p>\n<h2><span style=\"color: #333333;\">Typography Integrated into Images<\/span><\/h2>\n<p><span style=\"color: #333333;\">Bold and catchy typography also kept its high presence both in web and mobile layouts. This year it got a new breath with a widely spread technique of cutting or inscribing the title keyword or a headline into the visual elements on the page. The approach strengthens the harmonic integrity of the layout elements and makes typography felt tightly united with everything in the interface.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-9508 size-large\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/03\/big-city-guide-web-ui-design-article-1024x709.jpg\" alt=\"big city guide web ui design article\" width=\"1024\" height=\"709\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/03\/big-city-guide-web-ui-design-article-1024x709.jpg 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/03\/big-city-guide-web-ui-design-article-300x208.jpg 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/03\/big-city-guide-web-ui-design-article-768x532.jpg 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/03\/big-city-guide-web-ui-design-article-150x104.jpg 150w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/03\/big-city-guide-web-ui-design-article.jpg 1400w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<h2><span style=\"color: #333333;\">Animated Hero Banners<\/span><\/h2>\n<p>&nbsp;<\/p>\n<p><span style=\"color: #333333;\">In web design, <a href=\"https:\/\/blog.tubikstudio.com\/hero-images-in-web-design\/\">hero banners<\/a> are big images catching user\u2019s attention in the first seconds of interaction with a website. They usually contribute much to the attractive visual presentation of the main content. Hero banners proved themselves as highly effective in setting the mood or transferring the message. Moreover, as well as any other striking graphics on <a href=\"https:\/\/blog.tubikstudio.com\/types-of-web-pages\/\">web pages<\/a>, this is a kind of content that is both informative and emotionally appealing. Prominent hero banners can satisfy multiple goals such as:<\/span><\/p>\n<ul>\n<li><span style=\"color: #333333;\">catch users\u2019 attention<\/span><\/li>\n<li><span style=\"color: #333333;\">transfer the message visually<\/span><\/li>\n<li><span style=\"color: #333333;\">support the general stylistic concept<\/span><\/li>\n<li><span style=\"color: #333333;\">set the needed theme, mood, or atmosphere<\/span><\/li>\n<li><span style=\"color: #333333;\">demonstrate the core benefits or items effectively.<\/span><\/li>\n<\/ul>\n<p><span style=\"color: #333333;\">This year they were often strengthened with original animation breathing life into images and making them even more engaging.<\/span><\/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<h2><span style=\"color: #333333;\">Custom Theme illustrations<\/span><\/h2>\n<p><span style=\"color: #333333;\">Accomplished in different styles and complexity levels, <a href=\"https:\/\/blog.tubikstudio.com\/big-reasons-to-apply-illustrations-in-ui-design\/\">custom illustrations<\/a> are actively covering more and more space on the web and mobile UI, adding the quick perception of the information and setting the solid ground for originality. Web and mobile interfaces apply custom <a style=\"color: #333333;\" href=\"https:\/\/blog.tubikstudio.com\/case-study-toonie-alarm-mascot-design-for-ui-interactions\/\" target=\"_blank\" rel=\"noopener noreferrer\">mascots<\/a>,\u00a0<a style=\"color: #333333;\" href=\"https:\/\/blog.tubikstudio.com\/small-elements-big-impact-types-and-functions-of-ui-icons\/\" target=\"_blank\" rel=\"noopener noreferrer\">icons<\/a>,\u00a0and\u00a0<a style=\"color: #333333;\" href=\"https:\/\/blog.tubikstudio.com\/illustration-in-ui-art-in-action\/\" target=\"_blank\" rel=\"noopener noreferrer\">illustrations<\/a> to enhance the looks of a page or screen as well as boost usability and intuitive navigation. In addition, images improve the accessibility of UX design pushing the limits of perception for users who have natural problems with text recognition such as, for instance, the dyslexic or non-reading preschoolers.<\/span><\/p>\n<p><span style=\"color: #333333;\">The highest diversity here, perhaps, was featured in theme illustrations supporting websites and apps. They appeared to move to the next level, becoming more complex, sophisticated, stylish, and metaphorical.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-8132\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/02\/financial_service_website_tubik.png\" alt=\"financial service website_tubik\" width=\"800\" height=\"600\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/02\/financial_service_website_tubik.png 800w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/02\/financial_service_website_tubik-300x225.png 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/02\/financial_service_website_tubik-768x576.png 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/02\/financial_service_website_tubik-150x113.png 150w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/p>\n<h2><span style=\"color: #333333;\">Unframed Layout<\/span><\/h2>\n<p><span style=\"color: #333333;\">Big background images or patterns without any frames have been observed quite frequently in the web interfaces this year. It allowed users to feel the layouts more airy and spacious while the background image deeper and stronger not breaking the interaction with the feeling of boundaries or limits.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-8115\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/04\/big_city_guide_berlin_tubik.png\" alt=\"big city guide berlin_tubik\" width=\"800\" height=\"600\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/04\/big_city_guide_berlin_tubik.png 800w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/04\/big_city_guide_berlin_tubik-300x225.png 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/04\/big_city_guide_berlin_tubik-768x576.png 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/04\/big_city_guide_berlin_tubik-150x113.png 150w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/p>\n<h2><span style=\"color: #333333;\">Variety of Interface Animation<\/span><\/h2>\n<p><span style=\"color: #333333;\">As well as in the previous year, 2017 didn&#8217;t experience any loss in the issue of <a style=\"color: #333333;\" href=\"https:\/\/blog.tubikstudio.com\/ui-animation-eye-pleasing-problem-solving\/\" target=\"_blank\" rel=\"noopener noreferrer\">interface animation<\/a>. Not only does it add life and motion to the interaction process but also significantly improves usability. User experience becomes more informative and engaging while manipulations with the elements of interaction get more clear and respond to the user in an understandable way. So, this year designers worked well on a variety of <a href=\"https:\/\/blog.tubikstudio.com\/ui-design-basic-types-of-buttons-in-user-interfaces\/\">buttons<\/a>, tabs, charts, preloaders, and scroll animations.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-7666\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/04\/watering-tracker-app-ui.gif\" alt=\"watering tracker app ui\" width=\"800\" height=\"600\" \/><\/p>\n<p>&nbsp;<\/p>\n<h2><span style=\"color: #333333;\">UI-Friendly Branding<\/span><\/h2>\n<p><span style=\"color: #333333;\">2017 could be definitely mentioned as the year of rebranding: a big number of global and local companies, products, and brands changed their <a href=\"https:\/\/blog.tubikstudio.com\/basic-types-of-efficient-logo-design\/\">logos<\/a> mostly towards simplification of forms and details. One of the reasons for the trend was striving for better usability and navigability of brand elements as more and more businesses competing for a higher online presence. So, both new and redesigned logos were created to be more UI-friendly and effectively perceived on a variety of digital devices and layouts. Furthermore, <a style=\"color: #333333;\" href=\"https:\/\/blog.tubikstudio.com\/dont-stay-still-why-brand-needs-an-animated-logo\/\" target=\"_blank\" rel=\"noopener noreferrer\">animated logos<\/a> became trend-making symbols more interactive and strengthening brand awareness.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-8333\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2019\/01\/logo_animation_tubik_design.gif\" alt=\"logo animation tubik design\" width=\"800\" height=\"600\" \/><\/p>\n<h2><span style=\"color: #333333;\">Monochrome UI<\/span><\/h2>\n<p><span style=\"color: #333333;\">The growing interest in minimalistic design for maximum functionality resulted in a considerable presence of monochrome UI solutions. These layouts usually look stylish, harmonic, and non-distractive. However, designers have to invest much time and effort to make them not boring while the core elements of interaction instantly visible.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-7712\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/06\/jewelry-ecommerce-app-ui-animation.gif\" alt=\"jewelry ecommerce app ui animation\" width=\"800\" height=\"600\" \/><\/p>\n<h2><span style=\"color: #333333;\">Progress of Dark Backgrounds<\/span><\/h2>\n<p><span style=\"color: #333333;\">Mobile and web interfaces applying color palette with <a style=\"color: #333333;\" href=\"https:\/\/blog.tubikstudio.com\/dark-side-of-ui-benefits-of-dark-background\/\" target=\"_blank\" rel=\"noopener noreferrer\">dark background<\/a> have not only saved but also grown their presence. In particular, they are often applied in digital products based on visuals rather than copy. Dark backgrounds are traditionally associated with grace and prestige, they deepen the perception of <a href=\"https:\/\/blog.tubikstudio.com\/web-design-basic-types-of-images-web-content\/\">images<\/a> and can make the interface less contrast and more natural to see in different environments. Moreover, this approach now corresponds to preferences and expectations for quite a broad target audience who like this style.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-7721\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/06\/cinema_app_interactions_UI_tubik.gif\" alt=\"cinema app interactions UI\" width=\"800\" height=\"600\" \/><\/p>\n<h2><span style=\"color: #333333;\">Light Space for Copy<\/span><\/h2>\n<p><span style=\"color: #333333;\">Another trend got especially popular for interfaces based on the dark background scheme. It featured one more approach to proper <a href=\"https:\/\/blog.tubikstudio.com\/ux-design-readable-user-interface\/\">readability<\/a> in them which is often the issue of debates: applying boxes or spaces with a light background for core data blocks, designers solve this problem and add elegant contrast to the screen or page.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-9171 size-large\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/12\/watering-tracker-app-design-tubik-1-1-1024x683.jpg\" alt=\"watering tracker app design tubik\" width=\"1024\" height=\"683\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/12\/watering-tracker-app-design-tubik-1-1-1024x683.jpg 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/12\/watering-tracker-app-design-tubik-1-1-300x200.jpg 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/12\/watering-tracker-app-design-tubik-1-1-768x512.jpg 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/12\/watering-tracker-app-design-tubik-1-1-150x100.jpg 150w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/12\/watering-tracker-app-design-tubik-1-1.jpg 1500w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<h2><span style=\"color: #333333;\">Sophistication and Contrast in Fonts Choice<\/span><\/h2>\n<p><span style=\"color: #333333;\">With numerous new fonts created around, user interface designers have a broad field for creative experiments. Today <a style=\"color: #333333;\" href=\"https:\/\/blog.tubikstudio.com\/8-typography-tips-for-designers-how-to-make-fonts-speak\/\" target=\"_blank\" rel=\"noopener noreferrer\">typography<\/a> is seen as not just the means of communication and sending a message to the user but also an integral part of all the design concepts. So, professionals pay much attention to the choice and combination of fonts. This year we experienced new approaches to setting contrast with serif and sans-serif fonts making them work for strong <a style=\"color: #333333;\" href=\"https:\/\/blog.tubikstudio.com\/visual-hierarchy-effective-ui-content-organization\/\" target=\"_blank\" rel=\"noopener noreferrer\">visual hierarchy<\/a> and appealing beauty of the interface.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-8288\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2019\/10\/gourmet_web_design_UI.png\" alt=\"gourmet web design UI\" width=\"800\" height=\"600\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2019\/10\/gourmet_web_design_UI.png 800w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2019\/10\/gourmet_web_design_UI-300x225.png 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2019\/10\/gourmet_web_design_UI-768x576.png 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2019\/10\/gourmet_web_design_UI-150x113.png 150w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/p>\n<p>&nbsp;<\/p>\n<h2><span style=\"color: #333333;\">Experiments with Grids<\/span><\/h2>\n<p><span style=\"color: #333333;\">With over a billion websites coming into play, designers have to be more and more creative to make them both attractive and original. So, experiments with the grid also won their place in the list of general design trends of the leaving year. The custom grid is the way to save the feeling of harmonic layout and placement of the elements with a higher level of flexibility and originality. However, this sort of creativity requires thorough research while the effective result often comes via several iterations tested and analyzed in terms of usability and visual perception.<\/span><\/p>\n<p>&nbsp;<\/p>\n<h2><span style=\"color: #333333;\">Variety of Landing Pages<\/span><\/h2>\n<p><span style=\"color: #333333;\">No doubt, this year\u00a0<a style=\"color: #333333;\" href=\"https:\/\/blog.tubikstudio.com\/hit-the-spot-design-strategies-for-profitable-landing-pages\/\" target=\"_blank\" rel=\"noopener noreferrer\">landing pages<\/a> have witnessed the new lap of their development and diversity. Businesses and social projects tend to use them regularly for effective presentation of special services, sales, offers, or issues striving for focused user\u2019s attention. Landing pages also have proved themselves as an effective method of promotion for native <a href=\"https:\/\/blog.tubikstudio.com\/mobile-app-design-big-guide-into-types-of-mobile-applications\/\">mobile apps<\/a>. Based on user and market research as well as testing, they can be defined as a user-friendly trend, providing necessary information and interactions in a clear and accessible way, saving users&#8217; time and effort. From a business perspective, they also work well, giving companies a flexible tool for original and effective communication with better <a style=\"color: #333333;\" href=\"https:\/\/blog.tubikstudio.com\/business-oriented-design-know-your-target\/\" target=\"_blank\" rel=\"noopener noreferrer\">targeting<\/a>.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-7743\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/10\/web-ui-design-landing-page.png\" alt=\"web ui design landing page\" width=\"800\" height=\"600\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/10\/web-ui-design-landing-page.png 800w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/10\/web-ui-design-landing-page-300x225.png 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/10\/web-ui-design-landing-page-768x576.png 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/10\/web-ui-design-landing-page-150x113.png 150w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/p>\n<p>&nbsp;<\/p>\n<h2><span style=\"color: #333333;\">Creative Parallax<\/span><\/h2>\n<p><span style=\"color: #333333;\">With more accessible and improved tools for motion design,\u00a0 scroll animation saved its positions of broadly applied technique both for web and mobile. Creative and original parallax enhances scrolling experience making it natural for the human eye and adding grace for such a basic operation.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-8715\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/07\/mood_messenger_landing_page_animation_tubik.gif\" alt=\"mood messenger landing page animation tubik\" width=\"800\" height=\"600\" \/><\/p>\n<h2><span style=\"color: #333333;\">Promo Videos for Web Marketing<\/span><\/h2>\n<p><span style=\"color: #333333;\">Different types of <a style=\"color: #333333;\" href=\"https:\/\/blog.tubikstudio.com\/step-by-step-guide-to-custom-promo-video-design\/\" target=\"_blank\" rel=\"noopener noreferrer\">promotional videos<\/a> were boosted to appear on screens and pages. No wonder they serve efficiently for marketing goals and increase brand awareness. A creative and catchy video is a good way of attracting customers\u2019 attention and the proven method of informing them quickly and brightly. A video activates several channels of perception \u2014 audio, visual, sound \u2014 simultaneously, and enhances them with the power of storytelling. All the mentioned factors tend to make the presentation via video strong and memorable especially if based on high-quality graphic design and animation. People are daily overloaded with tons of information of all kinds, so most of them aren\u2019t ready to devote much time to learning about products or services, especially the new ones. In these conditions, videos have become the way of communication which is dynamic, informative, and attractive. However, the issue of loading speed for a webpage moves forward and should be tested carefully for different devices.<\/span><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"color: #333333;\"><iframe loading=\"lazy\" src=\"https:\/\/www.youtube.com\/embed\/qO4CzKjWLU0\" width=\"560\" height=\"315\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/span><\/p>\n<p>&nbsp;<\/p>\n<h2><span style=\"color: #333333;\">Gamification Mechanics Supporting UX<\/span><\/h2>\n<p>&nbsp;<\/p>\n<p><span style=\"color: #333333;\">This year has witnessed a growing interest in <a style=\"color: #333333;\" href=\"https:\/\/blog.tubikstudio.com\/gamification-in-ux-increasing-user-engagement\/\" target=\"_blank\" rel=\"noopener noreferrer\">gamification<\/a> applied in a variety of interfaces, not only for entertainment but also for utilities and business products. In the tech world, the word \u201cgamification\u201d stands for the technique of exerting game mechanics into the non-game environment, such as websites and mobile applications. Challenges, rewards, points, badges, leaderboards, and other stuff of this kind help designers to think over the ways of effective user motivation and retaining.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-9517 size-large\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/06\/upper-app-UI-design-case-study-1-1024x682.jpg\" alt=\"upper app UI design case study-1\" width=\"1024\" height=\"682\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/06\/upper-app-UI-design-case-study-1-1024x682.jpg 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/06\/upper-app-UI-design-case-study-1-300x200.jpg 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/06\/upper-app-UI-design-case-study-1-768x512.jpg 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/06\/upper-app-UI-design-case-study-1-150x100.jpg 150w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/06\/upper-app-UI-design-case-study-1.jpg 2000w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<h2><span style=\"color: #333333;\">Boxes and Cards as Layout Elements<\/span><\/h2>\n<p><span style=\"color: #333333;\">One more trend in the UX design of 2017 moved around the diversity of cards and boxes in web and mobile layouts. They played their essential role in setting <a style=\"color: #333333;\" href=\"https:\/\/blog.tubikstudio.com\/visual-hierarchy-effective-ui-content-organization\/\" target=\"_blank\" rel=\"noopener noreferrer\">visual hierarchy<\/a> and making the pieces of information quickly scannable. Moreover, they successfully contributed to the general harmony and shapeliness of a page or screen.\u00a0<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-8655\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/02\/stardust_bikers_webpage_ui_tubik_studio_1-1024x640.png\" alt=\"stardust bikers webpage ui_tubik_studio\" width=\"1024\" height=\"640\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/02\/stardust_bikers_webpage_ui_tubik_studio_1-1024x640.png 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/02\/stardust_bikers_webpage_ui_tubik_studio_1-300x188.png 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/02\/stardust_bikers_webpage_ui_tubik_studio_1-768x480.png 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/02\/stardust_bikers_webpage_ui_tubik_studio_1-150x94.png 150w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/02\/stardust_bikers_webpage_ui_tubik_studio_1.png 1440w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<p>&nbsp;<\/p>\n<h2><span style=\"color: #333333;\">Geometric Elements as a Part of Style<\/span><\/h2>\n<p><span style=\"color: #333333;\">Supporting the previous trend, geometry vibes got featured in many interfaces this year. A variety of simple and complex shapes, patterns, lines, and curves has been found in numerous design solutions on both traditional and innovative combinations.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-8076\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/11\/wedding_theme_website_ui_design.png\" alt=\"wedding theme website ui design\" width=\"800\" height=\"600\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/11\/wedding_theme_website_ui_design.png 800w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/11\/wedding_theme_website_ui_design-300x225.png 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/11\/wedding_theme_website_ui_design-768x576.png 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/11\/wedding_theme_website_ui_design-150x113.png 150w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/p>\n<h2><span style=\"color: #333333;\">Experimental Color Palettes and Combinations<\/span><\/h2>\n<p><span style=\"color: #333333;\">The trend of color probes\u00a0hasn&#8217;t lost its popularity, bringing out new original combinations. No wonder, color is one of the most powerful ways to add quickly perceived message and mood to an interface as well as make it look original and attractive. Anyway, effective color experiments are not just pure creativity: even the most creative and surprising combinations are based on the knowledge of <a style=\"color: #333333;\" href=\"https:\/\/blog.tubikstudio.com\/color-theory-brief-guide-for-designers\/\" target=\"_blank\" rel=\"noopener noreferrer\">color theory<\/a>, <a style=\"color: #333333;\" href=\"https:\/\/blog.tubikstudio.com\/color-in-design-influence-on-users-actions\/\" target=\"_blank\" rel=\"noopener noreferrer\">color psychology<\/a>, and <a style=\"color: #333333;\" href=\"https:\/\/blog.tubikstudio.com\/color-in-ui-design-look-on-the-bright-side\/\" target=\"_blank\" rel=\"noopener noreferrer\">virtuosity<\/a> of user interface designers.\u00a0<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-8720\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/07\/bookswap_app_interactions_tubik.gif\" alt=\"bookswap app interactions tubik\" width=\"800\" height=\"600\" \/><\/p>\n<h2><span style=\"color: #333333;\">No Lorem Ipsum<\/span><\/h2>\n<p><span style=\"color: #333333;\">This year has continued the increasing\u00a0attention to content quality and performance. In user interfaces, <a style=\"color: #333333;\" href=\"https:\/\/blog.tubikstudio.com\/3c-of-interface-design-color-contrast-content\/\" target=\"_blank\" rel=\"noopener noreferrer\">content and design<\/a> and interconnected: creators have to make them successfully support each other instead of fight for users&#8217; attention. That&#8217;s why today more and more designers prefer real content instead of well-known Lorem Ipsum, even in cases of initial ideation for design concepts. It gets designers, clients, and content makers closer to real experience and natural feel of interactions.<\/span><\/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><span style=\"color: #333333;\">No doubt, 2017 was the year of diversity in interface design &#8211; and this can be called one of the most user-friendly trends. Every day millions of users, having different tastes and preferences, various favorite styles and characters, particular feelings of what is comfortable and looks nice for them, use simple and complex apps and websites as a part of their routine. The more variants of looks and features will be designed, the wider range of diverse options that endless global community of technology users will get to find the one which fits their specific needs and wishes. Anyway, soon we&#8217;ll see what the next year will bring out and what new creative challenges it will set for UX designers.<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Traditional year-in-review article observing the most popular trends of 2017 in user interface design for websites and mobile applications: UX approaches and examples.<\/p>\n","protected":false},"author":3,"featured_media":10465,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[7,9],"tags":[504,505,20,507,153,512,262,534,331,537,332,538,463,539,465,545,466,467,470,482,483,485,491],"coauthors":[],"class_list":["post-4043","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-processes_and_tools","category-ui_ux","tag-ux-design-article","tag-ux-design-best-practices","tag-app-design","tag-ux-design-examples","tag-design-trends","tag-ux-designers","tag-interface-design-trends","tag-web-design-article","tag-mobile-ui","tag-web-design-examples","tag-mobile-user-interface","tag-web-design-inspiration","tag-ui-design-article","tag-web-design-trends","tag-ui-design-examples","tag-web-user-interface","tag-ui-design-inspiration","tag-ui-design-practices","tag-ui-design-trends","tag-user-experience","tag-user-experience-article","tag-user-experience-design","tag-user-interface"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.7 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Review of Popular Interface Design Trends in 2017<\/title>\n<meta name=\"description\" content=\"Traditional year-in-review article observing the most popular trends of 2017 in user interface design for websites and mobile applications: UX approaches and examples.\" \/>\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\/review-of-popular-interface-design-trends-in-2017\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Review of Popular Interface Design Trends in 2017\" \/>\n<meta property=\"og:description\" content=\"Traditional year-in-review article observing the most popular trends of 2017 in user interface design for websites and mobile applications: UX approaches and examples.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/tubikstudio.com\/blog\/review-of-popular-interface-design-trends-in-2017\/\" \/>\n<meta property=\"og:site_name\" content=\"Tubik Blog: Articles About Design\" \/>\n<meta property=\"article:published_time\" content=\"2017-12-26T14:36:43+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-08-05T10:44:54+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/12\/design-trends-review-tubik-blog-1-1.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1281\" \/>\n\t<meta property=\"og:image:height\" content=\"961\" \/>\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=\"10 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/tubikstudio.com\/blog\/review-of-popular-interface-design-trends-in-2017\/\",\"url\":\"https:\/\/tubikstudio.com\/blog\/review-of-popular-interface-design-trends-in-2017\/\",\"name\":\"Review of Popular Interface Design Trends in 2017\",\"isPartOf\":{\"@id\":\"https:\/\/tubikstudio.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/tubikstudio.com\/blog\/review-of-popular-interface-design-trends-in-2017\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/tubikstudio.com\/blog\/review-of-popular-interface-design-trends-in-2017\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/12\/design-trends-review-tubik-blog-1-1.png\",\"datePublished\":\"2017-12-26T14:36:43+00:00\",\"dateModified\":\"2025-08-05T10:44:54+00:00\",\"author\":{\"@id\":\"https:\/\/tubikstudio.com\/blog\/#\/schema\/person\/320206b0076eb11ea0c0d4d17012c36f\"},\"description\":\"Traditional year-in-review article observing the most popular trends of 2017 in user interface design for websites and mobile applications: UX approaches and examples.\",\"breadcrumb\":{\"@id\":\"https:\/\/tubikstudio.com\/blog\/review-of-popular-interface-design-trends-in-2017\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/tubikstudio.com\/blog\/review-of-popular-interface-design-trends-in-2017\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/tubikstudio.com\/blog\/review-of-popular-interface-design-trends-in-2017\/#primaryimage\",\"url\":\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/12\/design-trends-review-tubik-blog-1-1.png\",\"contentUrl\":\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/12\/design-trends-review-tubik-blog-1-1.png\",\"width\":1281,\"height\":961,\"caption\":\"design trends review tubik-blog\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/tubikstudio.com\/blog\/review-of-popular-interface-design-trends-in-2017\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/tubikstudio.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Review of Popular Interface Design Trends in 2017\"}]},{\"@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":"Review of Popular Interface Design Trends in 2017","description":"Traditional year-in-review article observing the most popular trends of 2017 in user interface design for websites and mobile applications: UX approaches and examples.","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\/review-of-popular-interface-design-trends-in-2017\/","og_locale":"en_US","og_type":"article","og_title":"Review of Popular Interface Design Trends in 2017","og_description":"Traditional year-in-review article observing the most popular trends of 2017 in user interface design for websites and mobile applications: UX approaches and examples.","og_url":"https:\/\/tubikstudio.com\/blog\/review-of-popular-interface-design-trends-in-2017\/","og_site_name":"Tubik Blog: Articles About Design","article_published_time":"2017-12-26T14:36:43+00:00","article_modified_time":"2025-08-05T10:44:54+00:00","og_image":[{"width":1281,"height":961,"url":"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/12\/design-trends-review-tubik-blog-1-1.png","type":"image\/png"}],"author":"Marina Yalanska","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Marina Yalanska","Est. reading time":"10 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/tubikstudio.com\/blog\/review-of-popular-interface-design-trends-in-2017\/","url":"https:\/\/tubikstudio.com\/blog\/review-of-popular-interface-design-trends-in-2017\/","name":"Review of Popular Interface Design Trends in 2017","isPartOf":{"@id":"https:\/\/tubikstudio.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/tubikstudio.com\/blog\/review-of-popular-interface-design-trends-in-2017\/#primaryimage"},"image":{"@id":"https:\/\/tubikstudio.com\/blog\/review-of-popular-interface-design-trends-in-2017\/#primaryimage"},"thumbnailUrl":"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/12\/design-trends-review-tubik-blog-1-1.png","datePublished":"2017-12-26T14:36:43+00:00","dateModified":"2025-08-05T10:44:54+00:00","author":{"@id":"https:\/\/tubikstudio.com\/blog\/#\/schema\/person\/320206b0076eb11ea0c0d4d17012c36f"},"description":"Traditional year-in-review article observing the most popular trends of 2017 in user interface design for websites and mobile applications: UX approaches and examples.","breadcrumb":{"@id":"https:\/\/tubikstudio.com\/blog\/review-of-popular-interface-design-trends-in-2017\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/tubikstudio.com\/blog\/review-of-popular-interface-design-trends-in-2017\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/tubikstudio.com\/blog\/review-of-popular-interface-design-trends-in-2017\/#primaryimage","url":"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/12\/design-trends-review-tubik-blog-1-1.png","contentUrl":"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/12\/design-trends-review-tubik-blog-1-1.png","width":1281,"height":961,"caption":"design trends review tubik-blog"},{"@type":"BreadcrumbList","@id":"https:\/\/tubikstudio.com\/blog\/review-of-popular-interface-design-trends-in-2017\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/tubikstudio.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Review of Popular Interface Design Trends in 2017"}]},{"@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\/4043","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=4043"}],"version-history":[{"count":3,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/posts\/4043\/revisions"}],"predecessor-version":[{"id":14559,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/posts\/4043\/revisions\/14559"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/media\/10465"}],"wp:attachment":[{"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/media?parent=4043"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/categories?post=4043"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/tags?post=4043"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/coauthors?post=4043"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}