交互设计：如何做到周到？

前两篇文章讨论了个人对交互设计价值的理解，以及对从业者和用户的价值。在这篇文章中，我们将讨论如何实现前面提到的 4 点价值观，从周到开始。只为一家之言。欢迎留言交流，发表意见。 01 怎么算周到？ 本着严谨的态度，先抚平概念。 俗话说，金杯银杯不如口碑好。 同理，周不周到，最后用户说了算。用户是如何判断的？通常是主观感受。 以网易文章编辑页面为例，由于保存和保存草稿功能不够好，给作者留下了不够周到的印象。 一些体验细节会影响用户的印象。 本书《设计师要懂心理学》有一个原则，叫做整体认知主要靠周边视觉而不是中央视觉 视觉和 UI 层次用户认知。也就是说，用户会关注不显眼的边角设计，这些边角设计会影响用户对整体设计的认知和印象。 例如。如果微博信息流页面的扫描图标在风格、大小等方面与其他图标不一致，会给用户留下不好的印象，用户可能会觉得微博的设计不够专业。 这些是 UI 设计层面。在交互设计层面，也有类似的道理：体验细节会影响用户的认知。 一般来说，至少在常见的互动细节上，不要给用户留下负面印象，也不要让用户产生负面情绪，避免所有的不体贴，这是体贴的。 02 如何做到周到？ 就我个人而言，最重要的是满足好的和小的需求。 什么是小需求？ 个人观点，一般来说，小需求是一种常见的需求，主要是一些体验细节。例如，信息的分类和显示、连接不同页面的各种弹出窗口和提示、提示各种状态、解释各种情况等。 需求小，需求大。 所谓的大需求，更多的是一种个性需求，不同的产品，会有不同的大需求。例如，短视频产品，其大需求将包括视频拍摄、上传、播放等；信息产品，其大需求包括文章的写作、编辑、发布、查看等。 在工作经验中，作者看到了一些互动设计不够周到的产品。它们的共同特点是：大需求基本满足，小需求不满足。 这一大，围绕如何更好地满足小需求展开。主要建议如下。 1 工欲善其事，必先利其器 作者有一个从事教育行业的客户，以前从未接触过互联网行业的产品和设计。 当客户找到作者时，他想设计一个小程序界面。当时，客户自豪地对作者说，我用墨刀画了这个（原型），现在我学会了做。 说到墨刀，我也用过。 Axure 相比之下，它真的很容易使用，在简洁和智能方面，感觉和 Sketch 有相似之处。 互联网上有太多关于墨刀如何使用的赞美词。结合自己的使用经验，简单总结一下: 好用，上手快。零基础，只要能操作常用的办公软件，简单学习就可以开始。 内置主流控件（iOS，安卓，WeUI等)，很方便 可以在手机上预览。添加链接和动态效果会很酷 查看页面之间的跳转逻辑。这可以通过工作流功能来实现 以上主要是墨刀本身的优点。结合本段的主题，我们将讨论墨刀在日常工作中的优势。 1.1 你可以在创作上花更多的精力 当我们不使用工具时，我们通常会感到沮丧。如果必须使用，很可能会有点焦虑。 墨刀基本上不会让我们感受到这些感觉。 我们不必花不必要的时间去学习一些困难而深刻的技能，而是可以花更多的时间去创造。 1.2 能更好地满足小需求 有些公司可能面临以下情况。 公司没有专门的互动设计师，产品原型由产品经理绘制。产品经理本身也是项目经理。 如果项目特别匆忙，客观地说，产品经理真的没有太多时间关注互动体验的细节。 主观上，如果产品经理对这些互动细节缺乏兴趣或关注，而产品经理上面的决策者不掌握这些经验细节，最终的结果是，产品的原型可能会失去很多经验细节。 作者也有类似的经历。 一款 App，产品经理用 Axure 绘画原型。在评估或宣传需求时，每个人都会在电脑或会议室的大屏幕上看到这个原型，而每个人首先关注的是大需求。 了解大需求后，一些学生会对大需求提出自己的看法或建议。最后，一些学生会指出小需求的缺点并提出建议。 受责任、时间等因素的限制，不可能对小需求提出太多建议。因此，仍会有相当数量的小需求被遗漏或没有得到很好的满足。 墨刀有两个功能，可以更好地避免这些问题。一是工作流功能，二是手机预览功能。 工作流功能类似于流程图，即以逻辑的方式链接所有页面。客观地说，它将促使我们绘制所有包含小需求的页面，包括弹出窗口、状态提示等。 支持多人手机预览功能，让我们通过点击手机模拟体验这款手机 App。在这种环境下，我们更容易理解大需求，发现小需求的问题。 因此，个人建议是用墨刀画原型，同时预览工作流和多人手机(针对 App、小程序)作为硬性标准。 2 去用去感受 在体验或使用产品时，很容易发现问题。 因为在这个时候，我们可以放松，把自己切换成普通用户。忘记所有需求和设计原则，只依靠经验和直觉使用本产品。我们的主观感受会告诉我们这个产品的互动是否周到。 根据陆树燊的《微信团队实验室文化》一文，张小龙评论微信的功能，不看原型图、设计稿、 Demo，相反，体验前后台代码开发的产品。这意味着，如果在给用户之前有一个功能， N 会有一个计划 N 前后台代码对应于方案。 在某种程度上，微信团队在正式发布前通过这种反复试错、不断打磨的方式，最终为用户提供了优秀的互动体验。 据估计，分团队和公司都做不到微信的发展。 N 并逐一体验和比较一个版本 N 个版本。 无法体验已经开发好的经验 N 版本。但是，体验真实的设备 N 我们仍然可以做一个原型。 虽然原型没有开发出来的产品那么顺畅流畅，但如果你用墨刀在手机上体验接和动态效果， App 许多问题也可以通过原型发现。 然而，根据经验和观察，作者发现我们人类不喜欢体验原型。 想想看，在我们的日常工作中，我们可能会乐于体验开发出好的测试产品。但大多数时候，原型都很匆忙。 个人猜测，就像人类喜欢逗猫遛狗，但不喜欢逗桌子上的模型猫和模型狗一样，我们人类不愿意花太多的时间和精力与原型的假产品互动。 因此，在某种程度上，体验原型是一种反人类的行为。 但这是一种非常经济高效的方法。 因为首先，大多数时候，我们选择原型方案，然后设计和开发；其次，当开发进入测试环节时，原型往往成为测试标准，依靠测试优化原型是不现实的。 因此，结合现状，小需求能否得到很好的满足，很大程度上取决于原型。 也就是说，有必要优化原型。具体方法是在真实设备上体验原型、反复体验、多人体验，并进行相应的优化。 3 参考设计规范 如前所述，用利器创造原型，反复体验原型中的产品，强调内在力量，即自身努力。 接下来，我们来谈谈外部力量，即外量的外部知识和经验。 说到外部知识，除了直接参考其他产品的设计外，我们还可以参考最多的知识《iOS Human Interface Guidelines》和《Material Design》这些设计规范。 根据作者的实际经验，这两个来自苹果和谷歌的设计规范经常被用作字典。也就是说，当不确定或不确定时，检查一下。 虽然这两个规范都很优秀，但我们很难充分利用一切，因为它们的知识体系太大了，有点像字典。很难用字典中的每一个原则来测试我们的互动设计。 但是有一个非常适合测试我们交互设计的设计规范，那就是尼尔森十大可用性原则。 如果太详细，就不赘述了。这里我们简单回顾一下这十个原则。 1）状态可见 用户总是知道发生了什么 2）环境贴切 创造语言、词语、图标等熟悉的环境 3）用户可控 控制权交给用户，大多数时候，考虑支持撤销和重做 4）一致性 文案、视觉、操作等各方面的统一 5）防错 尽量帮助用户，避免用户犯错 6)易取:识别比记忆好 可见化组件、按钮等元素，减轻用户记忆负担 7）灵活高效 中级用户数量最多，同时考虑高级和初级用户 8)易扫:美观简约:美观简约 阅读体验好，扫视体验好；保持简单美观 9）容错 帮助用户识别和诊断和恢复错误 10)人性化帮助 日常使用最好脱离帮助文档，但有必要提供帮助文档 就我个人而言，我强烈建议我们在日常工作中始终以尼尔森十大可用性原则为标尺来测试我们的交互设计。 结语 交互设计，在涉及体验细节的小需求中，避免一切不周到，才是周到。 使用锋利的工具创建原型，包括流程图；更多的体验原型或产品，以体验结果为准，而不是讨论结果；参考优秀的设计规范，用尼尔森的十大可用性原则来测试原型。 以上三点可以帮助我们实现周到的交互设计。 其中，我认为最核心的是第二点：体验更多的原型或产品，直到你感到体贴。 因为，正如电影《霸王别姬》中的一句台词所说，人要自己成全。 相关文章 交互设计的价值观:是什么？有什么价值？ 交互设计价值观对用户有什么意义？ 作者：Leeo，微信公众号：SnowDesignStudio（ID：snow-design） 特别说明：本网站的主要目的是收集与互联网运营相关的干货知识，为运营伙伴提供便利。本网站收集的公共内容来自互联网或用户的贡献，这并不意味着本网站同意其观点，也不对网站内容的真实性负责。如有侵权行为，请联系网站管理员删除，。