{"id":3452,"date":"2018-01-17T21:22:45","date_gmt":"2018-01-18T01:22:45","guid":{"rendered":"http:\/\/blog.tlsrv.net\/interactive-infographic-walmart\/"},"modified":"2022-12-01T06:29:49","modified_gmt":"2022-12-01T10:29:49","slug":"interactive-infographic-walmart","status":"publish","type":"post","link":"https:\/\/www.thinglink.com\/blog\/interactive-infographic-walmart\/","title":{"rendered":"Image of the Week: Interactive Infographic from Walmart"},"content":{"rendered":"<p><span style=\"font-size: 16px;\"><strong><span style=\"color: #000000;\">ThingLink user: <a href=\"http:\/\/blog.walmart.com\/innovation\/20170629\/interactive-how-technology-is-changing-the-customer-and-associate-experience\" target=\"_blank\" rel=\"noopener\">Walmart<\/a>\u00a0<\/span><span style=\"font-size: 14px;\">(click to explore live)<\/span><\/strong><\/span><\/p>\n<p><span style=\"font-size: 16px; color: #000000;\"><strong><span style=\"font-size: 16px;\">Description:<span style=\"font-size: 15px;\"> &#8220;<\/span><\/span><\/strong><span style=\"font-size: 15px;\">Eye-tracking studies show internet readers pay close attention to information-carrying images. In fact, when the images are relevant, readers spend more time looking at the images than they do reading text on the page.&#8221; (<a href=\"https:\/\/www.nngroup.com\/articles\/photos-as-web-content\/\" target=\"_blank\" rel=\"noopener\">source<\/a>). In 2018,<strong>\u00a0<\/strong><\/span><\/span><span style=\"font-size: 15px; background-color: transparent;\">Infographics will continue to be a popular tool for digital professionals to present information or market products. <\/span><\/p>\n<p><span style=\"font-size: 15px; background-color: transparent;\"><!--more-->The goal of any infographic is to present information in a clear and easy-to-digest manor for your audience. In reality, it can be challenging to include the required information without overwhelming the viewer with a complicated user-experience. Infrographics can quickly become crowded, and cluttered with text. Adding interactive hotspots on top of infographics allows digital storytellers to include necessary information, while simultaneously keeping the infographic&#8217;s visual integrity intact. Walmart achieves this with an interactive infographic that details how they&#8217;re implementing technology to improve the customer and associate experience.\u00a0 Each hotspot reveals a video clip that provides context to their various initiatives.\u00a0<\/span><\/p>\n<p><strong style=\"background-color: transparent;\"><span style=\"font-size: 15px;\"><span style=\"background-color: transparent;\">ThingLink Tip:<\/span><\/span><\/strong><span style=\"font-size: 15px;\"><span style=\"background-color: transparent;\">\u00a0Use custom icons to give your audience a visual cue or label as to what is underneath the hotspot. Notice how Walmart includes a clock icon for their &#8220;saving time&#8221; initiative, and a handshake for &#8220;trust&#8221;?\u00a0 In addition to using specific graphics, Walmart uses eye catching yellow icons that are ideal for capturing the attention of viewers.\u00a0<\/span><\/span><\/p>\n<p><strong style=\"font-size: 16px; background-color: transparent;\">Interactive\u00a0Infographic:<\/strong><\/p>\n<p><iframe loading=\"lazy\" src=\"\/\/www.thinglink.com\/card\/936702118411108353\" width=\"800\" height=\"953\" frameborder=\"0\" scrolling=\"no\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n<div>\u00a0<\/div>\n<div>\n<hr>\n<p><strong><span style=\"font-size: 16px; color: #339966;\"><br \/>Want to learn more?<\/span><\/strong>\u00a0Click to schedule a 20min screen share demo\u00a0with\u00a0me at a time of your choice to learn how to create an interactive infographic like Walmart. Or, email me directly\u00a0<a href=\"mailto:andrew@thinglink.com\">andrew@thinglink.com<\/a>.\u00a0<br \/>{{cta(&#8216;f3903730-8051-4ca2-8c48-4716245ce78e&#8217;,&#8217;justifycenter&#8217;)}}<\/div>\n<div>\u00a0<span style=\"text-align: center; background-color: transparent;\">\u00a0<\/span><\/div>\n<div style=\"text-align: center;\">\u00a0\u00a0\u00a0<\/div>\n","protected":false},"excerpt":{"rendered":"<p>ThingLink user: Walmart\u00a0(click to explore live) Description: &#8220;Eye-tracking studies show internet readers pay close attention to information-carrying images&#8230;.<\/p>\n","protected":false},"author":6,"featured_media":3453,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"content-type":"","om_disable_all_campaigns":false,"_mi_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[566],"tags":[238,289],"_links":{"self":[{"href":"https:\/\/www.thinglink.com\/blog\/wp-json\/wp\/v2\/posts\/3452"}],"collection":[{"href":"https:\/\/www.thinglink.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.thinglink.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.thinglink.com\/blog\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/www.thinglink.com\/blog\/wp-json\/wp\/v2\/comments?post=3452"}],"version-history":[{"count":1,"href":"https:\/\/www.thinglink.com\/blog\/wp-json\/wp\/v2\/posts\/3452\/revisions"}],"predecessor-version":[{"id":6498,"href":"https:\/\/www.thinglink.com\/blog\/wp-json\/wp\/v2\/posts\/3452\/revisions\/6498"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.thinglink.com\/blog\/wp-json\/wp\/v2\/media\/3453"}],"wp:attachment":[{"href":"https:\/\/www.thinglink.com\/blog\/wp-json\/wp\/v2\/media?parent=3452"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.thinglink.com\/blog\/wp-json\/wp\/v2\/categories?post=3452"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.thinglink.com\/blog\/wp-json\/wp\/v2\/tags?post=3452"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}