UX Game – Plerdy

<!doctype html> <html class="no-js" lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="x-ua-compatible" content="ie=edge"> <title>UX Game – Plerdy</title> <meta name="description" content="Start the UX game and show who is the true champion of user experience — Plerdy"/> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="apple-touch-icon" href="favicon.png"> <link rel="icon" type="image/png" href="favicon.png"> <link rel="stylesheet" href="https://www.plerdy.com/wp-content/themes/twentytwenty/assets/css/app.css"> <meta property="og:title" content="UX Game – Plerdy"/> <meta property="og:description" content="Start the UX game and show who is the true champion of user experience — Plerdy"/> <meta property="og:image" content="/images/uiGaim_ru.png"/> <meta property="og:url" content="https://www.plerdy.com/ru/ux-game"/> <link rel="icon" type="image/png" href="https://www.plerdy.com/wp-content/themes/twentytwenty/images/favicon-32.png"> <link rel="shortcut icon" href="https://www.plerdy.com/wp-content/themes/twentytwenty/images/favicon-32.png"> <link rel="apple-touch-icon" href="https://www.plerdy.com/wp-content/themes/twentytwenty/images/favicon-32.png"> <link rel="apple-touch-icon-precomposed" href="https://www.plerdy.com/wp-content/themes/twentytwenty/images/favicon-32.png"> <link rel='preload' href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700;800&display=swap" rel="stylesheet"> <link rel='preload' href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,700" rel="preload"> <link rel='preload' id="icon-my" href='' type='text/css'/> <script async src="https://www.googletagmanager.com/gtag/js?id=G-15X5JYHSHC" type="5625c0e7c5cbcfccf922aa02-text/javascript"></script> <script type="5625c0e7c5cbcfccf922aa02-text/javascript"> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-15X5JYHSHC'); </script>  <script type="text/javascript"> var _suid=278; </script> <script async type="text/javascript" src="https://a.plerdy.com/public/js/click/plerdy_ab.js?v=8bf933f"></script>  </head> <body> <div class="sharing"> <a class="ico_faceboock" href="https://www.facebook.com/sharer/sharer.php?u=https://www.plerdy.com/start-ux-game/"></a> <a class="ico_twitter" href="https://twitter.com/intent/tweet?url=https://www.plerdy.com/start-ux-game/"></a> <a class="ico_linkid" href="https://www.linkedin.com/shareArticle?url=https://www.plerdy.com/start-ux-game/"></a> </div> <div v-cloak id="app"> <span class="bg_app1"></span> <span class="bg_app2"></span> <span class="bg_app3"></span> <ui-game inline-template> <div class="game view"> <ui-cookies @hide="hideCookies" v-if="cookiesIsActive"></ui-cookies> <div class="view__content"> <div class="win_bg"> <div class="win_sub_bg"> <div class="view__row view__row1"> <div class="txt_ui_logo"><span>ux_juego</span><span class="close_w"></span></div> </div> <div class="view__row view__row2"> <ui-timer center></ui-timer> </div> <div class="view__row view__row-pagination"> <ui-pagination :active-index="activePageIndex" :pages="pages" center v-if="!gameFinished"></ui-pagination> </div> <div class="view__row view__row3"> <div id="game_result_container"> <div class="end-screen"> <form action="https://www.plerdy.com/results-ux-game/" id="formresults" method="post"> <input type="hidden" name="action" value="ux_game_result"> <input class="game_time" type="hidden" name="game_time"> <input class="game_lang" type="hidden" name="game_lang" value="ru"> <img class=end-screen__image src=/wp-content/themes/twentytwenty/ui/giphy.gif alt="Carlton Dancing"> <div class="end-screen__title h1"> _ux game_ </div> <p class="sub_h1"> you are awesome! a true interface legend </p> <div class="row_result"> <div> <span>YOUR NAME</span> <input id="game_name" name="game_name" type="text" size="40" required> </div> <div> <span>YOUR EMAIL</span> <input id="game_email" name="game_email" type="text" size="40"> </div> </div> <p class=end-screen__text> <a class="next_table win_btn" id="aclick" href="https://www.plerdy.com/results-ux-game/"><span>See the full rating</span></a> show rating of all participants. </p> </form> </div> </div> <ui-login-form-with-password-check v-if="currentPageIndex===0" :page="1" :num-pages="maxPages" @complete="onCompleteStep" @cancel="toggleConfirmModal" @open-terms-and-conditions="showTermsAndConditions(true)"></ui-login-form-with-password-check> <ui-avatar-and-interests-page v-if="currentPageIndex===1" :page="2" :num-pages="maxPages" @complete="onCompleteStep" @cancel="onCancelStep"></ui-avatar-and-interests-page> <ui-personal-details v-if="currentPageIndex===2" :page="3" :num-pages="maxPages" @complete="onCompleteStep" @cancel="toggleConfirmModal" @validation-error="onPersonalDetailsError"></ui-personal-details> <ui-captcha-page v-if="currentPageIndex===3" :page="4" :num-pages="maxPages" @complete="onCompleteStep"></ui-captcha-page> <ui-end-screen v-if="gameFinished"></ui-end-screen> </div> </div> </div> </div> <ui-modal @close="toggleConfirmModal" v-if="confirmModalIsActive" :closable="false"> <h2 class="title title--center"> Really cancel? </h2> <div class="align align--center align--gutter-sm"> <div class="align__cell"> <a class="button button--solid button--red win_btn" href="https://www.plerdy.com/ru/start-ux-game/"> <span> Yes </span> </a> </div> <div class="align__cell"> <ui-button @click="toggleConfirmModal" color="green" class="win_btn"> <span> No </span> </ui-button> </div> </div> </ui-modal> <ui-modal v-if="termsAndConditionsVisible" :closable="false"> <ui-terms-and-conditions @accept="showTermsAndConditions(false)"></ui-terms-and-conditions> </ui-modal>  <ui-modal class="personal-details-errors-modal" v-if="personalDetailsPageHasErrors" :closable="false"> <h2 class="title title--center"> Please fill in all fields correctly: </h2> <div class="personal-details-errors-modal__list-container"> <ul> <li v-for="error in personalDetailsPageErrors">{{error}}</li> </ul> </div> <div class="align align--center align--gutter-sm"> <div class="align__cell"> <ui-button @click="onClosePersonalDetailsErrors" color="green" class="win_btn"> <span> Next </span> </ui-button> </div> </div> </ui-modal> <ui-timer-modal @close="toggleTimerModal" v-if="timerModalIsActive"></ui-timer-modal> <ui-help-form v-if="!gameFinished"></ui-help-form> </div> </ui-game> <div class="footer_links"> </div> </div> <script src="https://www.plerdy.com/wp-content/themes/twentytwenty/assets/js/jquery-3.6.0.min.js"></script> <script src="https://www.plerdy.com/wp-content/themes/twentytwenty/assets/js/app_en.js"></script> <script type="text/javascript"> /* <![CDATA[ */ var google_conversion_id = 932688857; var google_custom_params = window.google_tag_params; var google_remarketing_only = true; /* ]]> */ </script> <script type="text/javascript"> _linkedin_partner_id = "2567042"; window._linkedin_data_partner_ids = window._linkedin_data_partner_ids || []; window._linkedin_data_partner_ids.push(_linkedin_partner_id); </script> <script type="text/javascript"> (function () { var s = document.getElementsByTagName("script")[0]; var b = document.createElement("script"); b.type = "text/javascript"; b.async = true; b.src = "https://snap.licdn.com/li.lms-analytics/insight.min.js"; s.parentNode.insertBefore(b, s); })(); </script> <script type="text/javascript" defer> var _protocol = (("https:" == document.location.protocol) ? " https://" : " http://"); var _site_hash_code = "95bcd4406bfb89454492c15627154a7b"; var _suid = 278; var plerdyContainer = '.container'; </script> <script type="text/javascript" defer src="https://a.plerdy.com/public/js/click/main.js"></script>  <script> !function (f, b, e, v, n, t, s) { if (f.fbq) return; n = f.fbq = function () { n.callMethod ? n.callMethod.apply(n, arguments) : n.queue.push(arguments) }; if (!f._fbq) f._fbq = n; n.push = n; n.loaded = !0; n.version = '2.0'; n.queue = []; t = b.createElement(e); t.async = !0; t.src = v; s = b.getElementsByTagName(e)[0]; s.parentNode.insertBefore(t, s) }(window, document, 'script', 'https://connect.facebook.net/en_US/fbevents.js'); fbq('init', '272000946466521'); fbq('track', 'PageView'); </script> <script> document.getElementById("aclick").onclick = function() { document.getElementById("formresults").submit(); } </script> <noscript> <img loading="lazy" height="1" width="1" src="https://www.facebook.com/tr?id=272000946466521&ev=PageView &noscript=1"/> </noscript>  </body> </html>

CINXE.COM

UX Game – Plerdy