{"id":1039,"date":"2017-01-10T12:54:18","date_gmt":"2017-01-10T12:54:18","guid":{"rendered":"https:\/\/dev.quantumcloud.com\/iList\/?page_id=1039"},"modified":"2025-04-17T09:57:54","modified_gmt":"2025-04-17T09:57:54","slug":"ilist-template-infographic-style-05","status":"publish","type":"page","link":"https:\/\/dev.quantumcloud.com\/iList\/ilist-template-infographic-style-05\/","title":{"rendered":"iLIst Template Infographic style 05"},"content":{"rendered":"<div id=\"iList-outer-wrapper\"  class=\"iList-outer-wrapper infographic-template-five\" data-display_copy_share=\"true\"> \r\n<div id=\"qcld-list-holder\" class=\"qcld-list-hoder info5bgimage\" >\r\n\t<div id=\"qcopd-list-1\" >\r\n\t\t<div class=\"qcopd-single-list\">\r\n\t\t\t\n        <a style=\"float:right\" class=\"button-link-ilist js-open-modal\" href=\"#\" data-modal-id=\"ilist-popup\" title=\"Generate Embed Code\"\n           data-url=\"https:\/\/dev.quantumcloud.com\/iList\/embed-ilist\"\n           data-order=\"ASC\"\n           data-mode=\"one\"\n           data-column=\"1\"\n           data-style=\"infographic-template-five\"\n           data-search=\"\"\n           data-category=\"\"\n           data-listid=\"1179\"\n           data-ctitle=\"iList WordPress Plugin\"\n           data-clink=\"https:\/\/www.quantumcloud.com\/products\/infographic-maker-ilist\/\"\n           data-upvote=\"on\"> \n\t\t\tShare List\t\t   <i class=\"fa fa-share-alt\"><\/i><\/a>\n\t\t\t    \t<h3 style=\"height: 40px;\">\r\n\t\tWeb Designer Tips to Survive 2017 &#8211; V2\t<\/h3>\r\n\t<div style=\"clear:both;margin-bottom:20px\"><\/div>\r\n\t\t\t<div class=\"ilist_chart_map_wrap\">\r\n\t\t\t<canvas id=\"myChartilist-usage\"><\/canvas>\r\n\r\n\r\n<script>\r\njQuery(document).ready(function($){\r\n\r\n\tvar ctx = document.getElementById(\"myChartilist-usage\");\r\n\r\n\tvar myChart = new Chart(ctx, {\r\n\t    type: \"pie\",\r\n\t    data: {\r\n\t        labels: [\"Infographics\",\"Graphics Lists\",\"Text Lists\",\"Charts\"],\r\n\t        datasets: [{\r\n\t            label: 'iList Usage',\r\n\t            data: [65,6,8,21],\r\n\t\t\t\t\t\t\t\tbackgroundColor: ['#dd9933','#1e73be','#dd3333','#eeee22'],\r\n\t\t\t\t\t\t\t\t\r\n\t            \t            pointRadius: 8,\r\n\t\t\t\tpointHoverRadius: 11,\r\n\t            \/\/borderWidth: 3,\r\n\t\t\t\t\t\t\t\tfill: false,\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t        }]\r\n\t    },\r\n\t    options: {\r\n\t\t\t\t\telements: {\r\n\t\t\t\t\t\tpoint: {\r\n\t\t\t\t\t\t\tpointStyle: 'circle'\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t},\r\n\t\t\t\t\ttitle: {\r\n            display: true,\r\n              text: 'iList Usage'\r\n          },\r\n\t\t\t\t\ttooltips: {\r\n            mode: 'index',\r\n            intersect: true,\r\n\t        },\r\n          hover: {\r\n              mode: 'nearest',\r\n              intersect: true\r\n          },\r\n\t\t\t\t\tscale: {\r\n          \tticks: {\r\n              beginAtZero: true,\r\n              display: 1,\r\n            }\r\n          }\r\n\r\n\t    }\r\n\t});\r\n\r\n});\r\n<\/script>\r\n\t<\/div>\r\n\t\t<ul class=\"ilist_sl5_list-menu\">\r\n\t\t\t\t\t<li id=\"qcld_sl_1179_1\" class=\"ilist_sl5_qcld_column1\">\r\n\t\t\t<div class=\"ilist_sl5_qcld_style \">\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t<div class=\"ilist_sl5_list-number ilist_sl5_list_number2 info5borderbg\">\r\n\t\t\t\t\t\t\t<div class=\"infog_free_5\"><i class=\"fa fa-anchor\"><\/i><\/div>\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t<div class=\"ilist_sl5_list-content info5hoveritem info5hovertitlecolor\" >\r\n\t\t\t\t\t\t\t<div class=\"info5_title_image\">\r\n\t\t\t\t\t\t\t\t<span > 1 <\/span>\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t<h2 class=\"ilist_sl5_list-title info1tfontsize info5titlefont\" >\r\n\t\t\t\t\t\t\tEnd of traditional web design\t\t\t\t\r\n\t\t\t\t<!-- upvote section -->\r\n\t\t\t\t<div class=\"upvote-section\" style=\"cursor:pointer\">\r\n\t\t\t\t\t<span data-post-id=\"1179\" data-item-title=\"End of traditional web design\"  class=\"upvote-btn-ilist upvote-on\">\r\n\t\t\t\t\t\t<i class=\"fa fa-thumbs-up\"><\/i>\r\n\t\t\t\t\t<\/span>\r\n\t\t\t\t\t<span class=\"upvote-count-ilist\">\r\n\t\t\t\t\t\t51\t\t\t\t\t<\/span>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t<!-- \/upvote section -->\r\n\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t<\/h2>\r\n\r\n\t\t\t\t\t\t\t<h3 class=\"ilist_sl5_list-sub-title infol5subtitlecolor info5hoverdesccolor info5descfont infog5dfontsize\">\r\n\t\t\t\t\t\t\t<p>The concept of web design in the traditional sense is fading away. Web design has morphed into something bigger. Web designers (or experience designers) no longer just make websites \u201clook beautiful\u201d. Rather they need to look into the experience of users and their stories.<\/p>\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t<\/h3>\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t<\/li>\r\n\t\t\r\n\t\t\t\t<li id=\"qcld_sl_1179_2\" class=\"ilist_sl5_qcld_column1\">\r\n\t\t\t<div class=\"ilist_sl5_qcld_style \">\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t<div class=\"ilist_sl5_list-number ilist_sl5_list_number2 info5borderbg\">\r\n\t\t\t\t\t\t\t<div class=\"infog_free_5\"><i class=\"fa fa-comments\"><\/i><\/div>\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t<div class=\"ilist_sl5_list-content info5hoveritem info5hovertitlecolor\" >\r\n\t\t\t\t\t\t\t<div class=\"info5_title_image\">\r\n\t\t\t\t\t\t\t\t<span > 2 <\/span>\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t<h2 class=\"ilist_sl5_list-title info1tfontsize info5titlefont\" >\r\n\t\t\t\t\t\t\tChatty UI\t\t\t\t\r\n\t\t\t\t<!-- upvote section -->\r\n\t\t\t\t<div class=\"upvote-section\" style=\"cursor:pointer\">\r\n\t\t\t\t\t<span data-post-id=\"1179\" data-item-title=\"Chatty UI\"  class=\"upvote-btn-ilist upvote-on\">\r\n\t\t\t\t\t\t<i class=\"fa fa-thumbs-up\"><\/i>\r\n\t\t\t\t\t<\/span>\r\n\t\t\t\t\t<span class=\"upvote-count-ilist\">\r\n\t\t\t\t\t\t67\t\t\t\t\t<\/span>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t<!-- \/upvote section -->\r\n\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t<\/h2>\r\n\r\n\t\t\t\t\t\t\t<h3 class=\"ilist_sl5_list-sub-title infol5subtitlecolor info5hoverdesccolor info5descfont infog5dfontsize\">\r\n\t\t\t\t\t\t\t<p>In 2017 people will interact with companies, services, and bots through chat, messaging, and other natural language interfaces. As messaging platforms (such as Slack, Facebook Messenger, or WeChat) are overtaking social networks and app downloads, companies are thinking about ways on how to utilize this change.\u00a0<\/p>\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t<\/h3>\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t<\/li>\r\n\t\t\r\n\t\t\t\t<li id=\"qcld_sl_1179_3\" class=\"ilist_sl5_qcld_column1\">\r\n\t\t\t<div class=\"ilist_sl5_qcld_style \">\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t<div class=\"ilist_sl5_list-number ilist_sl5_list_number2 info5borderbg\">\r\n\t\t\t\t\t\t\t<div class=\"infog_free_5\"><i class=\"fa fa-fighter-jet\"><\/i><\/div>\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t<div class=\"ilist_sl5_list-content info5hoveritem info5hovertitlecolor\" >\r\n\t\t\t\t\t\t\t<div class=\"info5_title_image\">\r\n\t\t\t\t\t\t\t\t<span > 3 <\/span>\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t<h2 class=\"ilist_sl5_list-title info1tfontsize info5titlefont\" >\r\n\t\t\t\t\t\t\tGIFs and other animations\t\t\t\t\r\n\t\t\t\t<!-- upvote section -->\r\n\t\t\t\t<div class=\"upvote-section\" style=\"cursor:pointer\">\r\n\t\t\t\t\t<span data-post-id=\"1179\" data-item-title=\"GIFs and other animations\"  class=\"upvote-btn-ilist upvote-on\">\r\n\t\t\t\t\t\t<i class=\"fa fa-thumbs-up\"><\/i>\r\n\t\t\t\t\t<\/span>\r\n\t\t\t\t\t<span class=\"upvote-count-ilist\">\r\n\t\t\t\t\t\t39\t\t\t\t\t<\/span>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t<!-- \/upvote section -->\r\n\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t<\/h2>\r\n\r\n\t\t\t\t\t\t\t<h3 class=\"ilist_sl5_list-sub-title infol5subtitlecolor info5hoverdesccolor info5descfont infog5dfontsize\">\r\n\t\t\t\t\t\t\t<p>GIFs are going mainstream. Now built into Facebook &amp;\u00a0Twitter, GIFs can also be used for your web design. But don\u2019t overuse them \u2013 they work well to draw a user\u2019s attention. GIFs enable you to provide a richer product experience &amp; explain a workflow.<\/p>\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t<\/h3>\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t<\/li>\r\n\t\t\r\n\t\t\t\t<li id=\"qcld_sl_1179_4\" class=\"ilist_sl5_qcld_column1\">\r\n\t\t\t<div class=\"ilist_sl5_qcld_style \">\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t<div class=\"ilist_sl5_list-number ilist_sl5_list_number2 info5borderbg\">\r\n\t\t\t\t\t\t\t<div class=\"infog_free_5\"><i class=\"fa fa-mobile-phone\"><\/i><\/div>\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t<div class=\"ilist_sl5_list-content info5hoveritem info5hovertitlecolor\" >\r\n\t\t\t\t\t\t\t<div class=\"info5_title_image\">\r\n\t\t\t\t\t\t\t\t<span > 4 <\/span>\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t<h2 class=\"ilist_sl5_list-title info1tfontsize info5titlefont\" >\r\n\t\t\t\t\t\t\tNext generation of RWD\t\t\t\t\r\n\t\t\t\t<!-- upvote section -->\r\n\t\t\t\t<div class=\"upvote-section\" style=\"cursor:pointer\">\r\n\t\t\t\t\t<span data-post-id=\"1179\" data-item-title=\"Next generation of RWD\"  class=\"upvote-btn-ilist upvote-on\">\r\n\t\t\t\t\t\t<i class=\"fa fa-thumbs-up\"><\/i>\r\n\t\t\t\t\t<\/span>\r\n\t\t\t\t\t<span class=\"upvote-count-ilist\">\r\n\t\t\t\t\t\t37\t\t\t\t\t<\/span>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t<!-- \/upvote section -->\r\n\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t<\/h2>\r\n\r\n\t\t\t\t\t\t\t<h3 class=\"ilist_sl5_list-sub-title infol5subtitlecolor info5hoverdesccolor info5descfont infog5dfontsize\">\r\n\t\t\t\t\t\t\t<p>Responsive design will continue dominate because it is one of the most effective ways of achieving a good UX. CSS media queries offer websites flexibility and allow them to adjust according to the different devices the site is being accessed on. \u00a0<\/p>\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t<\/h3>\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t<\/li>\r\n\t\t\r\n\t\t\t\t<li id=\"qcld_sl_1179_5\" class=\"ilist_sl5_qcld_column1\">\r\n\t\t\t<div class=\"ilist_sl5_qcld_style \">\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t<div class=\"ilist_sl5_list-number ilist_sl5_list_number2 info5borderbg\">\r\n\t\t\t\t\t\t\t<div class=\"infog_free_5\"><i class=\"fa fa-bookmark-o\"><\/i><\/div>\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t<div class=\"ilist_sl5_list-content info5hoveritem info5hovertitlecolor\" >\r\n\t\t\t\t\t\t\t<div class=\"info5_title_image\">\r\n\t\t\t\t\t\t\t\t<span > 5 <\/span>\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t<h2 class=\"ilist_sl5_list-title info1tfontsize info5titlefont\" >\r\n\t\t\t\t\t\t\tMinimalistic web design\t\t\t\t\r\n\t\t\t\t<!-- upvote section -->\r\n\t\t\t\t<div class=\"upvote-section\" style=\"cursor:pointer\">\r\n\t\t\t\t\t<span data-post-id=\"1179\" data-item-title=\"Minimalistic web design\"  class=\"upvote-btn-ilist upvote-on\">\r\n\t\t\t\t\t\t<i class=\"fa fa-thumbs-up\"><\/i>\r\n\t\t\t\t\t<\/span>\r\n\t\t\t\t\t<span class=\"upvote-count-ilist\">\r\n\t\t\t\t\t\t1189\t\t\t\t\t<\/span>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t<!-- \/upvote section -->\r\n\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t<\/h2>\r\n\r\n\t\t\t\t\t\t\t<h3 class=\"ilist_sl5_list-sub-title infol5subtitlecolor info5hoverdesccolor info5descfont infog5dfontsize\">\r\n\t\t\t\t\t\t\t<p>Minimalism is being taken to a whole new level in 2017. Websites are now using cards and within a website itself, multiple cards can also be used to visually suggest a topic and entice users to click. Basically, people now want de-cluttered, simplistic, and visually explanatory web designs.<\/p>\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t<\/h3>\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t<\/li>\r\n\t\t\r\n\t\t\t\t<li id=\"qcld_sl_1179_6\" class=\"ilist_sl5_qcld_column1\">\r\n\t\t\t<div class=\"ilist_sl5_qcld_style \">\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t<div class=\"ilist_sl5_list-number ilist_sl5_list_number2 info5borderbg\">\r\n\t\t\t\t\t\t\t<div class=\"infog_free_5\"><i class=\"fa fa-bar-chart\"><\/i><\/div>\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t<div class=\"ilist_sl5_list-content info5hoveritem info5hovertitlecolor\" >\r\n\t\t\t\t\t\t\t<div class=\"info5_title_image\">\r\n\t\t\t\t\t\t\t\t<span > 6 <\/span>\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t<h2 class=\"ilist_sl5_list-title info1tfontsize info5titlefont\" >\r\n\t\t\t\t\t\t\tData visualization\t\t\t\t\r\n\t\t\t\t<!-- upvote section -->\r\n\t\t\t\t<div class=\"upvote-section\" style=\"cursor:pointer\">\r\n\t\t\t\t\t<span data-post-id=\"1179\" data-item-title=\"Data visualization\"  class=\"upvote-btn-ilist upvote-on\">\r\n\t\t\t\t\t\t<i class=\"fa fa-thumbs-up\"><\/i>\r\n\t\t\t\t\t<\/span>\r\n\t\t\t\t\t<span class=\"upvote-count-ilist\">\r\n\t\t\t\t\t\t29\t\t\t\t\t<\/span>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t<!-- \/upvote section -->\r\n\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t<\/h2>\r\n\r\n\t\t\t\t\t\t\t<h3 class=\"ilist_sl5_list-sub-title infol5subtitlecolor info5hoverdesccolor info5descfont infog5dfontsize\">\r\n\t\t\t\t\t\t\t<p>Presenting data in visual ways increases user interaction with this information. Particularly useful when it comes to understanding user representation, colorful charts such as the ones you can create using Tableau, are eye-catching and draw user\u2019s attention. data visualization design trend.<\/p>\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t<\/h3>\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t<\/li>\r\n\t\t\r\n\t\t\t\t<li id=\"qcld_sl_1179_7\" class=\"ilist_sl5_qcld_column1\">\r\n\t\t\t<div class=\"ilist_sl5_qcld_style \">\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t<div class=\"ilist_sl5_list-number ilist_sl5_list_number2 info5borderbg\">\r\n\t\t\t\t\t\t\t<div class=\"infog_free_5\"><i class=\"fa fa-file-image-o\"><\/i><\/div>\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t<div class=\"ilist_sl5_list-content info5hoveritem info5hovertitlecolor\" >\r\n\t\t\t\t\t\t\t<div class=\"info5_title_image\">\r\n\t\t\t\t\t\t\t\t<span > 7 <\/span>\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t<h2 class=\"ilist_sl5_list-title info1tfontsize info5titlefont\" >\r\n\t\t\t\t\t\t\tFewer stock photos\t\t\t\t\r\n\t\t\t\t<!-- upvote section -->\r\n\t\t\t\t<div class=\"upvote-section\" style=\"cursor:pointer\">\r\n\t\t\t\t\t<span data-post-id=\"1179\" data-item-title=\"Fewer stock photos\"  class=\"upvote-btn-ilist upvote-on\">\r\n\t\t\t\t\t\t<i class=\"fa fa-thumbs-up\"><\/i>\r\n\t\t\t\t\t<\/span>\r\n\t\t\t\t\t<span class=\"upvote-count-ilist\">\r\n\t\t\t\t\t\t27\t\t\t\t\t<\/span>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t<!-- \/upvote section -->\r\n\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t<\/h2>\r\n\r\n\t\t\t\t\t\t\t<h3 class=\"ilist_sl5_list-sub-title infol5subtitlecolor info5hoverdesccolor info5descfont infog5dfontsize\">\r\n\t\t\t\t\t\t\t<p>As people, we do prefer to see bespoke pictures which really relate to the company or business, rather than a generic image. Photography is an art form and one which perhaps got a little lost for a few years. Images of your people (meet the team) are popular too \u2013 put a face to the brand.<\/p>\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t<\/h3>\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t<\/li>\r\n\t\t\r\n\t\t\t\t<li id=\"qcld_sl_1179_8\" class=\"ilist_sl5_qcld_column1\">\r\n\t\t\t<div class=\"ilist_sl5_qcld_style \">\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t<div class=\"ilist_sl5_list-number ilist_sl5_list_number2 info5borderbg\">\r\n\t\t\t\t\t\t\t<div class=\"infog_free_5\"><i class=\"fa fa-clone\"><\/i><\/div>\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t<div class=\"ilist_sl5_list-content info5hoveritem info5hovertitlecolor\" >\r\n\t\t\t\t\t\t\t<div class=\"info5_title_image\">\r\n\t\t\t\t\t\t\t\t<span > 8 <\/span>\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t<h2 class=\"ilist_sl5_list-title info1tfontsize info5titlefont\" >\r\n\t\t\t\t\t\t\tMaterial design\t\t\t\t\r\n\t\t\t\t<!-- upvote section -->\r\n\t\t\t\t<div class=\"upvote-section\" style=\"cursor:pointer\">\r\n\t\t\t\t\t<span data-post-id=\"1179\" data-item-title=\"Material design\"  class=\"upvote-btn-ilist upvote-on\">\r\n\t\t\t\t\t\t<i class=\"fa fa-thumbs-up\"><\/i>\r\n\t\t\t\t\t<\/span>\r\n\t\t\t\t\t<span class=\"upvote-count-ilist\">\r\n\t\t\t\t\t\t22\t\t\t\t\t<\/span>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t<!-- \/upvote section -->\r\n\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t<\/h2>\r\n\r\n\t\t\t\t\t\t\t<h3 class=\"ilist_sl5_list-sub-title infol5subtitlecolor info5hoverdesccolor info5descfont infog5dfontsize\">\r\n\t\t\t\t\t\t\t<p>Material design has been developed by Google in recent years and is being steadily rolled out across its applications. It is a way of designing to create a hierarchy of meaning and importance on the page, drawing the user\u2019s focus to different areas while moving &amp;\u00a0responding to the user\u2019s actions.\u00a0<\/p>\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t<\/h3>\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t<\/li>\r\n\t\t\r\n\t\t\t\t<\/ul>\r\n\t\t\t<\/div>\r\n\t<\/div>\r\n<\/div>\r\n<div style=\"clear:both\"><\/div>\r\n\r\n<\/div>\r\n\t\t<script type=\"application\/ld+json\">\r\n\t\t{\r\n\t\t    \"@context\": \"http:\/\/schema.org\",\r\n\t\t    \"@type\": \"ItemList\",\r\n\t\t    \"numberOfItems\": \"8\",\r\n\t\t    \"itemListElement\": [\r\n\t\t     \t\t            \t\t        {\r\n\t\t            \"@type\": \"ListItem\",\r\n\t\t            \"position\": 1,\r\n\t\t                    \"image\": \"\",\r\n\t\t                    \"name\": \"End of traditional web design\",\r\n\t\t                    \"description\": \"The concept of web design in the traditional sense is fading away. Web design has morphed into something bigger. Web designers (or experience designers) no longer just make websites \u201clook beautiful\u201d. Rather they need to look into the experience of users and their stories.\",\r\n\t\t                    \"url\": \"https:\/\/dev.quantumcloud.com\/iList\/?ilist=web-designer-tips-to-survive-2017-small?list-view=1\"\r\n\t\t        }\r\n\t\t        \t\t        ,\r\n\t\t        \r\n\t\t        \t\t        {\r\n\t\t            \"@type\": \"ListItem\",\r\n\t\t            \"position\": 2,\r\n\t\t                    \"image\": \"\",\r\n\t\t                    \"name\": \"Chatty UI\",\r\n\t\t                    \"description\": \"In 2017 people will interact with companies, services, and bots through chat, messaging, and other natural language interfaces. As messaging platforms (such as Slack, Facebook Messenger, or WeChat) are overtaking social networks and app downloads, companies are thinking about ways on how to utilize this change.\u00a0\",\r\n\t\t                    \"url\": \"https:\/\/dev.quantumcloud.com\/iList\/?ilist=web-designer-tips-to-survive-2017-small?list-view=2\"\r\n\t\t        }\r\n\t\t        \t\t        ,\r\n\t\t        \r\n\t\t        \t\t        {\r\n\t\t            \"@type\": \"ListItem\",\r\n\t\t            \"position\": 3,\r\n\t\t                    \"image\": \"\",\r\n\t\t                    \"name\": \"GIFs and other animations\",\r\n\t\t                    \"description\": \"GIFs are going mainstream. Now built into Facebook &amp;\u00a0Twitter, GIFs can also be used for your web design. But don\u2019t overuse them \u2013 they work well to draw a user\u2019s attention. GIFs enable you to provide a richer product experience &amp; explain a workflow.\",\r\n\t\t                    \"url\": \"https:\/\/dev.quantumcloud.com\/iList\/?ilist=web-designer-tips-to-survive-2017-small?list-view=3\"\r\n\t\t        }\r\n\t\t        \t\t        ,\r\n\t\t        \r\n\t\t        \t\t        {\r\n\t\t            \"@type\": \"ListItem\",\r\n\t\t            \"position\": 4,\r\n\t\t                    \"image\": \"\",\r\n\t\t                    \"name\": \"Next generation of RWD\",\r\n\t\t                    \"description\": \"Responsive design will continue dominate because it is one of the most effective ways of achieving a good UX. CSS media queries offer websites flexibility and allow them to adjust according to the different devices the site is being accessed on. \u00a0\",\r\n\t\t                    \"url\": \"https:\/\/dev.quantumcloud.com\/iList\/?ilist=web-designer-tips-to-survive-2017-small?list-view=4\"\r\n\t\t        }\r\n\t\t        \t\t        ,\r\n\t\t        \r\n\t\t        \t\t        {\r\n\t\t            \"@type\": \"ListItem\",\r\n\t\t            \"position\": 5,\r\n\t\t                    \"image\": \"\",\r\n\t\t                    \"name\": \"Minimalistic web design\",\r\n\t\t                    \"description\": \"Minimalism is being taken to a whole new level in 2017. Websites are now using cards and within a website itself, multiple cards can also be used to visually suggest a topic and entice users to click. Basically, people now want de-cluttered, simplistic, and visually explanatory web designs.\",\r\n\t\t                    \"url\": \"https:\/\/dev.quantumcloud.com\/iList\/?ilist=web-designer-tips-to-survive-2017-small?list-view=5\"\r\n\t\t        }\r\n\t\t        \t\t        ,\r\n\t\t        \r\n\t\t        \t\t        {\r\n\t\t            \"@type\": \"ListItem\",\r\n\t\t            \"position\": 6,\r\n\t\t                    \"image\": \"\",\r\n\t\t                    \"name\": \"Data visualization\",\r\n\t\t                    \"description\": \"Presenting data in visual ways increases user interaction with this information. Particularly useful when it comes to understanding user representation, colorful charts such as the ones you can create using Tableau, are eye-catching and draw user\u2019s attention. data visualization design trend.\",\r\n\t\t                    \"url\": \"https:\/\/dev.quantumcloud.com\/iList\/?ilist=web-designer-tips-to-survive-2017-small?list-view=6\"\r\n\t\t        }\r\n\t\t        \t\t        ,\r\n\t\t        \r\n\t\t        \t\t        {\r\n\t\t            \"@type\": \"ListItem\",\r\n\t\t            \"position\": 7,\r\n\t\t                    \"image\": \"\",\r\n\t\t                    \"name\": \"Fewer stock photos\",\r\n\t\t                    \"description\": \"As people, we do prefer to see bespoke pictures which really relate to the company or business, rather than a generic image. Photography is an art form and one which perhaps got a little lost for a few years. Images of your people (meet the team) are popular too \u2013 put a face to the brand.\",\r\n\t\t                    \"url\": \"https:\/\/dev.quantumcloud.com\/iList\/?ilist=web-designer-tips-to-survive-2017-small?list-view=7\"\r\n\t\t        }\r\n\t\t        \t\t        ,\r\n\t\t        \r\n\t\t        \t\t        {\r\n\t\t            \"@type\": \"ListItem\",\r\n\t\t            \"position\": 8,\r\n\t\t                    \"image\": \"\",\r\n\t\t                    \"name\": \"Material design\",\r\n\t\t                    \"description\": \"Material design has been developed by Google in recent years and is being steadily rolled out across its applications. It is a way of designing to create a hierarchy of meaning and importance on the page, drawing the user\u2019s focus to different areas while moving &amp;\u00a0responding to the user\u2019s actions.\u00a0\",\r\n\t\t                    \"url\": \"https:\/\/dev.quantumcloud.com\/iList\/?ilist=web-designer-tips-to-survive-2017-small?list-view=8\"\r\n\t\t        }\r\n\t\t        \r\n\t\t        \t\t            \t\t    ]\r\n\t\t}\r\n\t<\/script>\r\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-1039","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.3 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>iLIst Template Infographic style 05 - iList<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/dev.quantumcloud.com\/iList\/ilist-template-infographic-style-05\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"iLIst Template Infographic style 05 - iList\" \/>\n<meta property=\"og:url\" content=\"https:\/\/dev.quantumcloud.com\/iList\/ilist-template-infographic-style-05\/\" \/>\n<meta property=\"og:site_name\" content=\"iList\" \/>\n<meta property=\"article:modified_time\" content=\"2025-04-17T09:57:54+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/dev.quantumcloud.com\\\/iList\\\/ilist-template-infographic-style-05\\\/\",\"url\":\"https:\\\/\\\/dev.quantumcloud.com\\\/iList\\\/ilist-template-infographic-style-05\\\/\",\"name\":\"iLIst Template Infographic style 05 - iList\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/dev.quantumcloud.com\\\/iList\\\/#website\"},\"datePublished\":\"2017-01-10T12:54:18+00:00\",\"dateModified\":\"2025-04-17T09:57:54+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/dev.quantumcloud.com\\\/iList\\\/ilist-template-infographic-style-05\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/dev.quantumcloud.com\\\/iList\\\/ilist-template-infographic-style-05\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/dev.quantumcloud.com\\\/iList\\\/ilist-template-infographic-style-05\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/dev.quantumcloud.com\\\/iList\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"iLIst Template Infographic style 05\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/dev.quantumcloud.com\\\/iList\\\/#website\",\"url\":\"https:\\\/\\\/dev.quantumcloud.com\\\/iList\\\/\",\"name\":\"iList\",\"description\":\"Infographics and List Builder plugin for WordPress\",\"publisher\":{\"@id\":\"https:\\\/\\\/dev.quantumcloud.com\\\/iList\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/dev.quantumcloud.com\\\/iList\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/dev.quantumcloud.com\\\/iList\\\/#organization\",\"name\":\"iList\",\"url\":\"https:\\\/\\\/dev.quantumcloud.com\\\/iList\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/dev.quantumcloud.com\\\/iList\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/dev.quantumcloud.com\\\/iList\\\/wp-content\\\/uploads\\\/2025\\\/04\\\/icon-256x256-1-90x90-1.png\",\"contentUrl\":\"https:\\\/\\\/dev.quantumcloud.com\\\/iList\\\/wp-content\\\/uploads\\\/2025\\\/04\\\/icon-256x256-1-90x90-1.png\",\"width\":90,\"height\":90,\"caption\":\"iList\"},\"image\":{\"@id\":\"https:\\\/\\\/dev.quantumcloud.com\\\/iList\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"iLIst Template Infographic style 05 - iList","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:\/\/dev.quantumcloud.com\/iList\/ilist-template-infographic-style-05\/","og_locale":"en_US","og_type":"article","og_title":"iLIst Template Infographic style 05 - iList","og_url":"https:\/\/dev.quantumcloud.com\/iList\/ilist-template-infographic-style-05\/","og_site_name":"iList","article_modified_time":"2025-04-17T09:57:54+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/dev.quantumcloud.com\/iList\/ilist-template-infographic-style-05\/","url":"https:\/\/dev.quantumcloud.com\/iList\/ilist-template-infographic-style-05\/","name":"iLIst Template Infographic style 05 - iList","isPartOf":{"@id":"https:\/\/dev.quantumcloud.com\/iList\/#website"},"datePublished":"2017-01-10T12:54:18+00:00","dateModified":"2025-04-17T09:57:54+00:00","breadcrumb":{"@id":"https:\/\/dev.quantumcloud.com\/iList\/ilist-template-infographic-style-05\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/dev.quantumcloud.com\/iList\/ilist-template-infographic-style-05\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/dev.quantumcloud.com\/iList\/ilist-template-infographic-style-05\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/dev.quantumcloud.com\/iList\/"},{"@type":"ListItem","position":2,"name":"iLIst Template Infographic style 05"}]},{"@type":"WebSite","@id":"https:\/\/dev.quantumcloud.com\/iList\/#website","url":"https:\/\/dev.quantumcloud.com\/iList\/","name":"iList","description":"Infographics and List Builder plugin for WordPress","publisher":{"@id":"https:\/\/dev.quantumcloud.com\/iList\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/dev.quantumcloud.com\/iList\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/dev.quantumcloud.com\/iList\/#organization","name":"iList","url":"https:\/\/dev.quantumcloud.com\/iList\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/dev.quantumcloud.com\/iList\/#\/schema\/logo\/image\/","url":"https:\/\/dev.quantumcloud.com\/iList\/wp-content\/uploads\/2025\/04\/icon-256x256-1-90x90-1.png","contentUrl":"https:\/\/dev.quantumcloud.com\/iList\/wp-content\/uploads\/2025\/04\/icon-256x256-1-90x90-1.png","width":90,"height":90,"caption":"iList"},"image":{"@id":"https:\/\/dev.quantumcloud.com\/iList\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/dev.quantumcloud.com\/iList\/wp-json\/wp\/v2\/pages\/1039","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dev.quantumcloud.com\/iList\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dev.quantumcloud.com\/iList\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/dev.quantumcloud.com\/iList\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/dev.quantumcloud.com\/iList\/wp-json\/wp\/v2\/comments?post=1039"}],"version-history":[{"count":0,"href":"https:\/\/dev.quantumcloud.com\/iList\/wp-json\/wp\/v2\/pages\/1039\/revisions"}],"wp:attachment":[{"href":"https:\/\/dev.quantumcloud.com\/iList\/wp-json\/wp\/v2\/media?parent=1039"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}