{"id":883,"date":"2017-01-04T09:22:05","date_gmt":"2017-01-04T09:22:05","guid":{"rendered":"https:\/\/dev.quantumcloud.com\/iList\/?page_id=883"},"modified":"2025-04-22T06:45:44","modified_gmt":"2025-04-22T06:45:44","slug":"ilist-template-infographic-template-02","status":"publish","type":"page","link":"https:\/\/dev.quantumcloud.com\/iList\/ilist-template-infographic-template-02\/","title":{"rendered":"iList Template Infographic Template 02"},"content":{"rendered":"\n<p>Infographic template 02<\/p>\n\n\n<div id=\"iList-outer-wrapper\"  class=\"iList-outer-wrapper infographic-template-ten\" data-display_copy_share=\"true\">\r\n\r\n \r\n<div id=\"qcld-list-holder\" class=\"qcld-list-hoder pinfog5bgimage\" >\r\n<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=\"2\"\n           data-style=\"infographic-template-ten\"\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\r\n\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<div class=\"qcld-infograp-10\">\r\n\t<ul class=\"listing-seventeen qcldinfograp-timeline-content\">\r\n\t\t\t\r\n\r\n\r\n\t\t\t\t\r\n\t\t\t\t<li id=\"qcld_sl_1179_1\" class=\"list-style-seventeen list-style-seventeen-01 ilist_pinfo5_2 qcldinfograp-content\">\r\n\t\t\t\t\r\n                        <div class=\"qcldinfograp-year\">\r\n\t\t\t\t\t\t01  \t\t\t\t\t\t\t\t<div class=\"upvote-section\" style=\"display: inline-block;margin-left: 10px;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\" style=\"line-height: 48px;\">\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\r\n                        <\/div>\r\n                        <div class=\"qcldinfograp-info\">\r\n                            <div class=\"qcldinfograp-info-block1\">\r\n                                <div class=\"qcldinfograp-title\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<h2  class=\"pinfo5titlefont pinfog5tfontsize\" >\r\n\t\t\t\t\t\t\t\tEnd of traditional web design\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t<\/h2>\r\n\t\t\t\t\t\t                                <\/div>\r\n                                <div class=\"qcldinfograp-text\">\r\n\t\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>                                <\/div>\r\n                            <\/div>\r\n                            <div class=\"qcldinfograp-info-block2\">\r\n                                <div class=\"qcldinfograp-icon\">\r\n\t\t\t\t\t\t\t\t<div class=\"list-seventeen-avatar\"><div style=\"font-size: 54px;color: #fff;align-self: center;\"><i class=\"fa fa-anchor\"><\/i><\/div><\/div>                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n\t\t\t\t\t\t\r\n\r\n\r\n\r\n\r\n\t\t<\/li>\r\n\r\n\r\n\r\n\t\t\t\t\r\n\r\n\r\n\t\t\t\t\r\n\t\t\t\t<li id=\"qcld_sl_1179_2\" class=\"list-style-seventeen list-style-seventeen-01 ilist_pinfo5_2 qcldinfograp-content\">\r\n\t\t\t\t\r\n                        <div class=\"qcldinfograp-year\">\r\n\t\t\t\t\t\t02  \t\t\t\t\t\t\t\t<div class=\"upvote-section\" style=\"display: inline-block;margin-left: 10px;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\" style=\"line-height: 48px;\">\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\r\n                        <\/div>\r\n                        <div class=\"qcldinfograp-info\">\r\n                            <div class=\"qcldinfograp-info-block1\">\r\n                                <div class=\"qcldinfograp-title\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<h2  class=\"pinfo5titlefont pinfog5tfontsize\" >\r\n\t\t\t\t\t\t\t\tChatty UI\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t<\/h2>\r\n\t\t\t\t\t\t                                <\/div>\r\n                                <div class=\"qcldinfograp-text\">\r\n\t\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>                                <\/div>\r\n                            <\/div>\r\n                            <div class=\"qcldinfograp-info-block2\">\r\n                                <div class=\"qcldinfograp-icon\">\r\n\t\t\t\t\t\t\t\t<div class=\"list-seventeen-avatar\"><div style=\"font-size: 54px;color: #fff;align-self: center;\"><i class=\"fa fa-comments\"><\/i><\/div><\/div>                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n\t\t\t\t\t\t\r\n\r\n\r\n\r\n\r\n\t\t<\/li>\r\n\r\n\r\n\r\n\t\t\t\t\r\n\r\n\r\n\t\t\t\t\r\n\t\t\t\t<li id=\"qcld_sl_1179_3\" class=\"list-style-seventeen list-style-seventeen-01 ilist_pinfo5_2 qcldinfograp-content\">\r\n\t\t\t\t\r\n                        <div class=\"qcldinfograp-year\">\r\n\t\t\t\t\t\t03  \t\t\t\t\t\t\t\t<div class=\"upvote-section\" style=\"display: inline-block;margin-left: 10px;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\" style=\"line-height: 48px;\">\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\r\n                        <\/div>\r\n                        <div class=\"qcldinfograp-info\">\r\n                            <div class=\"qcldinfograp-info-block1\">\r\n                                <div class=\"qcldinfograp-title\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<h2  class=\"pinfo5titlefont pinfog5tfontsize\" >\r\n\t\t\t\t\t\t\t\tGIFs and other animations\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t<\/h2>\r\n\t\t\t\t\t\t                                <\/div>\r\n                                <div class=\"qcldinfograp-text\">\r\n\t\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>                                <\/div>\r\n                            <\/div>\r\n                            <div class=\"qcldinfograp-info-block2\">\r\n                                <div class=\"qcldinfograp-icon\">\r\n\t\t\t\t\t\t\t\t<div class=\"list-seventeen-avatar\"><div style=\"font-size: 54px;color: #fff;align-self: center;\"><i class=\"fa fa-fighter-jet\"><\/i><\/div><\/div>                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n\t\t\t\t\t\t\r\n\r\n\r\n\r\n\r\n\t\t<\/li>\r\n\r\n\r\n\r\n\t\t\t\t\r\n\r\n\r\n\t\t\t\t\r\n\t\t\t\t<li id=\"qcld_sl_1179_4\" class=\"list-style-seventeen list-style-seventeen-01 ilist_pinfo5_2 qcldinfograp-content\">\r\n\t\t\t\t\r\n                        <div class=\"qcldinfograp-year\">\r\n\t\t\t\t\t\t04  \t\t\t\t\t\t\t\t<div class=\"upvote-section\" style=\"display: inline-block;margin-left: 10px;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\" style=\"line-height: 48px;\">\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\r\n                        <\/div>\r\n                        <div class=\"qcldinfograp-info\">\r\n                            <div class=\"qcldinfograp-info-block1\">\r\n                                <div class=\"qcldinfograp-title\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<h2  class=\"pinfo5titlefont pinfog5tfontsize\" >\r\n\t\t\t\t\t\t\t\tNext generation of RWD\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t<\/h2>\r\n\t\t\t\t\t\t                                <\/div>\r\n                                <div class=\"qcldinfograp-text\">\r\n\t\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>                                <\/div>\r\n                            <\/div>\r\n                            <div class=\"qcldinfograp-info-block2\">\r\n                                <div class=\"qcldinfograp-icon\">\r\n\t\t\t\t\t\t\t\t<div class=\"list-seventeen-avatar\"><div style=\"font-size: 54px;color: #fff;align-self: center;\"><i class=\"fa fa-mobile-phone\"><\/i><\/div><\/div>                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n\t\t\t\t\t\t\r\n\r\n\r\n\r\n\r\n\t\t<\/li>\r\n\r\n\r\n\r\n\t\t\t\t\r\n\r\n\r\n\t\t\t\t\r\n\t\t\t\t<li id=\"qcld_sl_1179_5\" class=\"list-style-seventeen list-style-seventeen-01 ilist_pinfo5_2 qcldinfograp-content\">\r\n\t\t\t\t\r\n                        <div class=\"qcldinfograp-year\">\r\n\t\t\t\t\t\t05  \t\t\t\t\t\t\t\t<div class=\"upvote-section\" style=\"display: inline-block;margin-left: 10px;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\" style=\"line-height: 48px;\">\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\r\n                        <\/div>\r\n                        <div class=\"qcldinfograp-info\">\r\n                            <div class=\"qcldinfograp-info-block1\">\r\n                                <div class=\"qcldinfograp-title\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<h2  class=\"pinfo5titlefont pinfog5tfontsize\" >\r\n\t\t\t\t\t\t\t\tMinimalistic web design\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t<\/h2>\r\n\t\t\t\t\t\t                                <\/div>\r\n                                <div class=\"qcldinfograp-text\">\r\n\t\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>                                <\/div>\r\n                            <\/div>\r\n                            <div class=\"qcldinfograp-info-block2\">\r\n                                <div class=\"qcldinfograp-icon\">\r\n\t\t\t\t\t\t\t\t<div class=\"list-seventeen-avatar\"><div style=\"font-size: 54px;color: #fff;align-self: center;\"><i class=\"fa fa-bookmark-o\"><\/i><\/div><\/div>                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n\t\t\t\t\t\t\r\n\r\n\r\n\r\n\r\n\t\t<\/li>\r\n\r\n\r\n\r\n\t\t\t\t\r\n\r\n\r\n\t\t\t\t\r\n\t\t\t\t<li id=\"qcld_sl_1179_6\" class=\"list-style-seventeen list-style-seventeen-01 ilist_pinfo5_2 qcldinfograp-content\">\r\n\t\t\t\t\r\n                        <div class=\"qcldinfograp-year\">\r\n\t\t\t\t\t\t06  \t\t\t\t\t\t\t\t<div class=\"upvote-section\" style=\"display: inline-block;margin-left: 10px;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\" style=\"line-height: 48px;\">\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\r\n                        <\/div>\r\n                        <div class=\"qcldinfograp-info\">\r\n                            <div class=\"qcldinfograp-info-block1\">\r\n                                <div class=\"qcldinfograp-title\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<h2  class=\"pinfo5titlefont pinfog5tfontsize\" >\r\n\t\t\t\t\t\t\t\tData visualization\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t<\/h2>\r\n\t\t\t\t\t\t                                <\/div>\r\n                                <div class=\"qcldinfograp-text\">\r\n\t\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>                                <\/div>\r\n                            <\/div>\r\n                            <div class=\"qcldinfograp-info-block2\">\r\n                                <div class=\"qcldinfograp-icon\">\r\n\t\t\t\t\t\t\t\t<div class=\"list-seventeen-avatar\"><div style=\"font-size: 54px;color: #fff;align-self: center;\"><i class=\"fa fa-bar-chart\"><\/i><\/div><\/div>                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n\t\t\t\t\t\t\r\n\r\n\r\n\r\n\r\n\t\t<\/li>\r\n\r\n\r\n\r\n\t\t\t\t\r\n\r\n\r\n\t\t\t\t\r\n\t\t\t\t<li id=\"qcld_sl_1179_7\" class=\"list-style-seventeen list-style-seventeen-01 ilist_pinfo5_2 qcldinfograp-content\">\r\n\t\t\t\t\r\n                        <div class=\"qcldinfograp-year\">\r\n\t\t\t\t\t\t07  \t\t\t\t\t\t\t\t<div class=\"upvote-section\" style=\"display: inline-block;margin-left: 10px;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\" style=\"line-height: 48px;\">\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\r\n                        <\/div>\r\n                        <div class=\"qcldinfograp-info\">\r\n                            <div class=\"qcldinfograp-info-block1\">\r\n                                <div class=\"qcldinfograp-title\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<h2  class=\"pinfo5titlefont pinfog5tfontsize\" >\r\n\t\t\t\t\t\t\t\tFewer stock photos\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t<\/h2>\r\n\t\t\t\t\t\t                                <\/div>\r\n                                <div class=\"qcldinfograp-text\">\r\n\t\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>                                <\/div>\r\n                            <\/div>\r\n                            <div class=\"qcldinfograp-info-block2\">\r\n                                <div class=\"qcldinfograp-icon\">\r\n\t\t\t\t\t\t\t\t<div class=\"list-seventeen-avatar\"><div style=\"font-size: 54px;color: #fff;align-self: center;\"><i class=\"fa fa-file-image-o\"><\/i><\/div><\/div>                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n\t\t\t\t\t\t\r\n\r\n\r\n\r\n\r\n\t\t<\/li>\r\n\r\n\r\n\r\n\t\t\t\t\r\n\r\n\r\n\t\t\t\t\r\n\t\t\t\t<li id=\"qcld_sl_1179_8\" class=\"list-style-seventeen list-style-seventeen-01 ilist_pinfo5_2 qcldinfograp-content\">\r\n\t\t\t\t\r\n                        <div class=\"qcldinfograp-year\">\r\n\t\t\t\t\t\t08  \t\t\t\t\t\t\t\t<div class=\"upvote-section\" style=\"display: inline-block;margin-left: 10px;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\" style=\"line-height: 48px;\">\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\r\n                        <\/div>\r\n                        <div class=\"qcldinfograp-info\">\r\n                            <div class=\"qcldinfograp-info-block1\">\r\n                                <div class=\"qcldinfograp-title\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<h2  class=\"pinfo5titlefont pinfog5tfontsize\" >\r\n\t\t\t\t\t\t\t\tMaterial design\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t<\/h2>\r\n\t\t\t\t\t\t                                <\/div>\r\n                                <div class=\"qcldinfograp-text\">\r\n\t\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>                                <\/div>\r\n                            <\/div>\r\n                            <div class=\"qcldinfograp-info-block2\">\r\n                                <div class=\"qcldinfograp-icon\">\r\n\t\t\t\t\t\t\t\t<div class=\"list-seventeen-avatar\"><div style=\"font-size: 54px;color: #fff;align-self: center;\"><i class=\"fa fa-clone\"><\/i><\/div><\/div>                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n\t\t\t\t\t\t\r\n\r\n\r\n\r\n\r\n\t\t<\/li>\r\n\r\n\r\n\r\n\t\t\t\t\t\t\t\t\r\n\t<\/ul>\r\n\t\r\n\t<\/div>\r\n\t<div style=\"clear:both;margin-bottom:10px\"><\/div>\t\r\n\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":"<p>Infographic template 02<\/p>\n","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-883","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 Template 02 - 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-template-02\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"iList Template Infographic Template 02 - iList\" \/>\n<meta property=\"og:description\" content=\"Infographic template 02\" \/>\n<meta property=\"og:url\" content=\"https:\/\/dev.quantumcloud.com\/iList\/ilist-template-infographic-template-02\/\" \/>\n<meta property=\"og:site_name\" content=\"iList\" \/>\n<meta property=\"article:modified_time\" content=\"2025-04-22T06:45:44+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-template-02\\\/\",\"url\":\"https:\\\/\\\/dev.quantumcloud.com\\\/iList\\\/ilist-template-infographic-template-02\\\/\",\"name\":\"iList Template Infographic Template 02 - iList\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/dev.quantumcloud.com\\\/iList\\\/#website\"},\"datePublished\":\"2017-01-04T09:22:05+00:00\",\"dateModified\":\"2025-04-22T06:45:44+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/dev.quantumcloud.com\\\/iList\\\/ilist-template-infographic-template-02\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/dev.quantumcloud.com\\\/iList\\\/ilist-template-infographic-template-02\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/dev.quantumcloud.com\\\/iList\\\/ilist-template-infographic-template-02\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/dev.quantumcloud.com\\\/iList\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"iList Template Infographic Template 02\"}]},{\"@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 Template 02 - 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-template-02\/","og_locale":"en_US","og_type":"article","og_title":"iList Template Infographic Template 02 - iList","og_description":"Infographic template 02","og_url":"https:\/\/dev.quantumcloud.com\/iList\/ilist-template-infographic-template-02\/","og_site_name":"iList","article_modified_time":"2025-04-22T06:45:44+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-template-02\/","url":"https:\/\/dev.quantumcloud.com\/iList\/ilist-template-infographic-template-02\/","name":"iList Template Infographic Template 02 - iList","isPartOf":{"@id":"https:\/\/dev.quantumcloud.com\/iList\/#website"},"datePublished":"2017-01-04T09:22:05+00:00","dateModified":"2025-04-22T06:45:44+00:00","breadcrumb":{"@id":"https:\/\/dev.quantumcloud.com\/iList\/ilist-template-infographic-template-02\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/dev.quantumcloud.com\/iList\/ilist-template-infographic-template-02\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/dev.quantumcloud.com\/iList\/ilist-template-infographic-template-02\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/dev.quantumcloud.com\/iList\/"},{"@type":"ListItem","position":2,"name":"iList Template Infographic Template 02"}]},{"@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\/883","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=883"}],"version-history":[{"count":0,"href":"https:\/\/dev.quantumcloud.com\/iList\/wp-json\/wp\/v2\/pages\/883\/revisions"}],"wp:attachment":[{"href":"https:\/\/dev.quantumcloud.com\/iList\/wp-json\/wp\/v2\/media?parent=883"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}