平湖网站建设:使用这7个专家提示改善您的移动原型

2019.07.26 mf_web

52

桌面和移动原型制作都有自己独特的考虑因素和最佳实践。在这里阅读有关移动原型设计的顶级专家策略。

所以,你测试了你的桌面原型,它很受欢迎。这很棒,但你的移动原型怎么样?现在移动互联网的使用超过了桌面,设计师再也不能只使用他们原型的单一版本。除非你只想占一半的观众,否则你将需要两者。

今天,我们将解释移动设备和桌面原型设计之间的差异,并提供一些专家提示,让您开始使用移动设备原型。无论您是一般的原型设计还是只是想要提高设计优势,请继续阅读以了解专家对移动原型设计的看法。

移动和桌面原型的区别是什么?

移动和桌面使用之间的差异非常大 - 不仅仅是手势控制和屏幕尺寸。为了从移动原型获得最准确的响应,智能设计师必须考虑所有这些因素。

让我们打破道琼斯n逐点出现最显着的差异:

  • 休闲用法。由于移动设备非常方便,因此它们非常适合快速或随意的互联网需求。事实上,大多数移动应用程序专为满足这种快速和休闲需求而设计。这意味着移动设计 - 和原型 - 应该面向更简单的交互。换句话说,移动设计应该需要更少的注意力。任务流程的后续步骤应该更加明显,常见功能应该更加突出,等等。更简单,更人性化的界面也更适合较小的屏幕,这将我们带到下一点...

  • 减少屏幕空间。当您尝试将桌面设计塞入智能手机屏幕时,屏幕的重要性从未如此明显。这导致了极简主义的设计运动,其中只有基本元素是可见的,次要元素通常隐藏在汉堡菜单或下拉菜单中。

  • 手势控制。最明显的区别是移动设计依赖于手势控制而不是基于光标的指向和点击。这带来了许多额外的功能问题(手指大小的按钮,没有悬停文本),还有一些特殊优势(语音命令,交换控件,摇动手势,更容易滚动),可以为您的UX增添额外的魅力。

  • 个人资料。利用可用的额外用户数据,移动设备可以以桌面设备无法实现的方式个性化用户体验。GPS位置,推送通知,联系人列表集成等都可以用于为拥有该设备的个人定制使用。

  • 外部分心。由于移动使用更随意,可以在任何地方,室内或室外进行,因此更容易受到环境干扰。这削弱了界面中的细微差别,限制了大气和沉浸式体验的影响,并否定了音频等功能。请注意,并非所有移动互动都处于分散注意力的环境中,并非所有桌面互动都不会分散注意力。

  • 互联网速度。移动使用仍然较慢,尽管更受欢迎。这意味着一般来说,对高清视觉效果,视频和网站复杂性的限制更多。

  • 测试。在移动设备和桌面设备上进行测试有其特殊的考虑因素,例如如何记录数据以及如何托管测试。

我们不想过于深入地了解设计移动和桌面体验之间的差异 - 这是一个值得讨论的话题。要了解有关移动设计最佳实践的更多信息,请阅读我们的文章“ 移动用户体验设计:不做什么”。

当您考虑到上述所有差异时,您可以看到移动原型与桌面版本不同的需求,以及设计它们的不同方法。那么移动原型设计的最佳实践是什么?让我们逐一介绍它们。

移动原型最佳实践:7个技巧

下面,我们收集了移动原型设计专家推荐的七种最佳实践。请记住,这些只是移动原型设计的最佳实践; 适用于两个版本的原型设计的最佳实践(即避免占位符内容,如lorem ipsun)未在此处列出,但仍应适用。

1.允许测试人员使用自己的移动设备

对于移动设备原型而言,最重要的建议可能是在移动设备上进行测试,最好是测试人员已经拥有的测试。在桌面上构建移动原型是完美的,但让用户或利益相关者在桌面上测试移动原型是一个新手的错误。使用桌面会忽略上面列出的所有移动方面,因此您的测试结果或演示将变得不准确。

如果您希望对移动原型做出最佳响应,请让测试人员使用他们自己的设备。每个用户都有自己的偏好和习惯 - 有时甚至是自定义控件 - 因此对他们不熟悉的设备进行测试会模糊结果。但是,如果你让他们使用他们的个人设备,你可以检查目标用户如何自然地与你的设计互动......你甚至可以学到新的东西。

