发布时间：2023-6-19 分类： 电商动态
响应式设计现已非常成熟，从智能屏幕到电视屏幕再到智能手机，平板电脑和电脑屏幕。在许多人看来，屏幕上的响应式设计只是一组内容调整大小，并且“适应”了，但事实上，所涉及的因素非常复杂：设计师需要通过设计制作内容。最大化不同平台上的体验，并确保当用户在任何屏幕上看到内容时，他们会觉得内容是为这个平台设计的，而不是简单的缩放。
这种无缝体验是跨屏设计的真正难点。要为不同的设备和屏幕开发设计，您需要一整套策略。
1.确定核心用户体验
虽然用户体验无处不在，但核心体验在于特定产品。产品通常用于解决用户面临的特定问题，这种特性使产品具有意义。关键内容和关键功能的组合通常构成产品的核心用户体验。如果您不想理解这个问题，请问自己：用户需要完成哪些最常见/最重要的任务？在找到问题的答案后，您的产品应该从各个方面和渠道全面，全面地支持这些问题。帮助用户完成这些任务的功能。例如，Uber的核心用户体验是随时随地呼叫汽车，无论设备的屏幕尺寸如何，您的所有设计都应围绕此需求和功能构建。
调用汽车是优步的核心功能，即使您使用Apple Watch，也应该成功完成。
2.确定产品所涵盖的设备类型
今天的移动设备具有不同的屏幕尺寸，并且为单个设备设计内容是不经济的。根据您的产品范围，受众分类，使用方案，考虑您的内容将被优先考虑的设备和平台，然后有意识地过滤掉常见的设备类型：
手机
片剂
桌面端
智能电视
智能手表
……
不同的设备组合通常基于不同的场景，要求和服务。用户将针对不同的屏幕与不同的模式进行交互，甚至处理的内容也会不同。例如，在移动电话上，用户更倾向于使用轻量级任务并进行一定量的通信和通信。在平板电脑上，用户行为更侧重于内容消费，并且平板电脑的当前使用被认为是逐渐减少的。桌面仍然是用户完成更专业和复杂任务的首选平台，足以处理复杂多样的内容。了解各种设备类型和使用场景是构建用户体验的关键。
3.匹配不同内容的用户体验
在确定产品本身的核心用户体验后，选择用户组使用的硬件设备。此时，您应该了解每个不同设备使用的方案。设备使用的环境和场景是设计的重要基础。
并非所有内容都符合不同设备的使用场景。例如，智能手表不适合显示大量文本内容。在您的产品涵盖的设备组中，每个设备都有不同的使用方案，应该与用户体验相匹配。移动用户和桌面用户的需求是不同的，场景也是非常不同的。以Evernote为例，它可以在多种不同类型的设备之间进行同步和切换，其桌面版本可根据用户的内容需求进行优化：
Evernote的桌面应用程序针对只读内容和多媒体进行了优化，而移动端Evernote则增强了记录，图片和录音的能力：
Evernote的开发团队无疑会仔细考虑移动使用场景，因此充分利用移动设备功能，允许用户以最快，最有效的方式保存创意（文本注释，照片，提醒）。
其次，不同的设备屏幕具有不同的输入方法。以触摸屏为例，如果设计人员忽略输入法的唯一性，设计中经常会出现以下问题：
·点击触发区域太小。按钮和可单击元素（如CTA按钮）必须足够大。一般来说，可以使用直径超过7毫米的按钮，但最好将它们控制在10毫米以上。
·把元素放得太近了。考虑到不同元素的大小和尺寸以及用户的实际使用，应留有空间和间隙以确保界面的呼吸和可用性。为防止点击和输入错误，此间距至少为23pt。
“移动端没有光标悬停。 ”的
4，优先设计最小的屏幕
设计人员一直习惯于从最大的屏幕设计，最后考虑最小的屏幕显示，这意味着大多数设计都是从桌面设计的，通常在桌面上具有更全面的内容和功能。当桌面的整体设计完成后，进入其他设备的设计。但是，在设计桌面时，我们经常遇到“厨房水槽”。困境：由于产品通常涉及多个利益相关者，因此将添加许多额外功能。实践经验表明，移动优先设计往往更注重核心功能，更适合作为产品设计的起点。
当您优先考虑设计最小屏幕所需的界面时，这种情况会迫使您从最重要和最重要的位置开始设计。这也是设计界和产品开发领域所强调的“移动优先”战略的起源。之后，平板电脑，台式机和电视的设计是一个自然的过程。
在绝大多数情况下，最小的屏幕通常是手机屏幕。
5.不要忘记大屏幕
大屏幕设备和小屏幕设备同样重要：
·不要只是放大内容以适应大屏幕，而是专注于大屏幕的额外空间。
·确保图像不会因放大而失去质量。大屏幕上的图片应该更清晰。
·考虑在大屏幕上显示内容的独特情况。每个设备不仅屏幕尺寸不同，而且场景的使用也会产生各种差异。例如，虽然电视屏幕比桌面显示器大，但由于使用了起居室，电视屏幕为用户提供了“10英寸屏幕视觉体验”，因此其实际显示效果大于桌面尺寸。小。
6.提供一致的用户体验
虽然您的产品内容在不同平台上有所不同，但体验应该类似。一致的经验是产品跨屏均匀性的体现：
·一致的体验允许用户预测产品的其他版本并建立对后续用户使用的信心
·一致的用户体验使用户可以更轻松地与同行的其他版本进行交互
最好将不同的屏幕交互和体验结合到系统中，而不是“定制”不同屏幕上不同设备上的不同体验。谷歌在所有平台上设计的搜索几乎完全相同。
当产品的设计和功能在不同位置保持一致时，用户可以更快地完成任务。
7.创建无缝的用户体验
跨设备用户体验是许多下一个产品正在尝试做的事情。保存在手机上的Evernote笔记可以在您的计算机上打开。这只是一项基本工作。相比之下，人们在移动电话，计算机，电视和智能手表，切换场景以及相同系列的应用程序等设备上同步数据。相互操纵的需求更加复杂，场景，交互和体验的设计要求更高。从一台设备到另一台设备，用户希望同一系列产品能够提供完全无缝的体验。产品设计人员需要对环境和用户流程以及产品功能和易用性有深入的见解和准确的判断。提出更高的要求。
根据实际使用情况，您可能希望尽可能少地同步设备和设备之间的流量。以Apple Music为例。如果您在Mac上设置播放列表，则可以立即在iPhone上播放。当您切换到Mac时，您可以继续收听iPhone的进度。这是一种无缝播放体验。
8.测试你的设计
产品的测试环境不一定要找到现实世界，但让真实用户尽可能地进行可用性测试，并在产品发布之前解决所有用户体验问题。
结论
跨设备，多屏幕，响应式产品，无论是应用程序还是网页，都需要产品设计人员和用户体验设计人员牢记最终用户体验。无论用户面对什么屏幕，设计师都应该能够让用户随时感受产品的核心功能和体验，并无缝切换。
