{"version":3,"sources":["webpack:///./src/pages/blog/5-tips-to-create-best-ux-in-the-remote-work-culture.js","webpack:///./src/img/blog/covers/remote-ux.png","webpack:///./src/img/ui/quote.svg","webpack:///./src/img/ui/arrow_black.svg","webpack:///./src/img/blog/5-tips-best-ux/aha-moment.png","webpack:///./src/components/blog/content/styled.js","webpack:///./src/img/blog/5-tips-best-ux/workshop.png","webpack:///./src/img/blog/5-tips-best-ux/tools.png"],"names":["Wrapped","BlogArticle","href","target","rel","src","img1","className","alt","loading","title","img2","img3","frontmatter","url","description","author","img","imgSocial","date","category","group","timeToRead","process","module","exports","Post","styled","div","media","mobile","quote","tablet","arrowIcon"],"mappings":"8HAAA,oMAwSMA,EAAUC,aA9RA,WACd,OACE,kBAAC,IAAD,KACE,uPAGyC,KAGzC,kSAKA,oYAKc,IACZ,uBACEC,KAAK,wFACLC,OAAO,SACPC,IAAI,gCAHN,aAMK,IAZP,kBAakB,IAChB,gCACE,0FAfJ,KAoBA,kYAI0F,KAG1F,mIAIA,4BACE,oEACA,wDACA,+DACA,oEACA,wDAGF,oEAEA,ydAOA,iHACsF,IACpF,uBACEF,KAAK,kDACLC,OAAO,SACPC,IAAI,gCAHN,4BAFF,iJAYA,2BACE,oDAEF,+GAEA,8CACA,0RAMA,4CACA,uRAKA,8CACA,8QAIE,uBACEF,KAAK,sFACLC,OAAO,SACPC,IAAI,uBAHN,+BAJF,IAWI,KAGJ,yBACEC,IAAKC,IACLC,UAAU,wCACVC,IAAI,cACJC,QAAQ,OACRC,MAAM,4BAGR,wDAEA,mcAOA,0PAMA,2BACE,oDAGF,wDACA,qPAGqC,IACnC,uBACER,KAAK,2CACLC,OAAO,SACPC,IAAI,uBAHN,aAMK,IAVP,uBAaA,sDACA,8QAKA,6DACA,uQAKA,yBACEC,IAAKM,IACLJ,UAAU,wCACVC,IAAI,YACJC,QAAQ,OACRC,MAAM,oCAER,+DACA,wXAMA,+UAIyC,KAEzC,2BACE,oDAEF,0EACA,kRAKA,uDACA,6RAKA,oDACA,8QAKA,oEACA,iZAOA,0LAEsE,KAEtE,2BACE,oDAEF,sDACA,qSAKA,mDACA,kTAMA,wDACA,2QAKA,yBACEL,IAAKO,IACLL,UAAU,wCACVC,IAAI,QACJC,QAAQ,OACRC,MAAM,4BAER,uDACA,+UAIoC,IAClC,uBACER,KAAK,uHACLC,OAAO,SACPC,IAAI,uBAHN,6BAMK,IAXP,mRAkBA,2BACE,oDAEF,+CACA,iQAGiD,KAEjD,mEACA,yOAKA,4DACA,qSAWOS,EAAc,CACzBH,MAAO,0DACPI,IAAK,6DACLC,YAAY,qLACZC,WACAC,QACAC,UAAWD,IACXE,KAAM,aACNC,SAAU,GACVC,MAAO,SACPC,WAAY,GAGC,4BACb,kBAACtB,EAAD,CACEU,MAAOG,EAAYH,MACnBU,SAAUP,EAAYO,SACtBL,YAAaF,EAAYE,YACzBI,KAAMN,EAAYM,KAClBH,OAAQH,EAAYG,OACpBF,IAAKD,EAAYC,IACjBG,IAAKJ,EAAYI,IACjBC,UAAWK,wBAA0BV,EAAYI,IACjDI,MAAOR,EAAYQ,MACnBC,WAAYT,EAAYS,e,uBClU5BE,EAAOC,QAAU,IAA0B,yD,mBCA3CD,EAAOC,QAAU,86B,mBCAjBD,EAAOC,QAAU,8c,qBCAjBD,EAAOC,QAAU,IAA0B,0D,kCCA3C,wGAKaC,EAAOC,IAAOC,IAAV,kEAAGD,CAAH,y7GAwGXE,IAAMC,OASkBC,IAMtBF,IAAMC,OAyFRD,IAAMG,OAoDSC,M,qBCzQrBT,EAAOC,QAAU,IAA0B,wD,qBCA3CD,EAAOC,QAAU,IAA0B","file":"component---src-pages-blog-5-tips-to-create-best-ux-in-the-remote-work-culture-js-c1acd126fcb192a2b934.js","sourcesContent":["import React from 'react';\n\nimport BlogArticle from 'components/blog/blogArticle';\nimport { authorRevanth as author } from 'data/authors';\nimport img from 'img/blog/covers/remote-ux.png';\nimport img1 from 'img/blog/5-tips-best-ux/aha-moment.png';\nimport img2 from 'img/blog/5-tips-best-ux/workshop.png';\nimport img3 from 'img/blog/5-tips-best-ux/tools.png';\nimport { Post } from 'components/blog/content/styled';\n\nconst Content = () => {\n return (\n \n

\n Living in the fast-changing world, the COVID-19 pandemic has added many changes in the\n business world. Many companies have shifted their focus to work from home (the new normal),\n which has its own merits and demerits.{' '}\n

\n\n

\n User Onboarding & training, providing the best end-user experience, ensuring user\n productivity are common challenges that many companies are facing right now. Remote working\n can be very effective if you can engage and provide an effective end-user experience.\n

\n

\n End-user experience is about the feelings and observations a user has while using your\n product. User Experience (UX) is all about how a user interacts with your product or\n application & what experiences they take. In other words, UX evolves from the end-users\n perceptions as they interact with your product to perform a specific task. Interesting\n research by{' '}\n \n forrester\n {' '}\n says that every{' '}\n \n 1 dollar invested in UX results in a return of 100 dollars\n \n .\n

\n\n

\n Things like How pleasing your product is, how the information is being delivered, how\n structured your user onboarding is, what kind of user engagement techniques you have and how\n easy to perform a task, all these will determine your end-user experience and engagement.\n Since the users are working remotely, companies must-have ideas to deliver the best UX.{' '}\n

\n\n

\n Following are the effective tips that you can follow to provide the best remote end-user\n experience:\n

\n
    \n
  1. Build trust and get the user’s heart
  2. \n
  3. Provide the Aha! moment
  4. \n
  5. Schedule and organize workshops
  6. \n
  7. Have metrics to measure your success
  8. \n
  9. Leverage the right tool
  10. \n
\n\n

Build trust and get the user’s heart

\n\n

\n In remote work culture, building the end-user relationship is highly important. Bonding with\n End-user will increase trust and improve their engagement level which in-turn increases\n productivity. Since the team is geographically dispersed, it is important for companies to\n find innovative ways to stay engaged. The remote workforce mostly gets on a call to discuss\n tasks and projects but building relationship activities are often left behind.\n

\n

\n End-users often feel they are left alone. This affects your end-user experience and{' '}\n \n remote team productivity\n \n . Companies must bring-in some innovative ideas (especially HR’s, Managers, Team Leaders) to\n keep your remote team engaged and stay on track.\n

\n

\n What should be done?\n

\n

Few things that will ensure trust and relationship between you and remote user:

\n\n

Accountability

\n

\n Under your end-users capability and assign the tasks. Make sure your under-performing users\n get proper coaching to bring them back on track. Loads must be distributed equally, and the\n task owner must be accountable for the completion of his/her tasks.\n

\n\n

Transparency

\n

\n Transparency is a must. Especially, in remote working users are wired to trust others. Users\n must be transparent and loyal, as there is no one behind them to watch what they are doing.\n Being transparent ensures trust and helps in team productivity.\n

\n

Fun activities

\n

\n To keep your workforce stress-free and engaged, you should encourage having some fun\n sessions or activities. For example, you can have a meeting where everyone shares what they\n do in their free time, weekend plans, or favorite recipes. This\n \n enriches team collaboration\n \n .{' '}\n

\n\n \n\n

Provide the Aha! moment

\n\n

\n User onboarding plays a vital role in user experience and user retention. Your user\n onboarding flow is a significant aspect of your enterprise product. User onboarding flow is\n the first interaction that any end-user will have with your product. You must deliver the\n best end-user experience else your new users will end up in churn. To create an effective\n conversion funnel, have a killer end-user onboarding experience.\n

\n

\n The Aha moment is the point where your end-user accomplishes the core functionality of your\n product and understands how it works. The ultimate aim is to make your end-users realize the\n Aha moment as quickly as possible.\n

\n\n

\n What should be done?\n

\n\n

Learn from churned users

\n

\n Finding out the reason why a user left, will help to understand what a new user will be\n looking for and where are the possible places for UX friction to occur. Further analyzing it\n will help you to have an effective{' '}\n \n UX design\n {' '}\n and minimize churn.\n

\n

Segment your new users

\n

\n Not every user is the same. Segmenting and targeting users will increase the chance of\n realizing the aha moment. Segment your users based on their preferences and try providing a\n personalized user onboarding experience for better outcomes.\n

\n

Use Analytics for improvement

\n

\n Analytics allows you to get clear insights on your end-users aha moment. For example, where\n did many users get stuck, and which task took much time to complete. Try and identify a\n certain pattern to get the best from your analytics.\n

\n \n

Schedule and organize workshops

\n

\n Due to the current pandemic, not only your end-users are working from home but also your\n client base. To ensure business continuity and growth, organize workshops with both your\n end-users and clients. This can help your end-users and clients to adapt to the new normal\n and boosts your remote workforce to deliver the best work they possibly can.\n

\n

\n You must clearly define the goals and expectations of the workshop to keep all your remote\n working end-users on track and to provide a better end-user experience. To utilize the\n workshop effectively, think about what kind of activities can be done, how to engage all\n participants well before the workshop.{' '}\n

\n

\n What should be done?\n

\n

Ensure the comfortability of participants

\n

\n Everyone might not be comfortable with the tools that you use for the workshop. To avoid\n such cases, give your participants homework to access the tool in advance and ensure they\n are very much comfortable and interested to attend the workshop.\n

\n

Engage all participants

\n

\n The primary focus of workshops is to build interaction, which is challenging. Ensure the\n presence of all remote workers and provide a chance for every individual to speak. Try\n addressing the participants who are less vocal and make them feel comfortable.\n

\n

Always have a plan B

\n

\n Though you planned everything in detail, sometimes things might not go as you have planned.\n What if the technology fails, or participants are not willing to join, or activities are\n boring, and so on. Therefore, it is good to have a plan B.\n

\n

Have metrics to measure your success

\n

\n Metrics must be there to ensure what is happening and how things can be improved. User\n performance metrics are the key to monitor how well your end-users are performing. Different\n performance metrics like work quality & quantity metrics, efficiency metrics, and\n organizational performance metrics. Various factors fall under each metric and each should\n be taken care of.\n

\n

\n Based on your industry, performance metrics vary. Many companies ask managers, HR’s, and\n leaders to have a birds-eye view on framing the evaluation metrics.{' '}\n

\n

\n What should be done?\n

\n

Set suitable deadlines

\n

\n Set a timeframe for every task your end-user performs. It is highly essential to keep your\n remote workforce stay productive and keep your business running. Deadlines not only help\n your remote working team to complete the tasks on time but also keep them engaged.\n

\n

Be Results-Oriented

\n

\n Longer-working user is not necessarily the most productive ones. Some users might sit in\n front of a computer for 7-8 hours and do nothing, while another user can breeze through\n his/her tasks in a couple of hours. Focus on results, not the time being spent on the\n application.\n

\n

Outcome-based evaluation

\n

\n Evaluate your end-user performance based on the outcome. Set measurable & achievable\n benchmarks so that you get the desired outcomes. It is best to let your users know what you\n expect from them, which pushes them towards the final goal.\n

\n \n

Leverage the right tool

\n

\n Remote work demands leveraging many tools for onboarding, training, performance measuring,\n and more. Also, it is significant to have the right tools to collaborate and communicate\n with a remote working team. Select tools that provide a smooth end-user experience and make\n them productive right from day 1.{' '}\n \n Digital Adoption Platform\n {' '}\n is one versatile tool that helps to address all the above-sited challenges. Leverage the\n right tools to provide the best end-user experience for your remote users. Right people\n combined with the right tools ensures high productivity and faster Return on Investment\n (RoI).\n

\n\n

\n What should be done?\n

\n

In-app learning

\n

\n Tools with in-application learning allow your end-users to learn within your product itself\n rather than leaving the application. This makes them learn by doing it action and not by\n watching hours of training videos or lectures.{' '}\n

\n

Support your users technology needs

\n

\n Understand the pain points of end-users and provide the right tool to address the challenge.\n End-user satisfaction is highly important, provide the right technology that satisfies their\n needs and wants.\n

\n

Deploy and Manage Technology

\n

\n Implementing a tool is important but managing the same plays an equal role significantly.\n Collect end-user feedback and do the necessary improvements in the tool. Provide a\n customized feeling and a personal touch to your remote workforce with the right tool.\n

\n
\n );\n};\n\nconst Wrapped = BlogArticle(Content);\n\nexport const frontmatter = {\n title: '5 tips to create the best UX in the remote work culture',\n url: '/blog/5-tips-to-create-best-ux-in-the-remote-work-culture/',\n description: `COVID-19 pandemic has added many changes in the business world. Many companies have shifted their focus to work from home. Learn how to create the best UX in remote work culture.`,\n author,\n img,\n imgSocial: img,\n date: '2021-01-20',\n category: '',\n group: 'Design',\n timeToRead: 7,\n};\n\nexport default () => (\n \n);\n","module.exports = __webpack_public_path__ + \"static/remote-ux-bf30cf03815bad82c14c1f62c919d400.png\";","module.exports = \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI5Mi4yNDUiIGhlaWdodD0iNzEuNjA4IiB2aWV3Qm94PSIwIDAgOTIuMjQ1IDcxLjYwOCI+PGRlZnM+PHN0eWxlPi5he2ZpbGw6I2ZmZTQ3ODt9PC9zdHlsZT48L2RlZnM+PHBhdGggY2xhc3M9ImEiIGQ9Ik04OS43Miw2Ni4yNzFjMC0xNi4xNjItMTAuNDQzLTI1LjM2MS0yMi4xMjktMjUuMzYxQTE5LjksMTkuOSwwLDAsMCw0Ny45NDksNjAuOGMwLDEwLjQ0Myw3LjQ1OSwxNy45LDE2LjkwNywxNy45YTEyLjQ3OCwxMi40NzgsMCwwLDAsNC45NzMtLjk5NUM2Ny41OTEsODYuNjYsNTguMzkyLDk3LjEsNTAuNDM1LDEwMS4zMjlMNjQuMTEsMTEyLjUxOEM3OS41MjYsMTAxLjU3OCw4OS43Miw4NC45MTksODkuNzIsNjYuMjcxWm0tNTAuNDc0LDBjMC0xNi4xNjItMTAuNjkxLTI1LjM2MS0yMi4zNzgtMjUuMzYxQzYuNDI2LDQwLjkxLTIuNTI1LDQ5Ljg2MS0yLjUyNSw2MC44YzAsMTAuNDQzLDcuNDU5LDE3LjksMTYuOTA3LDE3LjlhMTEuMTY0LDExLjE2NCwwLDAsMCw0LjcyNC0uOTk1QzE3LjExOCw4Ni42Niw3LjkxOCw5Ny4xLS4wMzksMTAxLjMyOWwxMy42NzUsMTEuMTg5QzI4LjgsMTAxLjU3OCwzOS4yNDYsODQuOTE5LDM5LjI0Niw2Ni4yNzFaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyLjUyNSAtNDAuOTEpIi8+PC9zdmc+\"","module.exports = \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgdmlld0JveD0iMCAwIDEyIDEyIj48ZGVmcz48c3R5bGU+LmF7ZmlsbDojMDAwMDAwO308L3N0eWxlPjwvZGVmcz48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtODUgLTg1KSI+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoODUgODUpIj48cGF0aCBjbGFzcz0iYSIgZD0iTTg1LDkxLjc1aDkuMTEybC00LjIsNC4yTDkxLDk3bDYtNi02LTYtMS4wNSwxLjA1LDQuMTYyLDQuMkg4NVoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC04NSAtODUpIi8+PC9nPjwvZz48L3N2Zz4=\"","module.exports = __webpack_public_path__ + \"static/aha-moment-812ca09e7e83fbd948b7d861da5f963f.png\";","import styled from 'styled-components';\nimport { media } from 'theme/breakpoints';\nimport quote from 'img/ui/quote.svg';\nimport arrowIcon from 'img/ui/arrow_black.svg';\n\nexport const Post = styled.div`\n h3,\n h2 {\n font-weight: 700;\n letter-spacing: 0.01em;\n margin: 2em 0 0.8em;\n }\n h3 {\n font-size: 1.1rem;\n line-height: 1.8rem;\n }\n h2 {\n font-size: 1.5rem;\n line-height: 2rem;\n }\n h4 {\n color: rgb(119, 119, 119);\n font-weight: 700;\n font-size: 1rem;\n }\n a {\n display: inline;\n font-size: 20px;\n }\n p {\n margin-bottom: 1.25rem;\n line-height: 1.8;\n font-size: 20px;\n }\n img {\n max-width: 100%;\n height: auto;\n margin: 1.2rem auto 1.4rem;\n display: block;\n }\n pre,\n p > em > code,\n p code {\n color: #c5c8c6;\n text-shadow: 0 1px rgba(0, 0, 0, 0.3);\n font-family: 'Inconsolata', 'Monaco', 'Consolas', 'Courier New', Courier, monospace;\n direction: ltr;\n text-align: left;\n white-space: pre;\n word-spacing: normal;\n word-break: normal;\n line-height: 1.5;\n\n -moz-tab-size: 4;\n -o-tab-size: 4;\n tab-size: 4;\n\n -webkit-hyphens: none;\n -moz-hyphens: none;\n -ms-hyphens: none;\n hyphens: none;\n background: #1d1f21;\n padding: 1em;\n margin: 0.5em 0;\n overflow: auto;\n border-radius: 0.3em;\n }\n p > em > code,\n p > code {\n padding: 0.1em;\n border-radius: 0.3em;\n font-size: 78.5%;\n margin: 0;\n }\n figure {\n margin: 0 auto 1.5rem;\n img {\n margin: 0 auto 1rem;\n display: block;\n max-width: 100%;\n height: auto;\n padding-bottom: 0;\n }\n figcaption {\n color: #888;\n width: 85%;\n margin: 0 auto;\n text-align: center;\n }\n }\n p img,\n img {\n margin: 1rem auto 2rem;\n display: block;\n max-width: 100%;\n height: auto;\n filter: drop-shadow(0px 0px 20px rgba(0, 0, 0, 0.16));\n }\n blockquote {\n margin: 3.5rem 0 2rem;\n position: relative;\n background-color: #f1f5f9;\n padding: 48px;\n & p strong a {\n font-weight: 700;\n }\n p:last-child {\n margin-bottom: 0;\n }\n ${media.mobile} {\n padding: 36px;\n }\n &::before {\n content: '';\n position: absolute;\n left: 0;\n top: 0;\n transform: translate(-30%, -50%);\n background-image: url(${quote});\n background-size: contain;\n background-position: center;\n background-repeat: no-repeat;\n width: 82px;\n height: 61px;\n ${media.mobile} {\n width: 74px;\n height: 74px;\n transform: translate(0, -50%);\n }\n }\n }\n ul li,\n ol li {\n margin-bottom: 0.5em;\n line-height: 1.8;\n font-size: 20px;\n }\n b {\n font-weight: 700;\n }\n aside {\n padding: 15px 25px;\n border: 2px solid #000;\n margin: 1.5rem 0;\n &.red {\n border-color: #e05c5e;\n color: #e05c5e;\n background-color: #ffebeb;\n }\n h2,\n h3,\n h4 {\n margin-top: 1.25rem;\n }\n ul {\n padding: 0 20px;\n li {\n margin-bottom: 1rem;\n }\n }\n @media (min-width: 768px) {\n padding: 15px 25px;\n }\n }\n aside.blue {\n background: #7cffef;\n border-radius: 4px;\n padding: 24px 48px;\n margin: 4rem 0px;\n border: none;\n h2 {\n font-size: 36px;\n font-weight: 800;\n }\n }\n a.link-button {\n border-radius: 4px;\n color: #fff;\n cursor: pointer;\n padding: 12px 36px;\n transition: 0.2s;\n text-transform: uppercase;\n font-weight: 700;\n min-width: 150px;\n font-size: 14px;\n text-align: center;\n background-color: #0446ca;\n margin: 0 auto 4rem;\n display: block;\n width: 250px;\n text-decoration: none;\n &:hover {\n transform: scale(1.06);\n }\n }\n .gatsby-resp-image-wrapper {\n margin-top: 25px;\n margin-bottom: 25px;\n }\n picture {\n img {\n margin: 5rem auto;\n display: block;\n filter: drop-shadow(0px 0px 20px rgba(0, 0, 0, 0.16));\n @media (max-width: 800px) {\n margin: 3rem auto;\n }\n }\n }\n .smaller-video {\n max-width: 60%;\n display: block;\n margin: 0 auto;\n ${media.tablet} {\n max-width: 100%;\n }\n }\n ol {\n ul {\n li {\n margin-bottom: 5px;\n }\n }\n }\n .in-border {\n border: 2px solid black;\n }\n .action-btn {\n color: #fff !important;\n margin: 3rem auto;\n background-color: #0a4ed6;\n padding: 8px 28px;\n border: 2px solid #0a4ed6;\n border-radius: 4px;\n transition: 0.2s ease;\n max-height: 48px;\n font-size: 16px;\n font-weight: 800;\n text-align: center;\n cursor: pointer;\n min-width: 140px;\n max-width: fit-content;\n outline: 0;\n display: block;\n text-decoration: none;\n white-space: nowrap;\n &:hover {\n color: #0a4ed6 !important;\n background-color: #fff;\n outline: 0;\n border: 2px solid #0a4ed6;\n text-decoration: none;\n }\n }\n .action-banner {\n background-color: #7cffef;\n padding: 16px 24px;\n font-size: 18px;\n color: #000;\n width: 100%;\n display: block;\n margin: 1.5rem 0;\n font-weight: 700;\n border-radius: 4px;\n &::after {\n content: url(${arrowIcon});\n display: inline-block;\n clear: both;\n margin-left: 16px;\n transition: 0.2s ease;\n }\n &:hover {\n text-decoration: underline;\n &::after {\n transform: translateX(8px);\n }\n }\n }\n`;\n","module.exports = __webpack_public_path__ + \"static/workshop-9cbd33de5d2cad185f6d7ef88f6eebaf.png\";","module.exports = __webpack_public_path__ + \"static/tools-631bf2df9856c5329bfa9bf7c2ba45c7.png\";"],"sourceRoot":""}