在不同屏幕和设备上，创建用户体验设计的8个步骤

在不同屏幕和设备上，创建用户体验设计的8个步骤

从小屏幕的智能手环到最常见的电视屏幕，其中开发和设计的内容应该易于在各种屏幕规格之间进行查询和交互。但对于不同设备的设计，很大程度上只是调整了不同屏幕上显示信息的内容大小。它涉及到许多多样性:设计师必须在每个设备中最大化用户体验的利润，让用户坚信应用软件实际上是为他们的设备设计的，而不是简单地将其拉到合适的屏幕上。为了建立良好的用户体验，我们必须针对各种设备和屏幕规格制定对策。

1.明确关键用户体验

每个商品都有一个关键的用户体验，这多半是因为它的存在。解决了大家遇到的问题，展示了更有意义的使用价值。重要内容和功能的组合意味着关键的用户体验。要搜索你的产品关键用户体验，你需要问自己一个难题:“客户必须执行的最常见、最重要的日常任务是什么？”将这一关键日常任务的精髓运用到你使用商品的每一个方面尤为重要。例如，优步的主要用户体验是随时待命。无论屏幕规格如何，该功能都可以在每个设备上的所有正常工作中实现这一目标。

图片:Techcrunch

网络拼车是优步用户最重要的日常任务。用户可以应用AppleWatch来完成这项日常任务。

2.界定商品的设备组

虽然屏幕规格不一的设备很多，但是要准确定位每一个设备肯定是不可能的，可以根据用户很可能关心的日常任务来定义商品的设备组。最常见的设备组有:

移动电话平板电脑台式机智能电视机智能手环

不同的设备组在不同的上下文中呈现不同的服务项目:根据用户查询的屏幕类型，用户以不同的交互方式参与。比如手机用于微任务，有简短的用户对话。平板是内容消费的关键，现阶段并没有把它当成大部分人工作的专用工具。在掌握各种类型设备的基础上，前文的假设对于构建良好的用户体验尤为重要。

3. 融入每一个前后文应用的感受

在定义了产品的关键用户体验之后，选择一组你期望应用的设备，你需要调整每组的感受(针对每种情境)。在设计不同的设备组时，上下文的设计非常重要。

（1）并不是全部作用都会全部设备上面更有意义

你需要明确你的产品在几个设备组中使用的不同场景，设计适合每个场景的感觉。例如，一般来说，移动用户对产品的思考与电脑用户不同。以Evernote为例，它可以在几个设备上应用时尚的笔记本产品。它的电脑版促进了内容消费:

Evernote电脑版应用软件升级为阅读文章和查询新闻媒体。

移动版本号针对笔记、照片和捕获音频进行了改进:

Evernotemaster移动自然环境:它使用了设备的功能，并展示了如何快速存储想法(加上写笔记、捕捉照片或设置提示)。

（2）不一样的屏幕容许不一样的电脑输入法

以触控打字为例。在设计触摸输入设备(手机和智能手机)时，设计师会犯的许多常见错误包括:

点击总体目标。点击总体目标(如CTA按钮)，确保它有足够的规格。一般至少7mm就够了，但最好能摸到11mm的整体目标规格。

图片:UXMag

将新项目过于紧密地放在一起。你要考虑整体目标的大小和之间的区间，因为区间有利于单独控制，让你的用户页面显示吸入的室内空房间。建议间隔至少为23pt，以避免输入错误。

键之间的间隔

应用悬停。但是在触摸屏上，没有“悬停”。

4. 最少屏幕设计

历史上，设计师一直从事大屏到小屏的设计，小屏代表了更好地细节化电脑屏幕主视图的第一个也是关键的设计(它的功能最多)。只有在进行电脑屏幕设计后，才会移植到移动设备和其他设备组上。然而，在设计电脑屏幕时，人们普遍会遇到“厨房洗脸盆”的问题:商品中加入了很多功能，尤其是涉及到几个相关方时。这不奇怪，如果你有很多房地产，更容易添加它。社会经验清楚地表明，最好按照与用户相关的最小屏幕来应用移动设计和构建应用软件。

如果你先设计屏幕的最小规格，这将迫使你做出最重要的决定。一段时间后，你会用同样的方法仔细挑选商品的其他版号，不管是电脑屏幕设备，平板还是电视机。

在大多数情况下，手机将是屏幕的最低规格。如果可穿戴设备对你很重要，那么你将不得不考虑屏幕分辨率更小的小屏幕。

 5. 别忘记大屏幕

想想大屏和它的小屏，对大屏和小屏表现出同样的专注:

只是不要为了适应这些大屏幕而缩小设计。灵活使用您可以申请的其他室内空房间。

图片:维基百科

保证图像不容易因为屏幕规格的放大而损失质量。

左:低质量的图像。右图:合适的屏幕分辨率。

考虑到大屏的重点。每个设备组都有自己的不同之处。比如电视屏幕的设计，叫做“设计10英尺的感觉”，因为从布艺沙发的间距来看，与电脑屏幕相比，屏幕元素的突出规格明显更小。

电视的用户页面元素应该超出电脑屏幕。图片:三星

6. 出示一致的感受

一致的感觉就是应用软件和所有屏幕规格上的感觉都差不多。无论使用何种设备，一致的用户体验都是成功的安全渠道用户体验的重要组成部分之一:

设定未来与商品互动的预期，建立用户信心。

一致性的感觉让你的产品更容易和其他设备上的用户交互。

你可以把它们看成同样感觉的水平，而不是把设计定制到越来越多的屏幕和设备上。例如，谷歌搜索用于在所有设备上显示相同的搜索体验。

当设计和功能一致时，用户可以在自己选择的设备上快速合理地实现目标。

 7. 造就无缝拼接感受

对于您的用户来说，跨不同设备组建立无缝拼接体验非常重要。人们可以随意在设备之间来回移动，以实现他们的目标，或者当他们从一个设备移动到另一个设备时，他们希望他们的商品和服务也能随之移动。这意味着用户不必考虑他们所应用的设备、自然环境的变化或上下文的变化，而且还可以依赖于与设备无关的出色的通用性和便利性。

图片:对讲机

大多数人如何度过他们的一天，他们浏览的关键屏幕。

根据应用程序的情况，您可能希望确保每个设备上的内容使用是相同的。以AppleMusic为例:可以在Mac上设置列表，在iPhone上及时播放视频。你也可以开始在你的iPhone上听音乐。如果你去你的电脑屏幕，你会被拍照，并返回到你的iPhone。

苹果可以很好的解决几个设备同一个问题。

8.检测你的设计

界面测试中合理的东西并不总是在现实世界中。通过在特定设备上为特定用户运行可用性测试，可以发现用户体验的问题，并在发布之前处理这些问题。

结果

当设计几个屏幕和设备时，最好的对策是维护最终的用户体验。作为一个用户体验设计师，你必须评估商品的使用时间、地点、方式，来评估用户的最佳感受。无论你的内容是什么尺寸的屏幕，用户都期望在各种设备间获得流畅的感觉。

全文地址:https://blogs.adobe.com/creativecloud/designing-for-different-screens-and-devices-7-steps-to-creating-a-great-UX/

作者:尼克·巴比奇

口译员:SKYUI

文章作者@SKYUI授权发布给大家。是产品运营，未经创作者同意，严禁转让。

欢迎分享，转载请注明来源：内存溢出

原文地址: https://outofmemory.cn/zz/779471.html