出于这个原因,我们的原型应用程序Mockplus具有可扫描的QR码,因此您可以在任何移动设备上预览原型。没有USB线,没有不兼容问题。这允许用户,利益相关者或其他团队成员在他们想要的任何设备上与移动原型进行交互,使体验尽可能接近真实的体验。

允许测试人员使用自己的移动设备

如果无法在用户自己的设备上进行测试,那么下一个最好的事情就是为他们提供移动设备。这不如让他们使用他们最熟悉的设备,但它比在桌面上测试移动设备更准确。

2.在桌面之前设计移动原型(移动优先设计)

移动优先设计不仅仅是原型设计的最佳实践,而是一般的设计过程。当您绘制屏幕布局并建立用户工作流程时,请先从移动版本开始,然后再转到桌面版本。如果您要为每个设备(智能手机,平板电脑,笔记本电脑,台式机)创建布局,请从最小的设备开始,然后进行操作。

为什么?设计最小的屏幕首先迫使设计师在开始时将最重要的元素隔离开来。小屏幕只有必要的空间,因此移动优先设计从一开始就确立了设计的首要任务。

这使后续设计更容易; 所有你需要做的就是随着屏幕尺寸变大而添加辅助元素。另一种方法是设计一个全尺寸桌面版本,然后在屏幕变小时删除元素,这会导致明显的问题,最有可能导致回溯。说白了,在设计中,随着前进而添加元素比删除元素更容易。

3.模拟自然环境

如果您正在进行可用性测试,您可以模拟更自然的环境以尝试更“逼真”的结果。上面我们提到移动使用往往更随意,并且在“移动”场景中容易分散注意力。您可以选择为测试重新创建这些条件,尤其是在测试要在旅途中使用的应用程序或站点时。

测试期间需要考虑的一些选项:

  • 让用户在跑步机上行走

  • 在后台播放噪音或音乐

  • 实施时间限制以查看用户是否可以在短时间内完成目标

这些对于每个测试都是必需的,但是根据您正在测试的内容可以提供有价值的见解。

4.选择合适的移动UI工具包

更多的移动设计最佳实践,选择最适合您的移动UI工具包。具有不同风格,视觉效果和主题的UI工具包可以为您提供最接近您头脑视觉的移动设计和原型。

选择合适的移动UI工具包

有足够的移动UI工具包,几乎适合任何风格或品味。除了定制移动原型的外观和感觉之外,移动UI工具包还可以使构建原型更容易。所有UI工具包元素都是预制的,因此您所要做的就是找到您喜欢的样式并将其加载到原型设计软件中。

如需灵感,请查看这8个示例性移动UI工具包。

5.使用移动测试工具

当您专注于设计在可用性测试期间的表现时,您不希望被收集数据的方法分散注意力,例如记录用户的屏幕。即使在测试之后,将数据组织成图形或图表也是令人生畏和耗时的。

这就是为什么许多设计师转向移动测试工具以获得额外帮助的原因。这些工具涵盖了各种测试问题,因此您不必 - 有些甚至可以找到测试者并为您组织会话。虽然有许多用于许多不同目的的辅助工具,但如果您不知道从哪里开始,请尝试使用这6个工具开始。

6.别忘了充电器

一个快速但重要的 - 现场移动原型测试建议:不要忘记充电器。没有什么比死电池更快地杀死测试了。如果您知道正在测试的设备,请携带备用充电器以防万一。如果你不...带来尽可能多的不同种类。

7.以低保真开始工作

首先,您的移动原型应测试可用性和功能。你的用户能找到自己的方式吗?点击区域是否足够大以便攻丝?设计是否适用于所有意图和目的?必须首先回答这些问题,并且可以使用低保真原型完成这些问题。

以低保真开始工作

这并不是说你不应该测试像素完美版本。我们建议在考虑颜色或动画等方面之前先测试低保真版本。等到后期阶段测试视觉效果是有意义的; 如果您的核心功能存在问题,您将不得不废弃原型的视觉效果并始终从头开始。最好先巩固基础知识,这样你就不必浪费时间设计你必须最终扔掉的视觉效果。

结论

原型设计从未如此简单方便,因此测试台式机和移动原型不仅可行,而且几乎是必要的。

寒枫总监

来电咨询

18868949445

微信咨询

寒枫总监

TOP