几个月前，我们向您展示了使用Indigo Studio测试您的原型与实际用户是多么容易，即使您不能直接观察它们。
从那时起，我们使它变得更加容易: 现在，除了跟踪用户与原型的交互之外，您还可以通过他们的网络摄像头记录用户自己 (当然还有他们的选择加入权限)。每个面部表情，眼动和发声都与原型中记录的交互同步，因此您可以真正挖掘用户体验!
请亲自查看-我们创建了一个示例可用性研究 ，以便您了解它的工作原理。
当您运行研究时，系统会提示您安装浏览器扩展以支持视频录制。对于完整的视频回放，我们需要谷歌的Chrome浏览器，但如果你只对记录与原型的互动感兴趣，任何浏览器都可以。
很简单，不是吗？
如果你想从研究项目所有者的角度来看重播是什么样子，下面是我设置的可用性测试，然后自己进行的。
</noscript></div><script type = “text/javascript”> cs_setInnerHtml(‘video_338f38cf-1b5e-4b9a-8d42-58fb70e92ac7’，'<iframe type = \ “text \/html \” src = \ “\/\/www.youtube.com \/embed \/8GM3sPiqFZs \” frameborder = \ “0 \” width = \ “644 \” height = \ “388 \” allowfullscreen \/>’); </script></p> <p> 注意我说的每一个字 (是的，我自言自语) 和眼睛运动轨迹到屏幕上的光标。还要注意时间轴上的红色和蓝色点 & mdash; 它们根据我在设置研究时定义的流程对应于不正确和正确的交互。</p> <p>It & rsquo；真的很容易。</p> <p> 您还可以轻松地生成和查看每个研究的报告-这里是 <a href = ” http://static.infragistics.com/marketing/Website/IndigoStudio/ Sample-Usability-Report.pdf？v = 201706200900″>example</a>.</p> <p> 如果您是 <a href = “/products/indigo-design/pricing”> indigo Studio Professional或Indigo Studio Enterprise</a> 用户，您已经拥有了通过视频回放运行无限可用性研究所需的一切，而无需额外费用。</p> <p> 或者，您可以免费下载 <a href = “/products/indigo-design/pricing”> indigo Studio Essential </a>，并在30天内完全访问Indigo Studio Professional的所有高级功能，包括远程可用性研究。</p> <p> 要了解更多信息并亲自尝试，请访问我们的 & quot;<a href = “/products/indigo-studio/bentity-usability-testing-at-scale”> 大规模可用性测试 </a>& quot；页面，了解Indigo Studio如何帮助您确保您的用户体验在编写第一行代码之前就让用户满意。</p><a href = “/downloads/request/00000000-0000-000000005661”><img alt = “” src = ” https://download.infragistics.com/marketing/ blog-in-content-ads/indigo-studio/Blog-in-content-Indigo-prototyping-650X200.jpg” /></a></p> <div style = “清除: 两者；”> </div> <footer class = “post__footer”> <ul class = “post__social social — footer”> <li class = “post__social-item”> <span class = “post__ 喜欢 — footer”> <span class = “ui-presentcontent ui-like fa fa-竖起大拇指ui-tip” data-presentcontents = “2cb53e8d427d45c681fb8f15d0b67ee7 | f7d226abd59f475c9d224a79e3f0ec07 |” data-tipcontent = “initialmessage” data-contentid = “2cb53e8d-427d-45c6-81fb-8f15d0b67ee7” data-contenttypeid = “f7d226ab-d59f-475c-9d22-4a79e3f0ec07” data-initialcount = “2” data-initialstate = “false” data-readonly = “true” data-initialmessage = “& lt;a href = & quot;/社区/成员/aab396d38cd710ef8929832e2cccfec23d278782 & quot; class = & quot; 内部链接视图-用户个人资料 & quot;>Jason Beres [Infragistics]& lt;/a> 和 & lt;span class = & quot; 谁喜欢 & quot;>1其他 & lt;/span> 这样的” data-format = “{count}” data-configuration = “Format ={count}& amp;IncludeTip = true & amp;CssClass = fa-竖起大拇指 & amp；likeTypeId = 00000000-0000-000000000000”> </span> </li> <li class = “post__social-item likes — footer-anonymous”> <div class = “post__ likes-button — anonymous”><a href = “/login?ReturnUrl = https://www.infragistics.com/community/blogs/b/infragistics/posts/ 观看-远程用户-与您的原型交互”> 登录 </a> 喜欢这篇文章!</div> </li> <li class = “post__social-item”> <div class = “addthis_inline_share_toolbox”> </div> </li> </ul> <div class = “post__tagList”> <ul class = “tags__list tags — list fa-tag”> <li class = “tags__item”><a href = “/community/blogs/tags/For + UX + 专业人员”> UX专业人员 </a></li> <li class = “tags_item”><a href = “/社区/博客/标签/可用性 + 测试”> 可用性测试 </a></li> <li class = “tags__item”> <a href = “/community/blogs/tags/UX”>UX</a> </li> </ul> </div> </footer> </article> <script type = “text/javascript” src = “https:// s7.addthis.com/js/300/addthis_widget.js # pobid = ra-59931f14a2587452”> </script> </div> <div class = “content-fragment-footer”> </div> <div class = “content-fragment scripted-content-fragment no-wrapper具有-间距响应-1” id = “片段-1037” 数据-回流 = “ctl02_ctl02_ctl02_content，ctl02_ctl02_singlecolumn，1,1，6”> <div class = “content-fragment-content”> <a href = “#” class = “btn — back-to-top”><i class = “fa fa-angle-up” aria-hidden = “true”> </i> </a> </div> <div class = “content-fragment-footer”> </div> </div> </div> </div> </div> <div class = “layout-footer”> </div> </div> </div> <div class = “footer-fragments-header”> </div> <div class = “单列footer-fragments evolution-reflow-container” data-related = “ctl02_ctl03_page” id = “ctl02_ctl03_singlecolumn” style = “显示: none”> </div> <div class = “footer-fragments evolution-reflow-container” data-related = “ctl02_ctl03_singlecolumn” id = “ctl02_ctl03_page”> <div class = “layout”> <div class = “layout-header”> </div> <div class = “layout-content content” id = “ctl02_ctl03_layout”> <div class = “layout-region content” id = “ctl02_ctl03_content”> <div class = “layout-region-inner content”> <div class = “content-fragment no-wrapper与-spacing响应-1” id = “footer-20” data-reflow = “ctl02_ctl03_content，ctl02_ctl03_singlecolumn，1,1，0”> <div class = “content-fragment-content”> <div id = “globalnav__footer”> <!– FOOTER –> <footer class = “ui-footer ui-footer — clearfix”> <div class = “ui-footer__wrap ui-footer — clearfix ui-footer__icons”> <a href = “/community/blogs/” target = “blank” “class =” ui-footer __ icon-link “><svg viewBox =” 0 0 512 512 “><path d =” M201.8 347.2c0 20.3-16.5 36.8-36.8 36.8 -20.3 0-36.8-16.5-36.8-36.8 36.8-36.8C185.3 310.4 201.8 326.8 201.8 347.2 zm128.2 204.7v54.5 c68.5 0.7 124 56.3 124.7 124.7 h54.5c306.7 285.3 226.9 205.4 128.2 204.7 zm128.2 166.6 c57.9 0.3 112.3 22.9 153.2 63.9 41 41 63.7 95.5 63.9 153.5h54.5c-0.3-149.9-121.7-271.4-271.6-271.9V166.6L128.2 166.6z “/></svg><!–[if lt IE 9]><em>RSS</em><![endif]–> </a> <a href =”/community/blogs/tags/podcast/default.aspx “target =” blank “” class = “ui-footer __icon-link”><svg viewBox = “-2 -2.5 20 20”> <路径d = “M8 16 s1.75 0 1.75-5.18 c0-.965-.784-1.75-1.75-1.75s-1.75.785-1.75 1.75 c6.25 16 8 16 zm2.147-1.766c.077-.296.136-.595.183-.897 l.035-.24 c.077-.032.154-.065.23-.1 1.215-.55 2.238-1.49 2.89-2.653.297-.534.516-1.11.646-1.71.148-.67.182-1.368.104-2.052-.073-.64-.246-1.266-.512-1.853-.31-.687-.746-1.316-1.28-1.848-.55-.55-1.203-.998-1.916-1.31-.737-.323-1.536-.2.5-34-.52-.81-.02-1.623.116-2.38.404-.73.278-1.405.694-1.983 1.218-.557.506-1.02 1.113-1.365 1.782-.29.57-.494 1.184-.6 1.815-.108.655-.112 1.326-.01 1.982.088.583.26 1.153.51 1.688.586 1.253 1.59 2.295 2.823 2.926.148.076.3.146.453.21.01.087.024.174.037.26.047.297.104.59.18.88-.276-.085-.546-.188-.808-.307-1.436-.65-2.64-1.77-3.392-3.155-.34-.624-.585-1.3-.728-1.995-.16-.782-.19-1.59-.09-2.382.095-.74.305-1.465.62-2.14.37-.792.884-1.515 1.51-2 125C3.606 1.483 4.36.973 5.02.066.62 7.933 05 c.938-.01 1.877.16 2.75.503.842.332 1.618.824 2.28 1.44.64.595 1.17 1.304 1.558 2.086.33.665.558 1.382.67 2.117.117.76.112 1.538-.013 2.296-.117.704-.722.322-.34 1.39 1.1-.657 zm.346-2-.438 2.028-.854-.。312c0-.21.003-.42-.03-.627-.01-.08-.027-.157-.047-.235.372-.307.685-.685.916-.1.11.175-.324.303-.674.377-.407.1-.828.046-1.24-.047-。37-.15-.73-.302-1.07-.187-.414-.45-.793-.77-1.115-.322-.32-.7-.584-1.115-.77-.456-.207-.953-.32-1.453-.333-.504-.013-1.0075-1.48.26-.422.168-.814.412-1.15.72-.337.304-.617.67-.824 1.073-.17.33-.288.684-.354 1.048-.067.378-.077.766-.028 1.147.047.37.15.73.302 1.07.23.508.574.96.998 1.322-.024.088-.043.178-.057.27-.033.207-.03.415-.03.626 l.006.28c-.698-.435-1.28-1.05-1.674-1.775-.224-.41-.386-.855-.48-1.313-.105-.514-.124-1.046-.058-1.567.06-.467.19-.926.383-1.355.237-.524.57-1.003.976-1.41.406-.406.886-.738 1.41-.975.577-.262 1.205-.404 1.84-.42.637-.017 1.276.095 1.87.33.536.21 1.03.52 1.458.908.425.386.785 1.04 1.36.215.416.367.865.45 1.327.084.477.097.968.035 1.45-.06.467-.19.926-.383 1.355-.396.876-1.06 1.62-1.88 2.118zm8 5.016 c.91.764.79-1.764-1.765-1.764 1.765 0.-1.774–0.-1.-1.764 1.764-1.764z “/></svg><!–[if lt IE 9]><em> 播客 </em><![endif]–></a> <a href =” https://twitter.com/infragistics “target =” blank “class =” ui-footer__icon-link “><svg viewBox =” 0 0 512 512 “><path d =” M419.6 168.6c-11.7 5.2-24.2 8.7-37.4 10.2 13.4-8.1 23.8-20.8 28.6-36 -12.6 7.5-26.5 12.9-41.3 15.8 -11.9-12.6-28.8-20.6-47.5-20.6 -42 0-72.9 39.2-63.4 79.9 -54.1-2.7-102.1-28.6-134.2-68 -17 29.2-8.8 67.5 20.1 86.9 -10.7-0.3-20.7-3.3-29.5-8.1 -0.7 30.2 20.9 58.4 52.2 64.6 -9.2 2.5-19.2 3.1-29.4 1.1 8.3 25.9 32.3 44.7 60.8 45.2 -27.4 21.4-61.8 31-96.4 27 28.8 18.5 63 29.2 99.8 29.2 120.8 0 189.1-102.1 185-193.6C399.9 193.1 410.9 181.7 419.6 168.6z “/></svg><!–[if lt IE 9]><em>Twitter</em><![endif]–></a> <a href =” https://www.facebook.com/infragistics “target =” blank “” class = “ui-footer__icon-link”><svg viewBox = “0 0 512 512”><path d = “M211.9 197.4h-36.7v59.9h36.7V433.1h70.5V256.5h49.2l5.2-59.1h-54.4c0 0-22.1 0-33.7 0-13.9 2.8-19.5 16.3-19.5 10.9 0 38.2 0 v82.9 c0 0-40.2 0-48.8 0 -52.5 0-76.1 23.1-76.1 67.3C211.9 188.8 211.9 197.4 211.9 197.4z”/></svg><!–[if lt IE 9]><em>Facebook</em><![endif]–></a> <a href = ” http://www.linkedin.com/company/infragistics ” target = “blank” “class =” ui-footer__icon-link “><svg viewBox =” 0 0 512 512 “><path d =” M186.4 142.4c0 19-15.3 34.5-34.2 34.5 -18.9 0-34.2-15.4-34.2-34.5 0-19 15.3-34.5 34.2-34.5 c171.1 107.9 186.4 123.4 186.4 142.4 zm181.4 201.3h-57.8V388.1h57.8V201.3zM273.8 201.3h-55.4V388.1h55.4c0 0-69.3 0-98 0-26.3 12.1-41.9 35.2-41.9 21.3 0 31.5 15 31.5 41.9 0 26.9 0 98 h57.5c0 0 0-68.2 0-118.3 0-50-28.3-74.2-68-74.2 -39.6 0-56.3 30.9 v-25.2h273.8z “/></svg><!–[if lt IE 9]><em>LinkedIn</em><![endif]–></a> <a href =” https://www.youtube.com/user/Infragistics？ annotation_id = annotation_3135485231 & amp;feature = iv & amp;src_vid = c8dSiyWIfEo & amp；sub_confirmation = 1 “target =” blank “” class = “ui-footer__icon-link”><svg viewBox = “0 0 512 512”><path d = “M422.6 193。6c-5.3-45.3-23.3-51.6-59-54 -50.8-3.5-164.3-3.5-215.1 0 -35.7 2.4-53.7 8.7-59 54-4 33.6 91.1 0 124.8 5.3 45.3 23.3 51.6 59 54 50.9 3.5 164.3 3.5 215.1 0 35.7-2.4 53.7-8.7 59-54c426.6 284.8 426.6 227.3 422.6 193.6zM222.2 303.4v-94.6l90.7 47.3L222.2 303″/></svg><!–[if lt IE 9]><em>YouTube</em><![endif]–></a> </div> <div class = “ui-footer __wrap — max-width ui-footer — clearfix”> <div class = “ui-footer _col-四分之一ui-footer__col-block”> <div class = “ui-footer__menu”> <ul class = “ui-footer__menu-list”> <li class = “ui-footer__menu-list-item”> <div class = “ui-footer__category”>Products</div> <ul> <li> <a class = “menu__link” href = “/products/ultimate”>Developers</a> </li> <li> <a class = “menu__link” href = “/产品/indigo-studio”>UX专业人员 </a> </li> <a class = “menu __link” href = “/business-teams”> 业务团队和lt;/a></li><a class = “menu __link” href = “/how-to-buy/product-pricing”> 查看全部 </a></li><a class = “menu __link” href = “/free-downloads”> 免费试用版 </a></li> </ul> </li> </div> <!– 列2 –> <div class = “ui-footer __col-四分之一ui-footer __col-block”> <div class = “ui-footer __menu”> <ul class = “ui-footer __menu-list”> <li class = “ui-footer__ menu-list-item”> <div class = “ui-footer__category”> 学习 & amp；支持 </div> <ul> <li><a class = “menu __link” href = “/Support”> 帮助 & amp；API文档 </a></li><a class = “menu __link” href = “/community/blogs”> 博客 </a></li><a class = “menu __link” href = “/support/chat”> 技术支持聊天 </a></li><a class = “menu__link” href = “/community/forums”> 论坛 </a></li><a class = “menu__link” href = “/my-account/submit-support-request”> 提交请求 </a></li> </ul> </div> <!– 列3 –> <div class = “ui-footer __col-四分之一ui-footer __col-block”> <div class = “ui-footer __menu”> <ul class = “ui-footer __menu-list”> <li class = “ui-footer __ menu-list-item”> <div class = “ui-footer __category”> 我的帐户 </div> <ul> <li><a class = “menu _link” href = ” https://customer.infragistics.com/subscriptions “> 管理我的订阅 </a></li><a class = “menu __link” href = “/my-account/submit-support-request”> 支持请求 </a></li> </ul> </div> </div> <!– 列4 –> <div class = “ui-footer__col-四分之一ui-footer__col-block”> <div class = “ui-footer__menu”> <ul class = “ui-footer__menu-list”> <li class = “ui-footer __ menu-list-item”> <div class = “ui-footer __category”> 公司 </div> <ul> <li><a class = “menu __link” href = “/关于我们”> 关于我们 </a></li><a class = “menu__link” href = “/关于-我们/careers”> 职业 </a></li><a class = “menu__link” href = “/legal/terms-of-use”>Legal</a></li> <li><a class = “menu__link” href = “/events”>News & amp; 活动 </a></li><a class = “menu __link” href = “/关于-美国/alliances-partners”> 合作伙伴 </a></li> </ul> </div> </div> </div> <div class = “ui-footer__wrap ui-footer — clearfix ui-footer — legal” style = “text-align: 中心;”> <div class = “ui-footer __menu”> <ul class = “ui-footer __ menu-list”> <li class = “ui-footer __ menu-list-项目显示 — 内联块” style = “margin: 0 5px; 显示: 内联块；”><a class = “menu __link” href = “/legal/privacy”> 隐私政策 </a></li> <li class = “ui-footer __ menu-list-item display — inline-block” style = “margin: 0 5px；显示: inline-block；”><a class = “menu __link” href = “/legal/cookie-policy”> cookie </a></li> <li class = “ui-footer__ menu-list-item显示 — inline-block” style = “margin: 0 5px; 显示: 内联块；”><a class = “menu __link” href = “/legal/terms-of-use”> 使用条款 </a></li> </ul> </div> </footer> </div> <div class = “content-fragment-footer”> </div> </div> </div> </div> </div> <div class = “layout-footer”> </div> </div> </div> <div class = “footer-fragments-footer”> </div> <script type = “text/javascript”> // <![CDATA[ if ($.telligent.evolution.contentFragmentContainers) { $.telligent.evolution.contentFragmentContainers = {}; } $.telligent.evolution.contentFragmentContainers.header = 新的ContentFragmentContainerCustomCallback(‘ctl02_ctl01_page’，新建函数 (‘mode’，’参数’，’回调’，’errorCallback’，’context’，’ authValue ‘，’ ctl02_ctl01_ctl00._doCallback(mode \ ‘:\’ authValue \ ‘): \’ 参数，’cookieworderation’; ‘; ‘Iz’ 参数，’ callcallcallback，’// ]]> </script> <script type = “text/javascript”> // 当用户从文档顶部向下滚动20px时，显示按钮jQuery(document).ready(function() { var offset = 100; var duration = 300；jQuery(window).scroll(function() { if (jQuery(this).scrollTop() > offset) { jQuery(“.btn — back-to-top”).fadeIn(duration); } else { jQuery(“.btn — back-to-top”).fadeOut(duration); } }); jQuery(“.btn — back-to-top”).click(function(event) { event.preventDefault(); jQuery(“html, body”).animate({scrollTop: 0}，duration); 返回false; }); </script> <script type = “text/javascript”> // <![CDATA[ if!($.telligent.evolution.contentFragmentContainers) { $.telligent.evolution.contentFragmentContainers = {}; } $.telligent.evolution.contentFragmentContainers.page = 新建ContentFragmentContainerCustomCallback(‘ ctl02_page ‘，new’，new ‘，new，’ ‘ctl02_ctl02_ctl00._Docallback (mode \’:\ ‘authValue \’:\ ‘参数，回调，上下文，errorCallback);’，’AuthorizationCookie’); // ]]> </script> <script type = “text/javascript”> // <![CDATA[ if!($.telligent.evolution.contentFragmentContainers) { $.telligent.evolution.contentFragmentContainers = {}; } $.telligent.evolution.contentFragmentContainers.footer = 新的contentfragmentcontainercallback (‘ ctl02_ctl03_page ‘，new’，新函数 (‘，’ ‘ctl02_ctl03_ctl00._Docallback (mode \’:\ ‘authValue \’:\ ‘参数，回调，上下文，errorCallback);’，’AuthorizationCookie’); // ]]> </script> <script type = “text/javascript”> // <![CDATA[ window.ctl02_ctl01_ctl00 = 新的Telligent_CallbackManager(‘ ctl02_ctl00 ‘，’ ctl02 $ ctl01 $ ctl00 ‘，’ ctl01 ‘); //]> </script> <script type = “text/javascript”> <//![CDATA[ window.ctl02_ctl02_ctl00 = 新建Telligent_CallbackManager(‘ ctl02_ctl02_ctl00 ‘，’ ctl02 $ ctl00 ‘，’ ctl01 ‘); //]> </script> <script type = “text/javascript”> <//![CDATA[ window.ctl02_ctl03_ctl00 = 新建Telligent_CallbackManager(‘ ctl02_ctl03_ctl00 ‘，’ ctl02 $ ctl03 $ ctl00 ‘，’ ctl01 ‘); //]> </script> </form> <!– <rdf:RDF xmlns:rdf = “http:// www.w3.org/1999/02/22-rdf-syntax-ns #” xmlns:dc = ” http://purl.org/dc/elements/ 1.1/” xmlns:trackback = ” http://madskills.com/public/xml/rss/module/trackback/ “> <rdf: 描述rdf: 关于 = ” https://www.infragistics.com/community/blogs/b/infragistics/posts/ 观看-远程用户-与您的原型交互” dc:identifier = ” https://www.infragistics.com/community/blogs/b/infragistics/posts/ 观看-远程用户-与您的原型交互” dc:title = “观看远程用户与您的原型交互” trackback:ping = ” https://www.infragistics.com/community/blogs/b/infragistics/trackback？WeblogPostId= 523361″ /> </rdf:RDF> –> </body> </html & gt