发布时间：2022-09-27 00:00   您所在的位置： 网站首页 > 新闻资讯 > 经验杂谈

增哥导读：清楚顾客是怎么操作网站开发的相对网站开发公司和手机网站的设计者来说至关重要，假如你不仔细的研究，不依靠真实的数据。那么你以前的研究很可能沦为想象的玩物，快来讲看真实的情况是什么样的吧。“新概念科技（上海网站开发）”推荐此文。

　　自上次顾客持握网站开发的研究之后，终于又完成了另一篇系列文章的翻译了。一样来自Steven Hoober，这篇更加关注于细节——顾客具体使用时的手势，例如点击和滚动，研究结果对设计有着重要的指导意义。

　　虽然在过去的几年间，咋们在顾客如何使用触屏设备的研究中有了很多的发现，然而我十分确信咋们仍然有很多未知必须要探索。触屏设备这样的领域还相当的新。很多新的交互模式仍在研究中，而咋们也才刚刚清楚到顾客是如何理解并且使用他们的触屏设备的。

　　自从一年半前我先进次研究顾客是如何持握和使用网站开发之后，我一直在继续早先的研究，并且还探索了移动触屏交互人性化的一面。下一步我该做的便是去试图清楚顾客的动机，并确定能否可以找到顾客交互行为与不同情景及操作之间的关系。

　　我的研究方法

　　我与在ZIPPGUN工作的朋友一同合作，设计开发了一款移动应用，以赞助我看到顾客使用网站开发或是平板的不同方法。通过此应用，我一共观察了31个顾客，其中三分之二使用的是网站开发，剩下的是平板。

　　我从顾客的视角录下了他们所有的操作，并且事后开展了视频编辑，记录了他们持握和触摸设备的方法，以及其他一部分基于他们交互行为的特征。同时，我还记录了他们使用滚动手势时的方向和长度，点击的位置，以及开展选择操作时的—有效性。

　　网站开发上的测试我差不多全是通过在嘉年华随机拦访的方法开展的(译者注：此句中carnival intercepts不求甚解，不知能否译得正确，求高手指教)，就像购物中心开展的现场采访。通过顾客戴着的录像眼镜，咋们录下他们使用网站开发的过程，这样的眼镜经过我的特制以它足够舒服，不可能决定顾客当然的使用。图1呈现了正在处置中的录制视频。而平板电脑的测试我则使用了UserTesting.com通过远程的方法在家里开展的。

移动设备手势剖析——顾客是怎样操作网站开发的？
图1- 使用屏幕测量工具开展视频中数据的剖析

　　虽然这次研究的受访顾客远比上次的人数少得多，不过这次的研究特别不同。通过视频编辑开展信息的搜集更为困难，录制并剖析这31个顾客的数据花掉了将近100个小时。这次我要呈现的数据与上次研究十分相应，而且在一定水平上扩展、解释或者说证实了上次的研究发现。

　　我以前还收集了一部分这篇文章没有讨论到的信息，只不过较后发现没有什么价值，它们有一些比较模糊，有一些则自相矛盾，还或者是必须要越来越多的研究和剖析才足以支撑的结论。

　　持握方法切换

　　“差不多没有人在具体操作中是一直使用单手的”

　　这次测试的*要重点便是持握方法的切换，我希望可以将顾客持握及触碰的方法与具体的使用场景匹配起来。通过研究我发现较有趣的是我在测试过程中具体上很少关注这样的行为。比如，人们持握网站开发的方法似乎十分契合我上次的研究结果，大部分的人全是在单手使用。不过当我真正开始剖析这些数据时，我有了新的发现。正如你在图2中看到的，差不多没有人在具体操作中是一直使用单手的。

移动设备手势剖析——顾客是怎样操作网站开发的？,互联网的一部分事
图2- 观察得出的多种触摸方法的比例

　　假如你承认顾客在使用的过程双手会很当然地不停变换，我也是这样子想的，顾客使用多种持握网站开发的方法的比例就显得相当合情合理。人们似乎经常使用单手来持握网站开发，然后直接用大拇指开展页面上轻微的滚动，不过当要开展长滚动或是选择时，他们就会切换到换握的方法或是使用另一只手来开展操作。

