自响应设计中,用户体验设计的8个关键点
现在浏览网页的载体已经越来越多,从具有微型屏幕的智能手表到最广泛的电视屏幕,为了让用户在不同载体上都得到好的体验,自响应设计便自然出现了。本文关于自响应设计中,用户体验设计的8个关键点。
1. 确定核心用户体验
每个产品都有核心的用户体验,这基本上是它存在的原因。它解决了人们所面临的问题,而且为他们提供有意义的价值。关键内容和功能的组合代表了核心的用户体验。要查找你的产品核心用户体验,就要问自己一个问题:“客户需要完成哪些最常见和最重要的任务?”在你用于产品的每个渠道上支持这些核心任务的本质至关重要。例如,Uber的核心用户体验是任何时间随叫随到。无论屏幕尺寸如何,此功能都能在每个设备上正常工作实现这一目的。
2. 定义产品的设备组
尽管存在大量不同屏幕尺寸的设备,但绝对不能定位各个设备,可以根据用户可能关注的任务定义产品的设备组。最常见的设备组是:
移动手机
平板电脑
台式电脑
智能电视
智能手表
不同的设备组在不同的屏幕上提供不同的服务:用户根据他们正在查看的屏幕的类型参与不同的交互模式。例如,手机主要用于微任务,并且具有较短的用户会话。平板电脑主要用于内容消费,目前不被视为大多数人的工作工具。在了解各种设备类型的基本功能的假设对于构建一个好的用户体验是至关重要的。
3. 适应每个设备的使用体验
(1)并非所有功能都在所有设备上都有意义
你需要确定你的产品在多个设备组中使用的不同场景,并设计适合每个场景的体验。例如,通常移动用户比电脑用户想要的不同于产品。以 Evernote(一款可应用于各种设备上的笔记本应用)为例:
用于电脑版本的Evernote应用程序被优化用于阅读文本和查看媒体。
而移动版本是针对拍摄笔记、照片和捕获音频进行了优化的:
Evernote了解移动环境:它利用设备功能,并提供快速保存想法的方式(添加文本笔记,捕获照片或设置提醒)。
(2)不同的屏幕上主要的输入方式也有所不同
以触摸屏输入为例。在设计具有触摸输入(移动手机和智能手机)的设备时,设计师会犯的几个常见错误包括:
小的点击目标。点击目标(如CTA按钮)必须具有足够大的尺寸。通常至少7毫米是足够的,但最好使用10mm触摸目标尺寸。
将项目过于紧密地放在一起。你应该考虑点击目标的大小以及它们之间的间距,因为间距有助于分离控件,并给你的用户界面提供呼吸的空间。建议的间距至少为23pt以防止输入错误。
按钮之间的间距过小
使用悬停状态。要知道在触摸屏上,没有“悬停”。
4. 所有的设计应从最小屏幕设计开始
历史上,设计师一直从事大屏幕到小屏幕的设计工作,这意味着第一个也是主要设计是为了完整的电脑桌面视图(它具有最多的功能)。只有电脑桌面设计完成后才移植到移动设备和其他设备组。但当设计电脑桌面时,我们通常面临像“在厨房中安装水槽的”问题:许多功能被添加到产品中,特别是当涉及多个需要的层面时。这并不奇怪,当你的可用面积很多时,添加设备是很轻松的。实践经验清楚地表明,设计最好从最小的屏幕上开始。
当你首先设计相关屏幕的最小尺寸时,它会强制你决定最重要的。一段时间后,你将采用同样的方法仔细选择产品的其他版本,无论是电脑桌面设备,平板电脑还是电视。
在大多数情况下,手机将是相关屏幕的最小尺寸。如果可穿戴设备对你很重要,那么你将需要考虑具有更小分辨率的微型屏幕。
5. 不要忘记大屏幕
在大屏幕的设计中,充分利用你可以使用的额外空间。
确保图像不会因为屏幕尺寸的放大而失去质量。
考虑大屏幕细节。每个设备组都有自己的不同。例如,电视屏幕的设计被称为“设计10英尺体验”,因为从沙发的距离来看,与电脑桌面屏幕相比,屏幕上元素的明显尺寸明显更小。
6. 提供一致的体验
一致的体验意味着应用程序及其在所有屏幕尺寸上的体验都是相似的。无论设备如何,一致的用户体验是成功的自响应用户体验的关键组成部分之一:
对未来与产品的交互设定期望,并建立用户信心。
一致的体验使得你的产品在其他设备上与用户的交互更容易。
你可以将它们视为相同体验的方面,而不是将设计定制到越来越多的屏幕和设备中。例如,Google搜索应用在所有设备上提供相同的搜索体验。
当设计和功能一致时,用户可以在他们选择的设备上更快更有效地完成任务。
7. 创造无缝体验
在设备的切换中,不应让用户产生断层感。无缝体验对你的用户非常重要。人们可以自由地在设备之间来回移动,完成任务,或当他们从设备转移到另一设备时,他们期望他们的产品和服务与他们一起转移。这意味着用户不必考虑他们正在使用的设备,环境的变化,并且可以依赖于设备良好的功能性和独立于设备的易用性。
根据使用情况,你可能希望确保每个设备上的内容使用同步。以Apple Music为例:你可以在Mac上设置播放列表,并在iPhone上即时播放,也可以开始听iPhone上的歌曲,当你转到电脑桌面时,播放场景可以无缝切换到计算机。
8. 测试你的设计
在实际设备上为实际用户运行可用性测试,你就可以在发布之前发现用户体验的问题并解决它。这非常重要。