{"id":308,"date":"2017-02-17T06:02:43","date_gmt":"2017-02-17T06:02:43","guid":{"rendered":"https:\/\/advice.themeschannel.com\/orion\/?p=308"},"modified":"2022-05-05T13:33:28","modified_gmt":"2022-05-05T13:33:28","slug":"el-flat-design-sirve-como-herramienta-para-el-ux","status":"publish","type":"post","link":"https:\/\/hillplanet.com\/en\/el-flat-design-sirve-como-herramienta-para-el-ux\/","title":{"rendered":"Flat Design serves as a tool for UX"},"content":{"rendered":"

Flat Design serves as a tool for UX<\/h1>\n\n\n

Web design based on user experience has a great ally in flat design. Find out why!<\/p>\n

WHAT IS FLAT DESIGN?<\/strong><\/h2>\n

Flat design is a style of web design that is defined by the absence of bright or three-dimensional visual effects in the graphic elements that make up a page, being considered a branch of minimalist web design.<\/p>\n

The main purpose of flat web design is to make the design simpler for both designers and users by removing all irrelevant components (gradients, shadows and textures) and keeping only the essential ones.<\/p>\n

ORIGIN OF FLAT DESIGN<\/strong><\/h2>\n

The birth of this trend is closely linked to the expansion of mobile devices, which led to the need for a functional web design capable of adapting to each type of screen and its size, and concentrating on the fundamentals.<\/p>\n

We must not forget that on mobile devices such as tablets or smartphones, users seek simplicity and that web pages focus on content and interaction.<\/p>\n

FLAT DESIGN FEATURES<\/strong><\/h2>\n

Flat design has a series of characteristics that have a direct impact on the user experience:<\/p>\n

    \n
  • Functionality comes first<\/strong> \u2013 As they focus on the essentials, they are much more functional pages, specially designed to satisfy their main objective, whether it is to show information about the products and\/or services of a certain company, increase participation in an event, retain customers or achieve conversions.<\/li>\n<\/ul>\n
      \n
    • Typography, the protagonist<\/strong>\u2013 By eliminating superficial components, typography once again occupies its rightful place as the axis of web design. In addition, the typography is shown "naked", without decorative elements, which favors a better appreciation of its nuances.<\/li>\n<\/ul>\n
        \n
      • Vibrant colors that convey positive feelings<\/strong> \u2013 Due to the particularities of flat design, its colors create an optimistic environment that, complemented by its icons, makes a very friendly site.<\/li>\n<\/ul>\n
          \n
        • Simple and clean graphics<\/strong>\u2013 Flat web design is based on the contrast of elements, such as color, typography and buttons or icons that are made up of well-defined lines.<\/li>\n<\/ul>\n

           <\/p>\n

            \n
          • Focuses on what's important<\/strong> \u2013As it contains fewer graphic resources, it does not overload the website, attracting the user directly to the content, that is, to what is truly important.<\/li>\n<\/ul>\n
              \n
            • Intuitive and attractive pages<\/strong> \u2013 The web pages that follow the trend of flat design are one hundred percent intuitive and are very attractive from an aesthetic point of view.<\/li>\n<\/ul>\n
                \n
              • modular design<\/strong> \u2013 The display of modules that house different sections of content, construction grids from frameworks, and even recurring card patterns like Pinterest, is another feature of flat design that aims to create standardized interfaces that facilitate content expansion .<\/li>\n<\/ul>\n
                  \n
                • hamburger menu<\/strong> \u2013 Most pages with a flat design opt for the hamburger menu as a way to remove unnecessary elements from the screen so that the user can directly experiment with the content. These menus are placed in the navigation bar, hiding the rest of the sections.<\/li>\n<\/ul>\n

                   <\/p>\n

                  THE FLAT DESIGN AS AN ALLY OF THE USER EXPERIENCE<\/strong><\/h2>\n

                  All these properties of flat design make it a great ally for web design focused on user experience:<\/p>\n

                    \n
                  • Less charging time<\/strong> \u2013 By eliminating the excessive use of text and graphic content, web pages reduce their loading time, something highly valued by users who hate having to wait too long to see a site.<\/li>\n
                  • Easily adapt to all types of screens<\/strong>: They can be viewed from any mobile device, an essential aspect considering the number of mobile device users that there are today.<\/li>\n
                  • easy navigation<\/strong> \u2013 Visitors find what they are looking for quickly as it is a very intuitive and functional design.<\/li>\n<\/ul>\n

                    For these reasons, flat design has become the preferred trend for web designers who build pages based on user needs.<\/p>","protected":false},"excerpt":{"rendered":"

                    Flat Design serves as a tool for UX Web design based on user experience has a great ally in flat design. Find out why! WHAT IS FLAT DESIGN? Flat design is a style of web design that is defined by the absence of bright or three-dimensional visual effects in [\u2026]<\/p>","protected":false},"author":1,"featured_media":1772,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"content-type":"","inline_featured_image":false},"categories":[12,40],"tags":[],"acf":[],"yoast_head":"\nEl Flat Design sirve como herramienta para el UX - Consultora y Agencia de Marketing y Estrategia | Hill Planet<\/title>\n<meta name=\"description\" content=\"Estrategia Digital El Flat Design sirve como herramienta para el UX\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/hillplanet.com\/en\/el-flat-design-sirve-como-herramienta-para-el-ux\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"El Flat Design sirve como herramienta para el UX - Consultora y Agencia de Marketing y Estrategia | Hill Planet\" \/>\n<meta property=\"og:description\" content=\"Estrategia Digital El Flat Design sirve como herramienta para el UX\" \/>\n<meta property=\"og:url\" content=\"https:\/\/hillplanet.com\/en\/el-flat-design-sirve-como-herramienta-para-el-ux\/\" \/>\n<meta property=\"og:site_name\" content=\"Consultora y Agencia de Marketing y Estrategia | Hill Planet\" \/>\n<meta property=\"article:published_time\" content=\"2017-02-17T06:02:43+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-05-05T13:33:28+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/hillplanet.com\/wp-content\/uploads\/2017\/02\/descarga-3.png\" \/>\n\t<meta property=\"og:image:width\" content=\"956\" \/>\n\t<meta property=\"og:image:height\" content=\"669\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Toni Masero\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebSite\",\"@id\":\"https:\/\/hillplanet.com\/#website\",\"url\":\"https:\/\/hillplanet.com\/\",\"name\":\"Consultora y Agencia de Marketing y Estrategia | Hill Planet\",\"description\":\"Consultora y Agencia de Marketing en Barcelona. Enfocados en conseguir los objetivos de nuestros clientes y rentabilizar su inversi\u00f3n.\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/hillplanet.com\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/hillplanet.com\/el-flat-design-sirve-como-herramienta-para-el-ux\/#primaryimage\",\"inLanguage\":\"en-US\",\"url\":\"https:\/\/hillplanet.com\/wp-content\/uploads\/2017\/02\/descarga-3.png\",\"contentUrl\":\"https:\/\/hillplanet.com\/wp-content\/uploads\/2017\/02\/descarga-3.png\",\"width\":956,\"height\":669},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/hillplanet.com\/el-flat-design-sirve-como-herramienta-para-el-ux\/#webpage\",\"url\":\"https:\/\/hillplanet.com\/el-flat-design-sirve-como-herramienta-para-el-ux\/\",\"name\":\"El Flat Design sirve como herramienta para el UX - Consultora y Agencia de Marketing y Estrategia | Hill Planet\",\"isPartOf\":{\"@id\":\"https:\/\/hillplanet.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/hillplanet.com\/el-flat-design-sirve-como-herramienta-para-el-ux\/#primaryimage\"},\"datePublished\":\"2017-02-17T06:02:43+00:00\",\"dateModified\":\"2022-05-05T13:33:28+00:00\",\"author\":{\"@id\":\"https:\/\/hillplanet.com\/#\/schema\/person\/2e723799878cf7b132d33de055d5f98d\"},\"description\":\"Estrategia Digital El Flat Design sirve como herramienta para el UX\",\"breadcrumb\":{\"@id\":\"https:\/\/hillplanet.com\/el-flat-design-sirve-como-herramienta-para-el-ux\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/hillplanet.com\/el-flat-design-sirve-como-herramienta-para-el-ux\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/hillplanet.com\/el-flat-design-sirve-como-herramienta-para-el-ux\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\/\/hillplanet.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"El Flat Design sirve como herramienta para el UX\"}]},{\"@type\":\"Person\",\"@id\":\"https:\/\/hillplanet.com\/#\/schema\/person\/2e723799878cf7b132d33de055d5f98d\",\"name\":\"Toni Masero\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/hillplanet.com\/#personlogo\",\"inLanguage\":\"en-US\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/12d54950a6a36b8c11dbca1649bec8aa?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/12d54950a6a36b8c11dbca1649bec8aa?s=96&d=mm&r=g\",\"caption\":\"Toni Masero\"},\"url\":\"https:\/\/hillplanet.com\/en\/author\/toni_a42jex8u\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"El Flat Design sirve como herramienta para el UX - Consultora y Agencia de Marketing y Estrategia | Hill Planet","description":"Estrategia Digital El Flat Design sirve como herramienta para el UX","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/hillplanet.com\/en\/el-flat-design-sirve-como-herramienta-para-el-ux\/","og_locale":"en_US","og_type":"article","og_title":"El Flat Design sirve como herramienta para el UX - Consultora y Agencia de Marketing y Estrategia | Hill Planet","og_description":"Estrategia Digital El Flat Design sirve como herramienta para el UX","og_url":"https:\/\/hillplanet.com\/en\/el-flat-design-sirve-como-herramienta-para-el-ux\/","og_site_name":"Consultora y Agencia de Marketing y Estrategia | Hill Planet","article_published_time":"2017-02-17T06:02:43+00:00","article_modified_time":"2022-05-05T13:33:28+00:00","og_image":[{"width":956,"height":669,"url":"https:\/\/hillplanet.com\/wp-content\/uploads\/2017\/02\/descarga-3.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_misc":{"Written by":"Toni Masero","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebSite","@id":"https:\/\/hillplanet.com\/#website","url":"https:\/\/hillplanet.com\/","name":"Consultora y Agencia de Marketing y Estrategia | Hill Planet","description":"Consultora y Agencia de Marketing en Barcelona. Enfocados en conseguir los objetivos de nuestros clientes y rentabilizar su inversi\u00f3n.","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/hillplanet.com\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"ImageObject","@id":"https:\/\/hillplanet.com\/el-flat-design-sirve-como-herramienta-para-el-ux\/#primaryimage","inLanguage":"en-US","url":"https:\/\/hillplanet.com\/wp-content\/uploads\/2017\/02\/descarga-3.png","contentUrl":"https:\/\/hillplanet.com\/wp-content\/uploads\/2017\/02\/descarga-3.png","width":956,"height":669},{"@type":"WebPage","@id":"https:\/\/hillplanet.com\/el-flat-design-sirve-como-herramienta-para-el-ux\/#webpage","url":"https:\/\/hillplanet.com\/el-flat-design-sirve-como-herramienta-para-el-ux\/","name":"El Flat Design sirve como herramienta para el UX - Consultora y Agencia de Marketing y Estrategia | Hill Planet","isPartOf":{"@id":"https:\/\/hillplanet.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/hillplanet.com\/el-flat-design-sirve-como-herramienta-para-el-ux\/#primaryimage"},"datePublished":"2017-02-17T06:02:43+00:00","dateModified":"2022-05-05T13:33:28+00:00","author":{"@id":"https:\/\/hillplanet.com\/#\/schema\/person\/2e723799878cf7b132d33de055d5f98d"},"description":"Estrategia Digital El Flat Design sirve como herramienta para el UX","breadcrumb":{"@id":"https:\/\/hillplanet.com\/el-flat-design-sirve-como-herramienta-para-el-ux\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/hillplanet.com\/el-flat-design-sirve-como-herramienta-para-el-ux\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/hillplanet.com\/el-flat-design-sirve-como-herramienta-para-el-ux\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/hillplanet.com\/"},{"@type":"ListItem","position":2,"name":"El Flat Design sirve como herramienta para el UX"}]},{"@type":"Person","@id":"https:\/\/hillplanet.com\/#\/schema\/person\/2e723799878cf7b132d33de055d5f98d","name":"Toni Masero","image":{"@type":"ImageObject","@id":"https:\/\/hillplanet.com\/#personlogo","inLanguage":"en-US","url":"https:\/\/secure.gravatar.com\/avatar\/12d54950a6a36b8c11dbca1649bec8aa?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/12d54950a6a36b8c11dbca1649bec8aa?s=96&d=mm&r=g","caption":"Toni Masero"},"url":"https:\/\/hillplanet.com\/en\/author\/toni_a42jex8u\/"}]}},"_links":{"self":[{"href":"https:\/\/hillplanet.com\/en\/wp-json\/wp\/v2\/posts\/308"}],"collection":[{"href":"https:\/\/hillplanet.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/hillplanet.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/hillplanet.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hillplanet.com\/en\/wp-json\/wp\/v2\/comments?post=308"}],"version-history":[{"count":1,"href":"https:\/\/hillplanet.com\/en\/wp-json\/wp\/v2\/posts\/308\/revisions"}],"predecessor-version":[{"id":9041,"href":"https:\/\/hillplanet.com\/en\/wp-json\/wp\/v2\/posts\/308\/revisions\/9041"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/hillplanet.com\/en\/wp-json\/wp\/v2\/media\/1772"}],"wp:attachment":[{"href":"https:\/\/hillplanet.com\/en\/wp-json\/wp\/v2\/media?parent=308"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/hillplanet.com\/en\/wp-json\/wp\/v2\/categories?post=308"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/hillplanet.com\/en\/wp-json\/wp\/v2\/tags?post=308"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}