　　在很多的操作行为上，顾客全是使用一只手来握住网站开发，用另一只手来点击。大约在41%時间里，顾客使用双手——大部分情况下是两个大拇指操作虚拟键盘开展输入。少部分顾客也用两个大拇指来完成日常的一般操作，来回切换两个大拇指开展点击或是滚动。

　　平板的数据在此项中被我排除在外了，由于典型的平板顾客差不多全是在平面上或是支撑起的模式下使用的，他们多数用手指、触控笔开展操作，或者偶尔还用用大拇指。

　　点击定位

　　“顾客在操作触屏界面的中间区域时，点击更为—有效。”

　　从上一个研究结果咋们得知，人们在操作移动设备屏幕的中间部分时，可以更—有效地点击到——这差不多适用于任何大小的屏幕或是任意一种持握方法。他们潜意识里一样深知这一点——这也许和人们更习惯于阅读屏幕中间的信息相应——故此他们在操作屏幕中间的区域时更为当然而对边缘目标的点击上就明显放慢了速度。

　　顾客点击区域的屏幕位置显然是点击—有效度上较为重要的一个变量。无关环境、无关能否熟悉触屏或是其他任何要素。

　　然而，咋们还没有太多的平板使用上的数据支持。在这次的研究中，我收集了部分的数据，并且确认这些—有效度的结果能契合7寸、8寸还有10寸的平板。

　　图3呈现了在平板上顾客具体点击的位置和一个代表了顾客想关键之处击的菜单按钮的圆形区域。图中，每一个点代表了迅速点击，95%的点击都落在了圆形区域中。

移动设备手势剖析——顾客是怎样操作网站开发的？,互联网的一部分事
图3 平板上的点击—有效度示意图

　　这里还有一个案例可以证明顾客偏好对中心点击—有效度的决定。图4呈现了顾客在点击全屏滑动的列表时热点图。他们很当然地将信息移到他们偏好的位置，这样的大约在屏幕高度2/3的位置是顾客点击次数较多的地方。当顾客可以选择点击哪里的时候——例如，在一个滚动列表中——他们差不多总是点击屏幕高度2/3的位置。

　　而且这样的数据并不可能受到设备的类型决定，在所有的移动设备上的结果都惊人的相似。图4的热点图其实包含了顾客在网站开发还有平板上的选择，只是为了可视化的统一才这样子呈现。不论设备的类型、大小或是横竖屏，所有的点击都落在屏幕的同一片区域。
{关注新概念科技（上海网站开发、上海网站制作），每天为你推送网站开发纯干货！}
移动设备手势剖析——顾客是怎样操作网站开发的？,互联网的一部分事
图4-顾客偏好触摸屏幕高度2/3的位置

　　你可能以前会认为，设计一个类似于twitter这样子的顾客界面，关键的操作或是输入框应该放在顶部或是底部，然而，主要的信息和互动区域都应该是在屏幕的中间，具体上也是这样子。所有以信息为中心的工具应用都有效契合顾客主要浏览和点击屏幕中间的行为。其他所有的基本功能全是次要选择。

　　这些研究成果都契合我以前关于顾客切换手持方法的假设。如同你所见到的，就算顾客必须要移动变换姿势或是伸展手指去点击屏幕中间，他们都经常会这样子做。并不是由于咋们逼迫的，而是顾客自个选择的。

　　假如更加仔细地观察数据，咋们会发现顾客的偏好是稍稍偏左的。这很微妙，不过确实存在，而且我相信这和西方语言从左到右的阅读顺序有非常大关系，由于这意味着大部分的文字是居于左侧的。部分研究指出顾客会去点击文字和图标。请铭记顾客点击文字的这样的习惯。

　　手势

　　“当页面满满全是信息时，顾客选择在右侧去滑动页面。”

　　在某些触屏的使用情境下，我发现了一部分顾客如何与屏幕交互的有用信息。其中一个便是顾客如何使用手势。滑动或许是点击之后较为重要的操作了。在图5中，你能看到一个经过微量标准化调整的热点图，呈现了顾客在屏幕上滑动的位置。而且图5中的三张图分别代表了三个独特的区域。

