{"id":6364,"date":"2018-11-07T12:11:30","date_gmt":"2018-11-07T12:11:30","guid":{"rendered":"https:\/\/dev.popcomms.com\/pop\/?p=6364"},"modified":"2022-03-01T11:15:32","modified_gmt":"2022-03-01T11:15:32","slug":"as-an-advanced-manufacturer-creating-an-interactive-touchscreen-experience-what-questions-should-you-consider","status":"publish","type":"post","link":"https:\/\/dev.popcomms.com\/pop\/as-an-advanced-manufacturer-creating-an-interactive-touchscreen-experience-what-questions-should-you-consider\/","title":{"rendered":"As an Advanced Manufacturer Creating an Interactive Touchscreen Experience, What Questions Should You Ask?"},"content":{"rendered":"\n<p>Are you considering investing in an <a rel=\"noreferrer noopener\" href=\"https:\/\/dev.popcomms.com\/pop\/touchscreen-experiences\/\" target=\"_blank\">interactive touchscreen experience<\/a> for your advanced manufacturing business?<\/p>\n\n\n\n<p>If you&#8217;re looking to showcase complex products and solutions in a visual, immersive way at an event, tradeshow or in a customer-facing area of your business then a touchscreen <a rel=\"noopener\" href=\"https:\/\/dev.popcomms.com\/pop\/blog\/showcase-innovative-engineering-interactive-touchscreen-experiences\/\" target=\"_blank\">is a great way to bring your message to life<\/a>. However, if like many of the clients who first approach us, having never ventured into this territory before, you may have a few questions.<\/p>\n\n\n\n<p>As <a href=\"https:\/\/dev.popcomms.com\/pop\/sales-enablement-tools\/\" target=\"_blank\" rel=\"noreferrer noopener\">digital sales tool<\/a> and touchscreen specialists who love nothing more than to create immersive experiences for all sorts of industries, we&#8217;re going to give you an overview of some of the questions you should ask yourself before you even approach a developer.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span style=\"color: #f2168f;\">1. Why do you need a touchscreen experience?<\/span><\/h3>\n\n\n\n<p>This might seem like an odd thing for us to say, but not everyone needs a touchscreen experience. There&#8217;s no point just having one for the sake of it. So, the first thing to ask yourself is &#8211; why do you need one? Another way to look at it is this; what are the goals that having one could help you achieve?<\/p>\n\n\n\n<p>For example, advanced manufacturers may find one huge benefit of an interactive touchscreen is that it&#8217;ll help deliver the WOW factor at events. But it&#8217;ll do a lot more than simply make you look like an innovative, forward-thinking business. It can also help showcase complex solutions and products in an easy-to-understand, visual way making it easy for your customers to understand what you do &#8211; something that&#8217;s great for a sales suite, for example.<\/p>\n\n\n\n<p>Setting goals that are SMART &#8211; S(pecific). M(easurable). A(ttainable). R(ealistic). T(timely). is always a wise move, and will help you when it comes to tracking your ROI. But more about that later.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/dev.popcomms.com\/pop\/wp-content\/uploads\/2021\/07\/touchscreen-GEA-POPcomms-1024x640-1.jpg\" alt=\"\" class=\"wp-image-10983\" srcset=\"https:\/\/dev.popcomms.com\/pop\/wp-content\/uploads\/2021\/07\/touchscreen-GEA-POPcomms-1024x640-1.jpg 1024w, https:\/\/dev.popcomms.com\/pop\/wp-content\/uploads\/2021\/07\/touchscreen-GEA-POPcomms-1024x640-1-300x188.jpg 300w, https:\/\/dev.popcomms.com\/pop\/wp-content\/uploads\/2021\/07\/touchscreen-GEA-POPcomms-1024x640-1-768x480.jpg 768w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><em>Experience for the Advanced Manufacturer <a href=\"https:\/\/dev.popcomms.com\/pop\/case-studies\/gea\/\" target=\"_blank\" rel=\"noopener\">GEA<\/a><\/em><\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span style=\"color: #f2168f;\">2. How do you want users to feel when they use your experience?<\/span><\/h3>\n\n\n\n<p>One of the biggest mistakes you can make when creating an interactive touchscreen experience is to ignore the people who will end up using it at the end of the day. That&#8217;s right; your customers. You need to create something that will pique their interest, that they&#8217;ll (hopefully) find enjoyable or valuable in a way that they&#8217;ll remember.<\/p>\n\n\n\n<p>You not only need to consider the information you want them to take away from your touchscreen experience, but also the kind of overall experience you want them to have. How do you want them to feel afterwards? What&#8217;s the message you want to drive home? How do they like to interact with technology?<\/p>\n\n\n\n<p>What kind of experience will show you in the best light and really focus on the value you bring to your customers?<\/p>\n\n\n\n<p><strong>TIP:<\/strong> You might want to design for different levels of engagement, as not everyone has the same attention span. An interactive experience lets you cater to both those that want a quick overview as well as those customers that want to deep dive into more detailed information.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span style=\"color: #f2168f;\">3. What actions do you want them to take &#8211; and how does this align with their goals?<\/span><\/h3>\n\n\n\n<p>Closely connected to point 2, you also need to think about what you want your customers to do whilst taking part in your interactive experience, or as a direct result of it. Perhaps you&#8217;ll want them to fill in their details in order to send themselves more information (whilst observing GDPR, of course!), and therefore converting them into a lead.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/dev.popcomms.com\/pop\/wp-content\/uploads\/2021\/04\/TRM-TOUCHSCREEN-3-1024x640.png\" alt=\"\" class=\"wp-image-445\" srcset=\"https:\/\/dev.popcomms.com\/pop\/wp-content\/uploads\/2021\/04\/TRM-TOUCHSCREEN-3-1024x640.png 1024w, https:\/\/dev.popcomms.com\/pop\/wp-content\/uploads\/2021\/04\/TRM-TOUCHSCREEN-3-300x188.png 300w, https:\/\/dev.popcomms.com\/pop\/wp-content\/uploads\/2021\/04\/TRM-TOUCHSCREEN-3-768x480.png 768w, https:\/\/dev.popcomms.com\/pop\/wp-content\/uploads\/2021\/04\/TRM-TOUCHSCREEN-3-1536x960.png 1536w, https:\/\/dev.popcomms.com\/pop\/wp-content\/uploads\/2021\/04\/TRM-TOUCHSCREEN-3.png 1600w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Maybe you&#8217;re looking for them to take the next step in your sales process &#8211; or deliver the message back to key decision makers who can. Whatever it is you want from users, you have to make it worth their while by giving them something they&#8217;ll want &#8211; or making it worth their while.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span style=\"color: #f2168f;\">4. What type of hardware do you want to use?<\/span><\/h3>\n\n\n\n<p>Now you&#8217;ve hopefully got a better idea of the experience you want users to have, you can start thinking about your hardware.<\/p>\n\n\n\n<p>This might include:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Tables<\/li><li>Kiosks<\/li><li>Lectern style<\/li><li>Giant iTab<\/li><li>Outdoor<\/li><li>Videowalls<\/li><li>iPads<\/li><\/ul>\n\n\n\n<p>Too much choice? One of the best ways to decide is to carefully consider the space it&#8217;ll be going into, and what will be around it. Think about any other branding that you wish to include. Not everyone thinks of this, but it should also be fairly obvious that you want people to use your touchscreen.<\/p>\n\n\n\n<p>The type of screen can have a big impact on how people interact, a big screen might look impressive but can be intimidating for people discouraging them from using it. Likewise, too small a screen may lack visual punch and make it hard for people to really engage in your content.<\/p>\n\n\n\n<p>Some messaging around the screen itself might help, along with an inviting message on the touchscreen itself encouraging people to step and have a go.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span style=\"color: #f2168f;\">5. What sort of budget do you have to work with?<\/span><\/h3>\n\n\n\n<p>Perhaps you&#8217;re going into the idea of creating an interactive touchscreen with a strict budget in mind. Or maybe you&#8217;re simply looking for a better idea of the kind of costs to expect before you commit to the idea.<\/p>\n\n\n\n<p>There are so many factors that can affect costs, including things like the hardware you choose, the type of features you want, and the amount of content you want to include in your experience. You may also want to factor in some&nbsp;budget for designing the surrounding space and integrating your experience with back-end systems.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span style=\"color: #f2168f;\">6. How will you be able to demonstrate ROI?<\/span><\/h3>\n\n\n\n<p>Of course, an interactive touchscreen should be considered an investment, and just like any investment, you&#8217;ll want to be sure you&#8217;re getting a good return. Your ROI could be purely monetary &#8211; or perhaps it&#8217;s more about gathering data and analytics for future marketing campaigns. Maybe raising awareness is a key goal.<\/p>\n\n\n\n<p>No touchscreen experience is created equal, and everyone has different goals and agendas. We&#8217;ve put together <a href=\"https:\/\/dev.popcomms.com\/pop\/blog\/measure-roi-interactive-touchscreen-experience\/\" target=\"_blank\" rel=\"noopener\">a blog about measuring ROI<\/a>&nbsp;and another detailing <a href=\"https:\/\/dev.popcomms.com\/pop\/blog\/x-ways-analyse-success-interactive-experience\/\" target=\"_blank\" rel=\"noopener\">5 of the main ways you can measure success<\/a>. Including just being there and seeing the reaction from your happy customers!<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span style=\"color: #f2168f;\">7. Will you want to update your touchscreen experience?<\/span><\/h3>\n\n\n\n<p>This is another good question. If you&#8217;re intending for your interactive touchscreen experience to be used just once, at a specific event, then you may not need this feature. If, however, you&#8217;d like to update and adapt your content to suit different events, or to be updated as part of a permanent fixture in a sales suite then this is something you must let a developer know early on.<\/p>\n\n\n\n<p>This is something that a touchscreen specialist should be happy to work with you on so that you&#8217;ll be able to update your touchscreen whenever you like from wherever you are &#8211; without outside assistance. Here&#8217;s <a rel=\"noopener\" href=\"https:\/\/dev.popcomms.com\/pop\/blog\/case-study-popcomms-can-develop-interactive-touchscreen-experience-can-adapt-modify-future-use\/\" target=\"_blank\">one example of how we helped the National Library of Scotland<\/a> achieve a solution they can modify and adapt whenever they need.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"683\" src=\"https:\/\/dev.popcomms.com\/pop\/wp-content\/uploads\/2021\/05\/touchtable-touchscreen-interactive-presentations-multitouch-popcomms-1-1024x683.jpg\" alt=\"\" class=\"wp-image-8156\" srcset=\"https:\/\/dev.popcomms.com\/pop\/wp-content\/uploads\/2021\/05\/touchtable-touchscreen-interactive-presentations-multitouch-popcomms-1-1024x683.jpg 1024w, https:\/\/dev.popcomms.com\/pop\/wp-content\/uploads\/2021\/05\/touchtable-touchscreen-interactive-presentations-multitouch-popcomms-1-300x200.jpg 300w, https:\/\/dev.popcomms.com\/pop\/wp-content\/uploads\/2021\/05\/touchtable-touchscreen-interactive-presentations-multitouch-popcomms-1-768x512.jpg 768w, https:\/\/dev.popcomms.com\/pop\/wp-content\/uploads\/2021\/05\/touchtable-touchscreen-interactive-presentations-multitouch-popcomms-1-1536x1024.jpg 1536w, https:\/\/dev.popcomms.com\/pop\/wp-content\/uploads\/2021\/05\/touchtable-touchscreen-interactive-presentations-multitouch-popcomms-1.jpg 1600w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><em>The above experience for the <a href=\"https:\/\/dev.popcomms.com\/pop\/case-studies\/gsma-interactive-hub\/\" target=\"_blank\" rel=\"noopener\">GSMA<\/a> can be updated <\/em>remotely<em> from anywhere in the world<\/em><\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span style=\"color: #f2168f;\">Advice from the touchscreen specialists<\/span><\/h2>\n\n\n\n<p>All of the above are questions an interactive touchscreen specialist will hopefully ask you about, which is why it&#8217;s important to be prepared. And, in turn, you should have some questions for them (find out what <a href=\"https:\/\/dev.popcomms.com\/pop\/blog\/5-steps-to-finding-the-best-interactive-touchscreen-developer-for-your-project\/\" target=\"_blank\" rel=\"noopener\">questions you should ask a touchscreen developer<\/a> via our blog).<\/p>\n\n\n\n<p>Ideally, you should be looking for someone who is ready and willing to listen to your challenges, concerns and ideas, and give you some guidance on what might be possible for your advanced manufacturing business. They should have plenty of experience developing&#8230; well&#8230; experiences! Rather than just providing the hardware.<\/p>\n\n\n\n<p>For some peace of mind, ask if you can see some previous examples of their work &#8211; a few client testimonials wouldn&#8217;t go amiss, either.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span style=\"color: #f2168f;\">In summary<\/span><\/h2>\n\n\n\n<p>Well, there we have it! Hopefully, we&#8217;ve managed to provide you with some food for thought when it comes to developing an interactive touchscreen experience as an advanced manufacturer. An interactive touchscreen can be a great way to help showcase your solutions and products, but if it&#8217;s your first time venturing into this area, it can seem a little overwhelming.<\/p>\n\n\n\n<p>Start by asking yourself the questions above. And remember; we always recommend seeking out a touchscreen specialist, or agency who specialise in developing them \u2013 rather than a hardware provider \u2013 so you can create truly memorable and engaging experiences.<\/p>\n\n\n\n<p>Want to learn more about creating a touchscreen experience your customers will love? Simply get in touch, we\u2019d love to hear from you!<\/p>\n\n\n\n<div class=\"container-1 pop-container bg-pop-white \">\n  <div class=\"relative py-12\" >\n\n        <div class=\"bg-pop-white absolute top-0 left-0 w-full h-full bg-center bg-cover no-repeat pb-12 px-6 sm:px-12 pt-12\">\n          <\/div>\n\n            \n        <div class=\"pop-container my-12\">\n              <div class=\"\">\n                              \n    <div class=\"container-wide\">\n    <div\n      is=\"download\"\n      inline-template\n      id=\"download-form\"\n    >\n      <div class=\"download-form-container\"  data-email-title=\"\" data-email-image=\"\" data-email-file=\"\">\n        <div class=\"border-2 border-pop-gray\">\n          <div class=\"sm:hidden block relative\" style=\"padding-bottom: 100%;\">\n            <div\n              class=\"absolute top-0 left-0 w-full h-full bg-no-repeat bg-center bg-cover\"\n              style=\"background-image: url(https:\/\/dev.popcomms.com\/pop\/wp-content\/uploads\/2021\/05\/sales-enablement-interactive-presentation-manufacturing-syntegon-showpad-popcomms-3.jpg)\"\n            ><\/div>\n          <\/div>\n          <div\n            ref=\"downloadForm\"\n            name=\"download_form\"\n            method=\"post\"\n            action=\"\"\n            onsubmit=\"return false\"\n            class=\"download-form w-full relative\"\n          >\n            <transition name=\"fade\">\n              <div\n                v-show=\"step !== 1\"\n                class=\"absolute flex flex-col top-0 left-0 w-full h-full shadow-md bg-pop-black\"\n                style=\"z-index: 1;\"\n              ><\/div>\n            <\/transition>\n            <div ref=\"downloadFormStep1\">\n              <div class=\"md:grid md:grid-cols-2\">\n  <div class=\"hidden md:block relative\" style=\"padding-bottom: 100%;\">\n    <div\n      class=\"absolute top-0 left-0 w-full h-full bg-no-repeat bg-center bg-cover\"\n      style=\"background-image: url(https:\/\/dev.popcomms.com\/pop\/wp-content\/uploads\/2021\/05\/sales-enablement-interactive-presentation-manufacturing-syntegon-showpad-popcomms-3.jpg)\"\n    ><\/div>\n  <\/div>\n  <div class=\"flex flex-col\">\n    <div class=\"h-2\/5 bg-pop-pink text-pop-white p-6 lg:px-8 flex flex-col justify-center\">\n      <h3 class=\"font-semibold text-xl lg:text-2xl\">Download your touchscreen guide<\/h3>\n    <\/div>\n    <div class=\"h-3\/5 flex flex-col justify-between bg-pop-white\" >\n      <div class=\"flex items-center lg:text-lg h-full p-6 lg:px-8 text-pop-black\">\n        Here&#8217;s our guide to getting started with touchscreens\n      <\/div>\n      <div\n        class=\"flex justify-end cursor-pointer\"\n        @click=\"nextStep()\"\n      >\n        <div class=\"bg-pop-black text-pop-white text-pop-white m-0 px-4 py-2 h-10 leading-0\">\n          Download\n        <\/div>\n        <div class=\"w-10 h-10 p-2 bg-pop-pink\">\n          <svg class=\"w-full absolute left-1\/2 top-1\/2 -translate-y-1\/2 -translate-x-1\/2 transform rotate-90 text-pop-white\" width=\"24\" height=\"25\" viewBox=\"0 0 24 25\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n            <path\n              class=\"fill-current text-pop-white\"\n              d=\"M13.0607 0.625645C12.4749 0.0398579 11.5251 0.0398579 10.9393 0.625645L1.3934 10.1716C0.807611 10.7574 0.807611 11.7071 1.3934 12.2929C1.97919 12.8787 2.92893 12.8787 3.51472 12.2929L12 3.80762L20.4853 12.2929C21.0711 12.8787 22.0208 12.8787 22.6066 12.2929C23.1924 11.7071 23.1924 10.7574 22.6066 10.1716L13.0607 0.625645ZM13.5 24.3137V1.6863H10.5V24.3137H13.5Z\"\n              fill=\"currentColor\"\n            \/>\n          <\/svg>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n            <\/div>\n            <div\n              ref=\"downloadFormStep2\"\n              v-show=\"step === 2\"\n              class=\"absolute flex flex-col top-0 left-0 w-full h-full p-3 sm:p-10  text-pop-white z-10\"\n            >\n              <div class=\"text-sm mb-4\">1 \/ 3<\/div>\n              <div class=\"w-full md:w-5\/6 form-text leading-tight text-base sm:text-xl md:text-xl\">\n  We just need some details to get you started. Please enter your <span class=\"text-pop-yellow\">first name<\/span> and <span class=\"text-pop-yellow\">surname<\/span>.\n<\/div>\n<div class=\"flex-grow flex flex-col justify-center\">\n  <div class=\"my-2 sm:my-4\">\n    <div class=\"input-box relative w-full\">\n  <div class=\"relative overflow-hidden\">\n    <div class=\"input-content transform translate-y-full\">\n      <input\n        name=\"first_name\"\n        class=\"w-full font-normal text-lg sm:text-2xl bg-pop-black text-pop-white \"\n        type=\"text\"\n        v-model=\"form.firstName.value\"\n        placeholder=\"First name *\"\n        @keyup.prevent=\"validateFirstName\"\n      >\n          <\/div>\n  <\/div>\n\n  <div\n    class=\"input-border absolute top-full left-0 transition-colors duration-300\" :class=\"validationHighlight(form.firstName.valid)\" style=\"height: 2px;\"\n  ><\/div>\n  <\/div>\n  <\/div>\n  <div class=\"my-2 sm:my-4\">\n    <div class=\"input-box relative w-full\">\n  <div class=\"relative overflow-hidden\">\n    <div class=\"input-content transform translate-y-full\">\n      <input\n        name=\"last_name\"\n        class=\"w-full font-normal text-lg sm:text-2xl bg-pop-black text-pop-white pr-12\"\n        type=\"text\"\n        v-model=\"form.lastName.value\"\n        placeholder=\"Surname *\"\n        @keyup.prevent=\"validateLastName\"\n      >\n            <svg @click=\"validateLastName\" class=\"absolute h-8 sm:h-auto top-1\/2 transform -translate-y-1\/2 right-0 cursor-pointer fill-current text-pop-white hover:text-pop-pink transition-colors\" width=\"48\" height=\"48\" viewBox=\"0 0 48 48\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n        <path d=\"M36.3746 25.0607C36.9604 24.4749 36.9604 23.5251 36.3746 22.9393L26.8287 13.3934C26.2429 12.8076 25.2931 12.8076 24.7073 13.3934C24.1216 13.9792 24.1216 14.9289 24.7073 15.5147L33.1926 24L24.7073 32.4853C24.1216 33.0711 24.1216 34.0208 24.7073 34.6066C25.2931 35.1924 26.2429 35.1924 26.8287 34.6066L36.3746 25.0607ZM12.6865 25.5L35.3139 25.5L35.3139 22.5L12.6865 22.5L12.6865 25.5Z\"\/>\n      <\/svg>\n          <\/div>\n  <\/div>\n\n  <div\n    class=\"input-border absolute top-full left-0 transition-colors duration-300\" :class=\"validationHighlight(form.lastName.valid)\" style=\"height: 2px;\"\n  ><\/div>\n      <div class=\"hidden sm:block input-guide opacity-0 absolute -bottom-2 right-0 text-sm pt-1 text-right transform translate-y-full text-pop-white\">click or hit enter<\/div>\n  <\/div>\n  <\/div>\n<\/div>\n            <\/div>\n            <div\n              ref=\"downloadFormStep3\"\n              v-show=\"step === 3\"\n              class=\"absolute flex flex-col top-0 left-0 w-full h-full p-3 sm:p-10 bg-pop-black text-pop-white z-10\"\n            >\n              <div class=\"text-sm mb-4\">2 \/ 3<\/div>\n              <div class=\" form-text w-full sm:w-4\/6 leading-tight text-base sm:text-xl md:text-xl\">\n  And now just your <span class=\"text-pop-yellow\">email<\/span> &amp; <span class=\"text-pop-yellow\">company name<\/span>, please.\n<\/div>\n<div class=\"flex-grow flex flex-col justify-center\">\n  <div class=\"my-2 sm:my-4\">\n    <div class=\"input-box relative w-full\">\n  <div class=\"relative overflow-hidden\">\n    <div class=\"input-content transform translate-y-full\">\n      <input\n        name=\"email\"\n        class=\"w-full font-normal text-lg sm:text-2xl bg-pop-black text-pop-white \"\n        type=\"email\"\n        v-model=\"form.email.value\"\n        placeholder=\"Your email *\"\n        @keyup.prevent=\"validateEmail\"\n      >\n          <\/div>\n  <\/div>\n\n  <div\n    class=\"input-border absolute top-full left-0 transition-colors duration-300\" :class=\"validationHighlight(form.email.valid)\" style=\"height: 2px;\"\n  ><\/div>\n  <\/div>\n  <\/div>\n  <div class=\"my-2 sm:my-4\">\n    <div class=\"input-box relative w-full\">\n  <div class=\"relative overflow-hidden\">\n    <div class=\"input-content transform translate-y-full\">\n      <input\n        name=\"company\"\n        class=\"w-full font-normal text-lg sm:text-2xl bg-pop-black text-pop-white pr-12\"\n        type=\"text\"\n        v-model=\"form.company.value\"\n        placeholder=\"Company *\"\n        @keyup.prevent=\"validateCompany\"\n      >\n            <svg @click=\"validateCompany\" class=\"absolute h-8 sm:h-auto top-1\/2 transform -translate-y-1\/2 right-0 cursor-pointer fill-current text-pop-white hover:text-pop-pink transition-colors\" width=\"48\" height=\"48\" viewBox=\"0 0 48 48\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n        <path d=\"M36.3746 25.0607C36.9604 24.4749 36.9604 23.5251 36.3746 22.9393L26.8287 13.3934C26.2429 12.8076 25.2931 12.8076 24.7073 13.3934C24.1216 13.9792 24.1216 14.9289 24.7073 15.5147L33.1926 24L24.7073 32.4853C24.1216 33.0711 24.1216 34.0208 24.7073 34.6066C25.2931 35.1924 26.2429 35.1924 26.8287 34.6066L36.3746 25.0607ZM12.6865 25.5L35.3139 25.5L35.3139 22.5L12.6865 22.5L12.6865 25.5Z\"\/>\n      <\/svg>\n          <\/div>\n  <\/div>\n\n  <div\n    class=\"input-border absolute top-full left-0 transition-colors duration-300\" :class=\"validationHighlight(form.company.valid)\" style=\"height: 2px;\"\n  ><\/div>\n      <div class=\"hidden sm:block input-guide opacity-0 absolute -bottom-2 right-0 text-sm pt-1 text-right transform translate-y-full text-pop-white\">click or hit enter<\/div>\n  <\/div>\n  <\/div>\n<\/div>\n            <\/div>\n            <div\n              ref=\"downloadFormStep4\"\n              v-show=\"step === 4\"\n              class=\"absolute flex flex-col top-0 left-0 w-full h-full p-3 sm:p-10 bg-pop-black text-pop-white z-10\"\n            >\n              <div class=\"text-sm mb-4\">3 \/ 3<\/div>\n              <div class=\"w-1\/2 form-text opacity-0 sm:mb-12 leading-tight text-base sm:text-xl md:text-xl\">\n  Brill! Are you a human?\n  Prove it by simply entering the answer to <span class=\"text-pop-yellow\" v-html=\"captcha.a\"><\/span> <span class=\"text-pop-yellow\">+<\/span> <span class=\"text-pop-yellow\" v-html=\"captcha.b\"><\/span>\n<\/div>\n<div class=\"grid grid-cols-2 auto-cols-auto space-x-4 my-4\">\n  <div>\n    <div class=\"input-box relative w-full\">\n  <div class=\"relative overflow-hidden\">\n    <div class=\"input-content transform translate-y-full\">\n      <input\n        name=\"captcha\"\n        class=\"w-full font-normal text-lg sm:text-2xl bg-pop-black text-pop-white \"\n        type=\"text\"\n        v-model=\"form.captcha.value\"\n        placeholder=\"Your answer?\"\n        @keyup.prevent=\"validateCaptcha\"\n      >\n          <\/div>\n  <\/div>\n\n  <div\n    class=\"input-border absolute top-full left-0 transition-colors duration-300\" :class=\"validationHighlight(form.captcha.valid)\" style=\"height: 2px;\"\n  ><\/div>\n  <\/div>\n  <\/div>\n<\/div>\n<div class=\"form-text flex opacity-0 text-xs\">\n  <div>\n    By submitting this form you agree to POPcomms <a class=\"text-pop-pink underline\" href=\"https:\/\/dev.popcomms.com\/pop\/privacy-policy\" target=\"_blank\">Privacy Policy<\/a>\n  <\/div>\n<\/div>\n<div\n  class=\"absolute bottom-0 right-0 flex justify-center cursor-pointer\"\n  @click=\"submit\"\n>\n  <div class=\"bg-pop-purple text-pop-white m-0 px-4 py-3 h-12 leading-0\">\n    Submit\n  <\/div>\n  <div class=\"w-12 h-12 p-2 bg-white flex items-center justify-center\">\n    <svg class=\"transform rotate-90 text-pop-purple\" width=\"24\" height=\"25\" viewBox=\"0 0 24 25\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n      <path\n        class=\"fill-current\"\n        d=\"M13.0607 0.625645C12.4749 0.0398579 11.5251 0.0398579 10.9393 0.625645L1.3934 10.1716C0.807611 10.7574 0.807611 11.7071 1.3934 12.2929C1.97919 12.8787 2.92893 12.8787 3.51472 12.2929L12 3.80762L20.4853 12.2929C21.0711 12.8787 22.0208 12.8787 22.6066 12.2929C23.1924 11.7071 23.1924 10.7574 22.6066 10.1716L13.0607 0.625645ZM13.5 24.3137V1.6863H10.5V24.3137H13.5Z\"\n        fill=\"currentColor\"\n      \/>\n    <\/svg>\n  <\/div>\n<\/div>\n<div class=\"hidden sm:block absolute top-0 right-0 w-1\/2 pointer-events-none\">\n  <svg class=\"watching-eye w-full\" preserveAspectRatio=\"xMidYMid meet\"  viewBox=\"0 0 496 369\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\">\n    <rect class=\"lines\" y=\"-123.89\" width=\"496\" height=\"245.916\" fill=\"url(#pattern5)\"\/>\n    <clipPath id=\"irisclipPath5\">\n      <path class=\"eye-mask\" style=\"transform-origin: 50% 32%;\" d=\"M0 122.813C58.13 49.7951 147.621 3.01562 248 3.01562C348.379 3.01562 437.87 49.7951 496 122.813C437.87 195.83 348.379 242.61 248 242.61C147.621 242.61 58.13 195.83 0 122.813Z\" fill=\"black\"\/>\n    <\/clipPath>\n    <rect fill=\"white\" style=\"clip-path: url(#irisclipPath5)\" class=\"lines\" y=\"0\" width=\"496\" height=\"245.916\"\/>\n    <!-- <path style=\"clip-path: url(#irisclipPath5)\" d=\"M0 122.813C58.13 49.7951 147.621 3.01562 248 3.01562C348.379 3.01562 437.87 49.7951 496 122.813C437.87 195.83 348.379 242.61 248 242.61C147.621 242.61 58.13 195.83 0 122.813Z\" fill=\"white\"\/> -->\n    <ellipse class=\"iris\" style=\"clip-path: url(#irisclipPath5)\" cx=\"247.653\" cy=\"121.806\" rx=\"101.771\" ry=\"102.118\" fill=\"#6F62FF\"\/>\n    <ellipse class=\"pupil\" style=\"clip-path: url(#irisclipPath5)\" cx=\"244.924\" cy=\"78.2744\" rx=\"35.4286\" ry=\"35.4286\" fill=\"#F8F7EE\"\/>\n    <defs>\n      <pattern id=\"pattern5\" patternContentUnits=\"objectBoundingBox\" width=\"0.0241935\" height=\"0.0487972\">\n        <use xlink:href=\"#image0\" transform=\"scale(0.00201613 0.00406643)\"\/>\n      <\/pattern>\n      <image id=\"image0\" width=\"12\" height=\"12\" xlink:href=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAA8SURBVHgB7dGxDQAgCATAdytjwWqwDzuqaBzg7SggITTHN99AzBC3ODoBo3Ds6uJaOAl+DzS+jf\/gE74Bfmo++ZWcm1wAAAAASUVORK5CYII=\"\/>\n    <\/defs>\n  <\/svg>\n<\/div>\n            <\/div>\n            <div\n              ref=\"downloadFormStep5\"\n              v-show=\"step === 5\"\n              class=\"absolute top-0 left-0 w-full h-full p-3 sm:p-10 bg-pop-black text-pop-white z-10\"\n            >\n              <div class=\"text-sm p-3 sm:p-10\">Complete<\/div>\n              <div class=\"grid md:grid-cols-2\">\n  <div class=\"flex flex-col form-text justify-center text-xl p-6\">\n    <div>\n      Thanks, <span class=\"text-pop-yellow\">all done!<\/span><br>\n      Check your email to find your guide.\n    <\/div>\n  <\/div>\n<\/div>\n\n  <svg class=\"hidden md:block absolute right-0 top-1\/2 transform -translate-y-1\/2\" width=\"408\" height=\"336\" viewBox=\"0 0 408 336\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n    <path class=\"finger stroke-current text-pop-black\" stroke-width=\"2\" d=\"M83.8623 99.4615C83.8623 80.9476 99.1777 65.9391 118.07 65.9391L542.543 65.9392C561.436 65.9392 576.751 80.9477 576.751 99.4616C576.751 117.975 561.436 132.984 542.543 132.984L118.07 132.984C99.1776 132.984 83.8623 117.975 83.8623 99.4615Z\" fill=\"#6F62FF\"\/>\n    <path class=\"finger stroke-current text-pop-black\" stroke-width=\"2\" d=\"M197.889 166.867C197.889 148.154 213.369 132.984 232.464 132.984L542.175 132.984C561.271 132.984 576.751 148.154 576.751 166.867C576.751 185.58 561.271 200.75 542.175 200.75L232.464 200.75C213.369 200.75 197.889 185.58 197.889 166.867Z\" fill=\"#6F62FF\"\/>\n    <path class=\"finger stroke-current text-pop-black\" stroke-width=\"2\" d=\"M216.28 234.632C216.28 215.92 231.76 200.75 250.856 200.75L542.176 200.75C561.271 200.75 576.751 215.92 576.751 234.633C576.751 253.346 561.271 268.515 542.176 268.515L250.856 268.515C231.76 268.515 216.28 253.345 216.28 234.632Z\" fill=\"#6F62FF\"\/>\n    <path class=\"finger stroke-current text-pop-black\" stroke-width=\"2\" d=\"M233.937 302.038C233.937 283.524 249.252 268.515 268.144 268.515L542.544 268.515C561.436 268.515 576.752 283.524 576.752 302.038C576.752 320.552 561.436 335.56 542.544 335.56L268.144 335.56C249.252 335.56 233.937 320.552 233.937 302.038Z\" fill=\"#6F62FF\"\/>\n    <path class=\"hand\"d=\"M379.105 137.017C379.105 97.7617 411.579 65.9391 451.637 65.9391H487.545C527.603 65.9391 560.077 97.7618 560.077 137.017V264.483C560.077 303.738 527.603 335.56 487.545 335.56H451.637C411.579 335.56 379.105 303.738 379.105 264.482V137.017Z\" fill=\"#6F62FF\"\/>\n    <path class=\"waves opacity-0 origin-center\" d=\"M130.346 184.698C118.12 186.375 105.723 185.501 93.9727 182.131C82.2223 178.761 71.3854 172.974 62.1767 165.149C52.9679 157.325 45.5964 147.641 40.5482 136.738C35.5 125.834 32.8898 113.957 32.8897 101.891C32.8896 89.825 35.4995 77.8432 40.5475 66.736C45.5954 55.6287 52.9667 45.6481 62.1753 37.4524C71.3839 29.2566 82.2207 23.0319 93.971 19.1886C105.721 15.3452 118.118 13.9706 130.345 15.1553L128.988 26.3128C118.367 25.2836 107.598 26.4777 97.3901 29.8165C87.1825 33.1552 77.7686 38.5627 69.769 45.6823C61.7695 52.802 55.366 61.4721 50.9808 71.1211C46.5956 80.77 44.3283 91.1786 44.3285 101.661C44.3286 112.142 46.5961 122.46 50.9815 131.932C55.3668 141.404 61.7705 149.816 69.7702 156.613C77.7699 163.41 87.1839 168.438 97.3915 171.365C107.599 174.292 118.369 175.052 128.99 173.595L130.346 184.698Z\" fill=\"#3A3EAB\"\/>\n    <path class=\"waves opacity-0 origin-center\" d=\"M121.559 160.297C104.817 160.599 88.7233 154.419 76.8186 143.116C64.914 131.814 58.1735 116.315 58.08 100.029C57.9866 83.7426 64.5478 68.0036 76.3203 56.2741C88.0928 44.5445 104.112 37.7853 120.854 37.4833L120.916 48.2672C107.114 48.5161 93.9081 54.0884 84.203 63.758C74.4979 73.4277 69.089 86.4027 69.166 99.8287C69.2431 113.255 74.7998 126.032 84.6138 135.349C94.4279 144.667 107.695 149.762 121.497 149.513L121.559 160.297Z\" fill=\"#3A3EAB\"\/>\n  <\/svg>\n                <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n          <\/div>\n          <\/div>\n  <\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Are you considering investing in an interactive touchscreen experience for your advanced manufacturing business? If you&#8217;re looking to showcase complex products and solutions in a visual, immersive way at an event, tradeshow or in a customer-facing area of your business then a touchscreen is a great way to bring your message to life. However, if [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":732,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"footnotes":""},"categories":[16,4],"tags":[113,123,102,98,170,106],"class_list":["post-6364","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-advanced-manufacturing","category-touchscreens","tag-b2b-sales","tag-digital-sales-tool","tag-events","tag-interactive-content","tag-touchscreens-for-events","tag-tradeshow"],"acf":[],"_links":{"self":[{"href":"https:\/\/dev.popcomms.com\/pop\/wp-json\/wp\/v2\/posts\/6364","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dev.popcomms.com\/pop\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/dev.popcomms.com\/pop\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/dev.popcomms.com\/pop\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/dev.popcomms.com\/pop\/wp-json\/wp\/v2\/comments?post=6364"}],"version-history":[{"count":0,"href":"https:\/\/dev.popcomms.com\/pop\/wp-json\/wp\/v2\/posts\/6364\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/dev.popcomms.com\/pop\/wp-json\/wp\/v2\/media\/732"}],"wp:attachment":[{"href":"https:\/\/dev.popcomms.com\/pop\/wp-json\/wp\/v2\/media?parent=6364"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/dev.popcomms.com\/pop\/wp-json\/wp\/v2\/categories?post=6364"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/dev.popcomms.com\/pop\/wp-json\/wp\/v2\/tags?post=6364"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}