{"id":1661,"date":"2016-06-08T18:20:53","date_gmt":"2016-06-08T15:20:53","guid":{"rendered":"https:\/\/tubikstudio.com\/?p=1661"},"modified":"2023-08-17T12:10:30","modified_gmt":"2023-08-17T12:10:30","slug":"uiux-glossary-web-design-issues","status":"publish","type":"post","link":"https:\/\/tubikstudio.com\/blog\/uiux-glossary-web-design-issues\/","title":{"rendered":"UI\/UX Glossary. Web Design Issues"},"content":{"rendered":"<p><span style=\"color: #333333;\">Perhaps you remember our previous <a style=\"color: #333333;\" href=\"https:\/\/blog.tubikstudio.com\/uiux-design-glossary-steps-to-usability\/\" target=\"_blank\" rel=\"noopener noreferrer\">issue of UI\/UX Glossary<\/a> dedicated to general terms of creating design with a high level of usability. We were discussing the difference between UI and UX, which are often confused, explained the process and aims of wireframing and prototyping, presented our explanations of icons and microinteractions.<\/span><\/p>\n<p><span style=\"color: #333333;\"> Today continuing the stream we are going to\u00a0provide some new entries to our glossary, this time concentrated more on web design elements and techniques.<\/span><\/p>\n<h2><span style=\"color: #333333;\">Web Design<\/span><\/h2>\n<p><span style=\"color: #333333;\">Web Design is a term defining design field featuring all the activities connected with the creation and maintenance of websites and pages both as pieces of practical interaction and the product with certain aesthetic qualities. The web design process includes the full cycle of production path from the initial idea sketched roughly in pencil to elaborate visual performance, <a href=\"https:\/\/blog.tubikstudio.com\/information-architecture-basics-for-designers\/\">information architecture<\/a>, and updated design in the process of actual website use.<\/span><\/p>\n<p><span style=\"color: #333333;\">Web design as a term can also name the result of mentioned activity direction, which means that this word is used to describe structure, functionality, style, and appearance features of a website or a <a href=\"https:\/\/blog.tubikstudio.com\/types-of-web-pages\/\">web page<\/a> interface. In addition, web design also can include content generation and management.<\/span><\/p>\n<p><span style=\"color: #333333;\">So, it&#8217;s easy to see that the term itself is very broad and comprehensive. Due to this fact, web design as a domain of human activity lies at the crossroads of many sciences and practices. Among them we should mention:<\/span><\/p>\n<ul>\n<li><span style=\"color: #333333;\">drawing and composition<\/span><\/li>\n<li><span style=\"color: #333333;\">painting and <a href=\"https:\/\/blog.tubikstudio.com\/color-theory-brief-guide-for-designers\/\">color theory<\/a><\/span><\/li>\n<li><span style=\"color: #333333;\">logic and schematism<\/span><\/li>\n<li><span style=\"color: #333333;\">analysis and statistics<\/span><\/li>\n<li><span style=\"color: #333333;\">visual arts<\/span><\/li>\n<li><span style=\"color: #333333;\">programming<\/span><\/li>\n<li><a href=\"https:\/\/blog.tubikstudio.com\/user-research-empathy-is-the-best-ux-policy\/\"><span style=\"color: #333333;\">user research<\/span><\/a><\/li>\n<li><a href=\"https:\/\/blog.tubikstudio.com\/psychology-in-design-principles-helping-to-understand-users\/\"><span style=\"color: #333333;\">psychology<\/span><\/a><\/li>\n<li><a href=\"https:\/\/blog.tubikstudio.com\/copywriting-mobile-web-interfaces-types-ui-copy\/\"><span style=\"color: #333333;\">copywriting<\/span><\/a><\/li>\n<li><span style=\"color: #333333;\"><a href=\"https:\/\/blog.tubikstudio.com\/tips-and-strategies-design-for-web-marketing\/\">branding and marketing<\/a> etc.<\/span><\/li>\n<\/ul>\n<p><span style=\"color: #333333;\">Covering diverse aspects of a website&#8217;s functionality and appearance, some designers work in teams, every member of which specializes in a particular sphere, while the others can work out different of the mentioned aspects individually. Anyway, in the vast majority of cases, web design is the sphere of digital products which have to be functional and user-centered. As famous American designer Charles Eames said \u201cDesign is a plan for arranging elements in such a way as best to accomplish a particular purpose\u201d and his words totally reflect the idea of modern web design.<\/span><\/p>\n<p><span style=\"color: #333333;\">The authors of the <a style=\"color: #333333;\" href=\"http:\/\/www.usability.gov\/sites\/default\/files\/documents\/guidelines_book.pdf\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">book<\/a> \u201cResearch-Based Web Design &amp; Usability Guidelines\u201d mention: \u201cTo ensure the best possible outcome, designers should consider a full range of user-interface issues, and work to create a Web site that enables the best possible human performance.\u201d Working over\u00a0a website, designers have to concentrate on such aspects as:<\/span><\/p>\n<ul>\n<li><span style=\"color: #333333;\"><strong>usability<\/strong> (the website is convenient, clear, logical, and easy to use)<\/span><\/li>\n<li><span style=\"color: #333333;\"><strong>utility<\/strong> (the website provides useful content and solves users&#8217; problems)<\/span><\/li>\n<li><span style=\"color: #333333;\"><strong>accessibility<\/strong> (the website is convenient for different categories of users)<\/span><\/li>\n<li><span style=\"color: #333333;\"><strong>desirability<\/strong> (the website is attractive and problem-solving, it retains users and creates a positive experience which they are ready to repeat).<\/span><\/li>\n<\/ul>\n<p><iframe loading=\"lazy\" title=\"4 Principles of Good UX\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/MVzPX866bFE?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe><\/p>\n<p><span style=\"color: #333333;\">Here are some examples of web design concepts\u00a0created by Tubik Studio designers.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-10266\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2016\/12\/randomizer_tubik_studio.gif\" alt=\"randomizer tubik studio design\" width=\"800\" height=\"600\" \/><\/p>\n<p><span style=\"color: #333333;\"><em>Randomizer concept\u00a0<\/em><\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-7729\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/03\/tubik_studio_design-studio-bjorn.gif\" alt=\"design studio bjorn website\" width=\"800\" height=\"600\" \/><\/p>\n<p><span style=\"color: #333333;\"><em>Design Studio Bjo\u0308rn\u00a0<\/em><\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-9644\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2016\/05\/brmc_website_tubik_studio.png\" alt=\"brmc website tubik_studio\" width=\"800\" height=\"600\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2016\/05\/brmc_website_tubik_studio.png 800w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2016\/05\/brmc_website_tubik_studio-300x225.png 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2016\/05\/brmc_website_tubik_studio-768x576.png 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2016\/05\/brmc_website_tubik_studio-150x113.png 150w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/p>\n<p><span style=\"color: #333333;\"><em>BRMC Website<\/em><\/span><\/p>\n<p>&nbsp;<\/p>\n<h2><span style=\"color: #333333;\">Home Page<\/span><\/h2>\n<p><span style=\"color: #333333;\"><a href=\"https:\/\/blog.tubikstudio.com\/feel-homey-handy-tips-for-home-page-design\/\">Home page<\/a> is the most popular name for the main page of the website. It is called home as it usually provides a starting point with many further directions for the user, containing direct links to the most important areas of interaction with a website. In other words, it can be also named the initial page or index page. The home page is mostly the start of users&#8217; journey if they are directed to the site by search engines.<\/span><\/p>\n<p><span style=\"color: #333333;\">In addition to essential links to different website parts, home page often contains search field, basic <a href=\"https:\/\/blog.tubikstudio.com\/design-onboarding\/\">onboarding functionality<\/a> for personalized sites, different areas of navigation showing users diverse categories of data. It might also contain engaging welcome messages and copy blocks featuring a slogan and\/or explaining the benefits of the website or objects it presents.<\/span><\/p>\n<p><span style=\"color: #333333;\">More than a decade ago a famous expert in usability Jakob Nielsen wrote <a style=\"color: #333333;\" href=\"https:\/\/www.nngroup.com\/articles\/top-ten-guidelines-for-homepage-usability\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">Top 10 Guidelines for Homepage Usability<\/a> in which he said: \u201cHomepages are the most valuable real estate in the world. Each year, companies and individuals funnel millions of dollars through a space that&#8217;s not even a square foot in size. For good reason. A homepage&#8217;s impact on a company&#8217;s bottom line is far greater than simple measures of e-commerce revenues: The homepage is your company&#8217;s face to the world. Increasingly, potential customers will look at your company&#8217;s online presence before doing business with you \u2014 regardless of whether they plan to close the actual sale online.\u201d Long time has passed since then but clear and a user-friendly home page is still the issue of vital importance for an efficient website.<\/span><\/p>\n<p><span style=\"color: #333333;\">Home page is actually the basis of good <a href=\"https:\/\/blog.tubikstudio.com\/uiux-design-glossary-navigation-elements\/\">navigation<\/a> which is usually the core of a positive user experience. A messy interface and badly designed layout can become the reason for user confusion and annoyance.<\/span><\/p>\n<p><span style=\"color: #333333;\">Here are some examples of home pages created by Tubik Studio designers.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-8650\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/04\/home-page-landing-design-tubikstudio.png\" alt=\"home page landing design tubikstudio\" width=\"800\" height=\"600\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/04\/home-page-landing-design-tubikstudio.png 800w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/04\/home-page-landing-design-tubikstudio-300x225.png 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/04\/home-page-landing-design-tubikstudio-768x576.png 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/04\/home-page-landing-design-tubikstudio-150x113.png 150w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/p>\n<p><span style=\"color: #333333;\"><em>Comics Shop Home Page<\/em><\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-7737\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/03\/tubik-studio-ice-ui-website.gif\" alt=\"tubik studio ice ui website\" width=\"800\" height=\"600\" \/><\/p>\n<p><span style=\"color: #333333;\"><em>Ice Website\u00a0<\/em><\/span><\/p>\n<h2><span style=\"color: #333333;\">Landing Page<\/span><\/h2>\n<p><span style=\"color: #333333;\">Recently we published an article devoted to the functionality and efficiency of <a href=\"https:\/\/blog.tubikstudio.com\/landing-page-direct-flight-to-high-conversion\/\">landing pages<\/a>. Let&#8217;s remember key points here.<\/span><\/p>\n<p><span style=\"color: #333333;\">Landing page in its basic wide meaning is the term used for analytics to describe any page where the user started his or her journey around your site, in other words, where a user lands on the website. However, today the other more specific meaning is used much more often to define a landing page. Behind this term, people understand the special web page created for the presentation of the specific product, service, features or options so that the visitor could get necessary information quickly and easily not being distracted. That is why the analysts say a landing page is in most cases of marketing and the presentation of a particular product or service is much more efficient than the home page. The home page can have too many options and getting through all of them to find the particular product the user can get distracted from making the decision, lose interest or even get annoyed.<\/span><\/p>\n<p><span style=\"color: #333333;\">Why is the landing page needed? As we mentioned in the <a style=\"color: #333333;\" href=\"https:\/\/blog.tubikstudio.com\/case-study-landing-page\/\" target=\"_blank\" rel=\"noopener noreferrer\">case study<\/a> about designing a landing page, it is easy to answer this question with a little metaphor. Imagine, you are going to visit, let\u2019s say, New York, to walk around Manhattan. That is the dream of your life. Finally, you find the service which offers to take you to New York City fast and cheap. Great, isn\u2019t it? You pack your bag, you charge your camera, you get up full of admiration as the dream of your life is going to get real. And then you are taken by those amazing people who offered you the realization of your dream to the entrance point of New York City. They leave you there to find Manhattan or any other place you want by yourself. How do you like it now? Who knows, perhaps you will be not so happy after the exhausting journey around the huge city looking for the place you want. Wouldn\u2019t it feel great to be taken right to the destination, fresh and ready to admire and absorb positive emotions? Wouldn\u2019t you as a customer be happier to reach your goal faster and easier? Sure, yes.<\/span><\/p>\n<p><span style=\"color: #333333;\">That is actually what a landing page does. When a person obtains the information from the outer source about the specific product, feature, information, or service and clicks through the link to its provider, sure, he or she doesn\u2019t dream to spend a lot of time looking for desired product or page among all the links and information provided on your homepage. The user wants to \u00abland\u00bb directly at that very place which will make it possible for him or her to get what they want as fast as possible and getting enough (but not too much) information to support their decision-making process. So, creating a well-thought-out landing page is really vital to strengthen marketing strategy and increase conversion rates.<\/span><\/p>\n<p><span style=\"color: #333333;\">In general, typical landing pages often have:<\/span><\/p>\n<p><span style=\"color: #333333;\">1) <strong>General idea of the presented object (product, service, activity, etc.) with a call-to-action element.<\/strong> Users need to be provided with the basic description of the benefits, preferably not too detailed but concise and useful. The aim of this element is to inform the user and provide a clear and noticeable opportunity to actively use this information via a <a href=\"https:\/\/blog.tubikstudio.com\/call-for-attention-powerful-cta-button-design\/\">call to action element<\/a> which can be presented with a button, link, contact form, subscription field, etc.<\/span><\/p>\n<p><span style=\"color: #333333;\">2) <strong>Testimonials and signs of trust<\/strong>. People usually tend to trust more to what is already used or tried by other people and recommended as worth attention. Therefore, testimonials from clients, considerable numbers of followers in social networks, awards, and certificates can have a great impact on the <a href=\"https:\/\/blog.tubikstudio.com\/7-factors-that-influence-webpage-conversion-rates\/\">conversion rate<\/a>.<\/span><\/p>\n<p><span style=\"color: #333333;\">3) <strong>Description of the main features<\/strong>. This block of information can be used as additional information supporting the description of basic functionality. It supplies a visitor with more details about the product or service, its abilities and technical characteristics, its influence on life and productivity, and the like. It certainly makes the landing page longer and requires more attention from users so applying this block should be always thoroughly analyzed.<\/span><\/p>\n<p><span style=\"color: #333333;\">Here are some examples of landing\u00a0pages created by Tubik Studio designers.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-8651\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/04\/tubik-landing-page-scroll-animation.gif\" alt=\"tubik landing page scroll animation\" width=\"800\" height=\"600\" \/><\/p>\n<p><span style=\"color: #333333;\"><em>Landing Page Animation<\/em><\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-8731\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2016\/05\/landing-page-design-animation.gif\" alt=\"landing page design animation\" width=\"800\" height=\"600\" \/><\/p>\n<p><span style=\"color: #333333;\"><em>Arts, Culture &amp; Education Curation<\/em><\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-8725\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2016\/05\/magicco_tubik_studio.gif\" alt=\"magicco tubik studio landing page design\" width=\"800\" height=\"600\" \/><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/case-study-magic-co-creative-landing-page-design\/\"><span style=\"color: #333333;\"><em>Magic.co landing page<\/em><\/span><\/a><\/p>\n<p><span style=\"color: #333333;\"><em>Read more and review the examples on this topic in <a style=\"color: #333333;\" href=\"https:\/\/blog.tubikstudio.com\/landing-page-direct-flight-to-high-conversion\/\" target=\"_blank\" rel=\"noopener noreferrer\">our previous article<\/a><\/em><\/span><\/p>\n<p>&nbsp;<\/p>\n<h2><span style=\"color: #333333;\">Responsive Design<\/span><\/h2>\n<p><span style=\"color: #333333;\">The necessity of responsive design is based on the audience you want to cover for your website. Would you like your users to use your site from any device and feel it positive, useful, and convenient anyway? Sure, every customer would be aware of the growing popularity of mobile devices. And in this case, we should say confidently: you obviously need a responsive web design for the website.<\/span><\/p>\n<p><span style=\"color: #333333;\"> The idea behind responsive web design (RWD) is that the content and layout of a website should efficiently adapt according to the sizes and technical abilities of a device it is opened at. For most users, these changes are so subtle that it is easy to say \u201c Hey, guys, this is the same site on my smartphone which I looked through yesterday at my desktop. Nothing special has changed here!\u201d And somehow these words can be the great praise of designer\u2019s work. That will mean that the designer managed to keep all the meaningful elements and general layout of the desktop version efficiently and at the same time avoid making the page or layout elements too small, hardly seen, or impossible to distinguish even on the much smaller screen of a mobile device. That is RWD in action.<\/span><\/p>\n<p><span style=\"color: #333333;\">Nowadays making the site non-mobile-friendly means losing the part of the audience that likes surfing and using the internet sources \u201con the go\u201d. It\u2019s vital to consider that this part of the audience is mainly the most active part, non-afraid of technologies, fast in browsing necessary information and options, easy-going in making internet purchases and try new products. That\u2019s why neglecting the idea of RWD can bring real loss to the product which otherwise could be highly efficient and bring high conversion rates.<\/span><\/p>\n<p><span style=\"color: #333333;\">In the <a style=\"color: #333333;\" href=\"http:\/\/www.tapan.am\/files\/Marcotte_E._-_Responsive_Web_Design_(A_Book_Apart_Brief_books_for_people_who_make_websites)_-_2011.pdf\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">book<\/a>\u00a0&#8220;Responsive Web Design&#8221; experienced designer Ethan Marcotte says: &#8220;&#8230;web design is about asking the right questions. And really, that\u2019s what responsive web design is: a possible solution, a way to more fully design for the web\u2019s inherent flexibility. In the first chapter, I said that the ingredients for a responsive design were a fluid grid, flexible images, and media queries. But really, they\u2019re just the vocabulary we\u2019ll use to articulate answers to the problems our users face, a framework for ordering content in an ever-increasing number of devices and browsers. If we\u2019re willing to research the needs of our users and apply those ingredients carefully, then responsive web design is a powerful approach indeed.&#8221;<\/span><\/p>\n<p><span style=\"color: #333333;\">Creating responsive web-design for a web-product means making it pleasant-looking, clear, and functional in different sizing with optimal navigation that provides a high level of usability. This technique relieves an owner from the necessity to develop several versions of the site as it provides one site with fast adaptation to different technical conditions, so RWD is also generally cheaper than creating several versions of the site. Responsive web design makes the site flexible, easy to manage, and nice to use. Moreover, you don\u2019t need to publish your content several times for different versions and it saves your time or human resources. If these are the features you want your product to obtain than consider responsive web design for your product from the earliest stages of its design and development. In addition, you will get higher positions in the Google search engine as it supports the idea of RWD, so that is an important part of the general search optimization of your product. Therefore, it\u2019s up to you whether to apply RWD for your web product or not, but consider all benefits before making your decision.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-10947\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2016\/06\/tracking-app-design.png\" alt=\"tracking app design\" width=\"1472\" height=\"925\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2016\/06\/tracking-app-design.png 1472w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2016\/06\/tracking-app-design-300x189.png 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2016\/06\/tracking-app-design-768x483.png 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2016\/06\/tracking-app-design-1024x643.png 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2016\/06\/tracking-app-design-150x94.png 150w\" sizes=\"auto, (max-width: 1472px) 100vw, 1472px\" \/><\/p>\n<p><span style=\"color: #333333;\"><em>Read about\u00a0this topic in <a style=\"color: #333333;\" href=\"https:\/\/blog.tubikstudio.com\/design-faq-platform-customers-set-two\/\" target=\"_blank\" rel=\"noopener noreferrer\">our previous article<\/a><\/em><\/span><\/p>\n<p>&nbsp;<\/p>\n<h2><span style=\"color: #333333;\">Header<\/span><\/h2>\n<p><span style=\"color: #333333;\">In terms of web layout elements, the <a href=\"https:\/\/blog.tubikstudio.com\/best-practices-for-website-header-design\/\">header<\/a> is the upper (top) part of the web page. It is a significant and strategic part of the page as it is what people see before scrolling the page in the first seconds of introduction to your website. Therefore, the header should be informative and provide the most important information about the digital product so that users could scan it in split seconds. A header is also the area providing the broad field for creative design solutions which should be catchy, concise, and useful. Headers are often referred to as &#8220;Site Menus&#8221; and positioned as a key element of navigation in the website layout.<\/span><\/p>\n<p><span style=\"color: #333333;\">Headers can include:<\/span><\/p>\n<p><span style=\"color: #333333;\">&#8211; basic elements of <a href=\"https:\/\/blog.tubikstudio.com\/branding-design-process\/\">brand identity<\/a>: logo, brand name lettering, slogan or company statement, corporate mascot, photo presenting the company or its leader, corporate colors, etc.<\/span><\/p>\n<p><span style=\"color: #333333;\">&#8211; copy block setting the theme of the product or service presented<\/span><\/p>\n<p><span style=\"color: #333333;\">&#8211; links to basic categories of website content<\/span><\/p>\n<p><span style=\"color: #333333;\">&#8211; links to the most important social networks<\/span><\/p>\n<p><span style=\"color: #333333;\">&#8211; basic contact information (telephone number, e-mail, etc.)<\/span><\/p>\n<p><span style=\"color: #333333;\">&#8211; a switch of the languages in case of multi-lingual interface<\/span><\/p>\n<p><span style=\"color: #333333;\">&#8211; <a href=\"https:\/\/blog.tubikstudio.com\/how-to-design-search\/\">search field<\/a><\/span><\/p>\n<p><span style=\"color: #333333;\">&#8211; subscription field<\/span><\/p>\n<p><span style=\"color: #333333;\">&#8211; links to interaction with the product such as trial version, downloading from the AppStore, etc.<\/span><\/p>\n<p><span style=\"color: #333333;\">Certainly, the list above doesn&#8217;t mean that all the mentioned elements should be included in one\u00a0webpage\u00a0header &#8211; in this case, the header section would be overloaded with information. On the basis of design tasks, designers, sometimes together with marketing specialists, decide on the strategically important options and pick them up from the list or add the others.<\/span><\/p>\n<p><span style=\"color: #333333;\">The choice of typefaces for headers and the background color should get under highly rigorous research and testing as the aspect of readability in the header plays a vital role. The <a href=\"https:\/\/blog.tubikstudio.com\/ux-design-how-to-make-web-interface-scannable\/\">user has to be able to scan<\/a> and perceive this basic information as fast as possible without any sort of additional effort. Otherwise, you risk providing a non-user-friendly interface.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-7734\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/03\/online-magazine-design-tubik-studio.png\" alt=\"online magazine design tubik studio\" width=\"800\" height=\"600\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/03\/online-magazine-design-tubik-studio.png 800w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/03\/online-magazine-design-tubik-studio-300x225.png 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/03\/online-magazine-design-tubik-studio-768x576.png 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/03\/online-magazine-design-tubik-studio-150x113.png 150w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/p>\n<p><span style=\"color: #333333;\"><em>Daily Bugle Online Magazine\u00a0<\/em><\/span><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"color: #333333;\">The design concept for a news website presented above features the header including the title of the website as a central element of the composition, two active links to basic categories of publications, link to live mode and search field marked with a\u00a0magnifier icon.<\/span><\/p>\n<p><span style=\"color: #333333;\">One more thing to remember\u00a0is that there are different ways for a header to transform in the process of scrolling the page down. Some websites use a fixed header, which always stays visible and active at any point of interaction with the website; others hide the header in the process of scrolling. There are also websites which do not fully hide the header but shrink it in size in the process of scrolling, which means that they hide secondary information and leave only the most important elements of the layout active and available during\u00a0all the process of interaction.<\/span><\/p>\n<p><span style=\"color: #333333;\">Another design solution that is rather popular in the perspective of header functionality is hiding basic links of data categories behind the <a href=\"https:\/\/blog.tubikstudio.com\/ui-design-basic-types-of-buttons-in-user-interfaces\/\">hamburger button<\/a>. It is called so as its form consisting of three horizontal lines looks like a typical bread-meat-bread hamburger.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-7736\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/03\/hamburger-button-tubik-studio.gif\" alt=\"hamburger button tubik studio\" width=\"800\" height=\"600\" \/><\/p>\n<p><span style=\"color: #333333;\"><em>Hamburger button<\/em><\/span><\/p>\n<p><span style=\"color: #333333;\">This button is usually placed in the header and nowadays it is a typical element of interaction. Most users who visit and use websites on the regular basis know that this button hides the core categories of data so this trick does not need additional explanations and prompts. Hamburger menus free the space making the interface more <a href=\"https:\/\/blog.tubikstudio.com\/lean-and-mean-power-of-minimalism-in-ui-design\/\">minimalistic<\/a> and full of air as well as allow the massive economy of space for other important layout elements. This design technique also provides additional benefits for responsive and adaptive design hiding navigation elements and making the interface look harmonic on different devices.<\/span><\/p>\n<p><span style=\"color: #333333;\">Although hamburger menus still belong to highly debatable issues of modern web and app design, they are still widely used as header elements. The arguments against hamburger menu are based on the fact that this design element can be confusing for people who do not use websites regularly and can get misled by the sign which features a high level of abstraction. So the decision about applying hamburger button should be made after user research and definition of the target audience&#8217;s abilities and needs.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-7738\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/03\/tubik_studio_structure.gif\" alt=\"tubik studio structure\" width=\"800\" height=\"600\" \/><\/p>\n<p><span style=\"color: #333333;\"><em>Structure \u2013 Architecture Blog\u00a0<\/em><\/span><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"color: #333333;\">The presented design concept of a website has a fixed header that doesn&#8217;t hide while the page is scrolled. However, it follows minimalistic principles featuring brand name lettering as a center of the composition, magnifier icon marking <a href=\"https:\/\/blog.tubikstudio.com\/how-to-design-search\/\">search functionality<\/a>, and hamburger button hiding links to navigation areas.<\/span><\/p>\n<p><span style=\"color: #333333;\">In one of the <a style=\"color: #333333;\" href=\"http:\/\/www.designyourway.net\/drb\/30-interesting-examples-of-headers-in-web-design\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">articles<\/a> devoted to practices of header design, its author Bogdan Sandu mentions an important point that should be kept in mind:<\/span><\/p>\n<blockquote><p><strong><span style=\"color: #333333;\">People judge the quality of a website in just few seconds and a second impression is something absent on Internet. In conclusion, a website must be eye-catching else, it would be nothing more than a big failure.<\/span><\/strong><\/p><\/blockquote>\n<p><span style=\"color: #333333;\">The header can become a great help in presenting the essential data to the user quickly and providing a positive user experience via clear navigation. However, that doesn&#8217;t mean that every website needs a header. There are many creative solutions providing designs applying typical header functionality in other zones of the layout. Every case of website design needs analysis and <a href=\"https:\/\/blog.tubikstudio.com\/user-research-empathy-is-the-best-ux-policy\/\">research of the target audience<\/a> for the product or service.\u00a0<\/span><\/p>\n<h2><span style=\"color: #333333;\">Footer<\/span><\/h2>\n<p><span style=\"color: #333333;\">According to everything mentioned above, it&#8217;s easy to understand that the footer is the lower (bottom) part of the web page. Footer usually becomes a marker of the end of a webpage. Also, being one more zone of global website navigation, in most cases, footer provides the additional field for useful links and data.<\/span><\/p>\n<p><span style=\"color: #333333;\">Footer can\u00a0include:<\/span><\/p>\n<ul>\n<li><span style=\"color: #333333;\">name and logo of the company or product<\/span><\/li>\n<li><span style=\"color: #333333;\">links to user support sections, for example, FAQ page, About page, Privacy Policy, Terms and Conditions etc.<\/span><\/li>\n<li><span style=\"color: #333333;\">credits to website creators<\/span><\/li>\n<li><span style=\"color: #333333;\">contact info and forms<\/span><\/li>\n<li><span style=\"color: #333333;\">links to company or product accounts in social networks<\/span><\/li>\n<li><span style=\"color: #333333;\">testimonials and badges<\/span><\/li>\n<li><span style=\"color: #333333;\">certification signs<\/span><\/li>\n<li><span style=\"color: #333333;\">subscription field etc.<\/span><\/li>\n<\/ul>\n<p><span style=\"color: #333333;\">As well as the header, the footer is not the element found in 100% of websites. For instance, with some design tasks when designers apply infinite scrolling techniques, the traditional footer is not an effective navigation zone. However, in the case of infinite scrolling, the idea of fixed footer can be also applicable and support navigation not losing this area. It should be said that for most users footer is a common place of looking for contact information, credits and sitemaps, so playing on this habit can be beneficial and fixed footer can become a good way in the case when the page has long scrolling area. The decision on using a footer is always based on the idea of effective usability. Anyway, if the footer is applied it should get in harmonic combination with all the other design solutions of the website layout and support general stylistic concept.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-10948\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2016\/06\/ballet-company-website-tubik-studio-design.png\" alt=\"ballet company website tubik studio design\" width=\"1600\" height=\"1200\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2016\/06\/ballet-company-website-tubik-studio-design.png 1600w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2016\/06\/ballet-company-website-tubik-studio-design-300x225.png 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2016\/06\/ballet-company-website-tubik-studio-design-768x576.png 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2016\/06\/ballet-company-website-tubik-studio-design-1024x768.png 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2016\/06\/ballet-company-website-tubik-studio-design-150x113.png 150w\" sizes=\"auto, (max-width: 1600px) 100vw, 1600px\" \/><\/p>\n<p><em>Ballet company website design concept<\/em><\/p>\n<p><span style=\"color: #333333;\">In the\u00a0<a style=\"color: #333333;\" href=\"http:\/\/www.creativebloq.com\/web-design\/website-footers-1131597\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">review<\/a> of effective footer designs, Nathan Leigh Davis and the Creative Bloq team emphasize: &#8220;Designing a great footer is not about finding the best way to layout a lot of unrelated content, but the ability to prioritize and disregard the unnecessary or superfluous information.&#8221; First of all, the footer should provide information support and in this way strengthen the chances of positive user experience.&#8221;<\/span><\/p>\n<p><span style=\"color: #333333;\">The new set of our design glossary is ready for those who need it and we are going to continue this practice before long. Don\u2019t miss the new sets in which we are going to tell more about the types and functions of <a href=\"https:\/\/blog.tubikstudio.com\/ui-design-basic-types-of-buttons-in-user-interfaces\/\">buttons<\/a>, menus, and other <a href=\"https:\/\/blog.tubikstudio.com\/small-stars-of-big-design-interactive-ui-elements\/\">interactive elements of user interfaces<\/a>. New definitions are coming soon!<\/span><\/p>\n<hr \/>\n<p><em>Welcome to read or download our free e-book &#8220;<a href=\"https:\/\/blog.tubikstudio.com\/problem-solving-web-design-free-e-book-by-tubik\/\">Problem-Solving Web Design<\/a>&#8220;<\/em><\/p>\n","protected":false},"excerpt":{"rendered":"<p>New set of UI\/UX design glossary on basic webdesign terms. Explanation and examples of webdesign, responsive design, home and landing page, footer and header. <\/p>\n","protected":false},"author":3,"featured_media":9626,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[7,9],"tags":[447,457,100,479,131,482,147,491,151,502,194,515,209,533,212,538,222,545,226,233,237,264,291,395],"coauthors":[],"class_list":["post-1661","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-processes_and_tools","category-ui_ux","tag-tubik-studio","tag-ui","tag-design","tag-usability","tag-design-glossary","tag-user-experience","tag-design-studio","tag-user-interface","tag-design-tips","tag-ux","tag-footer","tag-uxui","tag-glossary","tag-web-design","tag-graphic-design","tag-web-design-inspiration","tag-header","tag-web-user-interface","tag-home-page","tag-human-computer-interaction","tag-icons","tag-interface-navigation","tag-landing-page","tag-responsive"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.7 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>UI\/UX Glossary. Web Design Issues<\/title>\n<meta name=\"description\" content=\"New set of UI\/UX design glossary on basic webdesign terms. Explanation and examples of webdesign, responsive design, home and landing page, footer and header.\" \/>\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\/uiux-glossary-web-design-issues\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"UI\/UX Glossary. Web Design Issues\" \/>\n<meta property=\"og:description\" content=\"New set of UI\/UX design glossary focused on basic terms used in webdesign sphere. Here you will find the explanations and examples of webdesign as a sphere of human activity, responsive design, home page, landing page, footer and header.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/tubikstudio.com\/blog\/uiux-glossary-web-design-issues\/\" \/>\n<meta property=\"og:site_name\" content=\"Tubik Blog: Articles About Design\" \/>\n<meta property=\"article:published_time\" content=\"2016-06-08T15:20:53+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-08-17T12:10:30+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2016\/07\/tubik-studio-landing-page-design.png\" \/>\n\t<meta property=\"og:image:width\" content=\"800\" \/>\n\t<meta property=\"og:image:height\" content=\"600\" \/>\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=\"17 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/tubikstudio.com\/blog\/uiux-glossary-web-design-issues\/\",\"url\":\"https:\/\/tubikstudio.com\/blog\/uiux-glossary-web-design-issues\/\",\"name\":\"UI\/UX Glossary. Web Design Issues\",\"isPartOf\":{\"@id\":\"https:\/\/tubikstudio.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/tubikstudio.com\/blog\/uiux-glossary-web-design-issues\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/tubikstudio.com\/blog\/uiux-glossary-web-design-issues\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2016\/07\/tubik-studio-landing-page-design.png\",\"datePublished\":\"2016-06-08T15:20:53+00:00\",\"dateModified\":\"2023-08-17T12:10:30+00:00\",\"author\":{\"@id\":\"https:\/\/tubikstudio.com\/blog\/#\/schema\/person\/320206b0076eb11ea0c0d4d17012c36f\"},\"description\":\"New set of UI\/UX design glossary on basic webdesign terms. Explanation and examples of webdesign, responsive design, home and landing page, footer and header.\",\"breadcrumb\":{\"@id\":\"https:\/\/tubikstudio.com\/blog\/uiux-glossary-web-design-issues\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/tubikstudio.com\/blog\/uiux-glossary-web-design-issues\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/tubikstudio.com\/blog\/uiux-glossary-web-design-issues\/#primaryimage\",\"url\":\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2016\/07\/tubik-studio-landing-page-design.png\",\"contentUrl\":\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2016\/07\/tubik-studio-landing-page-design.png\",\"width\":800,\"height\":600,\"caption\":\"tubik studio landing page design\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/tubikstudio.com\/blog\/uiux-glossary-web-design-issues\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/tubikstudio.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"UI\/UX Glossary. Web Design Issues\"}]},{\"@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":"UI\/UX Glossary. Web Design Issues","description":"New set of UI\/UX design glossary on basic webdesign terms. Explanation and examples of webdesign, responsive design, home and landing page, footer and header.","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\/uiux-glossary-web-design-issues\/","og_locale":"en_US","og_type":"article","og_title":"UI\/UX Glossary. Web Design Issues","og_description":"New set of UI\/UX design glossary focused on basic terms used in webdesign sphere. Here you will find the explanations and examples of webdesign as a sphere of human activity, responsive design, home page, landing page, footer and header.","og_url":"https:\/\/tubikstudio.com\/blog\/uiux-glossary-web-design-issues\/","og_site_name":"Tubik Blog: Articles About Design","article_published_time":"2016-06-08T15:20:53+00:00","article_modified_time":"2023-08-17T12:10:30+00:00","og_image":[{"width":800,"height":600,"url":"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2016\/07\/tubik-studio-landing-page-design.png","type":"image\/png"}],"author":"Marina Yalanska","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Marina Yalanska","Est. reading time":"17 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/tubikstudio.com\/blog\/uiux-glossary-web-design-issues\/","url":"https:\/\/tubikstudio.com\/blog\/uiux-glossary-web-design-issues\/","name":"UI\/UX Glossary. Web Design Issues","isPartOf":{"@id":"https:\/\/tubikstudio.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/tubikstudio.com\/blog\/uiux-glossary-web-design-issues\/#primaryimage"},"image":{"@id":"https:\/\/tubikstudio.com\/blog\/uiux-glossary-web-design-issues\/#primaryimage"},"thumbnailUrl":"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2016\/07\/tubik-studio-landing-page-design.png","datePublished":"2016-06-08T15:20:53+00:00","dateModified":"2023-08-17T12:10:30+00:00","author":{"@id":"https:\/\/tubikstudio.com\/blog\/#\/schema\/person\/320206b0076eb11ea0c0d4d17012c36f"},"description":"New set of UI\/UX design glossary on basic webdesign terms. Explanation and examples of webdesign, responsive design, home and landing page, footer and header.","breadcrumb":{"@id":"https:\/\/tubikstudio.com\/blog\/uiux-glossary-web-design-issues\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/tubikstudio.com\/blog\/uiux-glossary-web-design-issues\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/tubikstudio.com\/blog\/uiux-glossary-web-design-issues\/#primaryimage","url":"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2016\/07\/tubik-studio-landing-page-design.png","contentUrl":"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2016\/07\/tubik-studio-landing-page-design.png","width":800,"height":600,"caption":"tubik studio landing page design"},{"@type":"BreadcrumbList","@id":"https:\/\/tubikstudio.com\/blog\/uiux-glossary-web-design-issues\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/tubikstudio.com\/blog\/"},{"@type":"ListItem","position":2,"name":"UI\/UX Glossary. Web Design Issues"}]},{"@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\/1661","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=1661"}],"version-history":[{"count":5,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/posts\/1661\/revisions"}],"predecessor-version":[{"id":14725,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/posts\/1661\/revisions\/14725"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/media\/9626"}],"wp:attachment":[{"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/media?parent=1661"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/categories?post=1661"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/tags?post=1661"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/coauthors?post=1661"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}