移动设备手势剖析——顾客是怎样操作网站开发的？,互联网的一部分事
图5- 顾客滚动屏幕的手势热区

　　为什么说是三个独特的区域呢?这和屏幕上展现的信息类型有关。左图的数据是针对弹框中的较短信息，中间和右边的收集到的全是滑动全屏列表的数据。在中间的图中，列表项的信息全是特别简要的信息，故此在屏幕中间的区域会有非常大的空白，不过顾客仍然倾向于在屏幕中间操作。右边图中的长列表项占据了大部分的屏幕宽度，顾客则在比较靠右的地方开展滚动。即使是左手持机的顾客也倾向于避开信息，从而不惜将拇指横跨屏幕开展操作。

　　我在大会上演示了这些研究数据后，有一些同行与我分享了他们对阿拉伯或是希伯来语系应用的观察，十分相似的结论只是恰好反过来。在从右至左的语言顾客界面中，顾客操作左边空白的区域开展屏幕滚动——现在他们终于弄明白这是为什么了。

　　看起来顾客似乎不太敢在有信息的区域开展滚动的手势操作——要么他们担心碰到这些信息会发生无操作，要么便是他们想在滚动时看这些信息。当一个页面满满全是信息，而没有地方落手操作的时候，顾客会选择在页面的右侧开展滚动的手势操作。当然，没错，这样的行为在平板上有一些改变由于平板有稍大些的屏幕尺寸。在平板上，信息相相对大尺寸的屏幕来说会短一部分，顾客有越来越多可操作的空白区域。

　　你也许会认为平板有较大的屏幕，由于手持的关系顾客会更加倾向于在平板的屏幕边缘开展操作。不过，就算是顾客很难涉及，他们也总是倾向于去点击屏幕中间的。即使顾客在可涉及的范围内有空白区域操作，不可能挡住任何的信息，他们也会移动手指、拇指或是触控笔到屏幕的右侧——不论他们能否因此必须要伸展手指或是调整手形。

　　小结

　　“顾客偏好一些击屏幕的中间，而且只需你给他们这样子的选择，他们总是乐意去尝试点击。”

　　假如不理解顾客是怎么使用他们的移动设备的话，咋们是无法设计出好的触屏顾客界面的。下边是我这次研究发现的一部分总结。

　　持握切换

　　顾客经常切换他们持握和点击网站开发的方法——比我这次研究以前预期的还需要多。便于持握的方法并不一定便是顾客在操作时使用的方法，输入的时候会更加的不同。

　　咋们可以假定顾客在使用中经常变换姿势。顾客不管用什么角度在使用，或是信息在屏幕中的多种填充情况，设计都应该很好的适应。请尽可能在不同的设备，不同的情景下开展测试，以覆盖多种持握方法下的体验。

　　居中点击

　　尽管点击屏幕中间是顾客潜意识行为，或者是养成的习惯，顾客总是顾客偏好一些击屏幕的中间，而且只需你给他们这样子的选择，他们总是乐意去尝试点击。

　　仔细想一想产品中主要的信息是什么。把这些信息或是操作放在居于屏幕高度中间到2/3的位置。其他的选项或是次要的操作可以放在顶部或是底部。

　　手势操作
{关注新概念科技（上海网站开发、上海网站制作），每天为你推送网站开发纯干货！}

　　同理，顾客总是希望点击和阅读屏幕中间的信息。想一想你们希望顾客点击的东西还有提供给顾客用来开展滚动操作的区域。空白区域也许就显得十分重要，它能让顾客很放心地去开展滚动的手势操作。不要填满整个屏幕，可以留一部分空白区域让顾客开展上下滚动和左右滑动的操作。

以上信息由新概念科技（上海网站开发,上海网站制作）为您提供，越来越多精彩信息：http://www.jianzhan0.com/

本文章由新概念互动原创，如没特殊注明，转载请注明来自：http://www.jianzhan0.com/jingyand/74147.html

上一篇：网站开发：怎么做好公司站优化

下一篇：怎么做好手机网站的引导页？