交互设计的关键词[下]

设计清单第24期：用时约4分

10标准原型标准原型一般包括以下几个部分。

01信息结构：内容功能在页面层级中的分布，综合考虑产品逻辑和用户习惯。

02任务流程与页面流程：任务流程展现用户使用产品时各种操作的结果和相应的系统反馈。页面流程更为细化，展现用户操作过程中具体页面的表现和跳转。

03线框图与交互说明：线框图代表原型中静态的部分，而交互说明则代表动态的部分。动态效果有时候没有交互说明来得便捷，某些特殊动画效果可用交互说明与动态效果相配合的方式来说明。

04线框图+交互说明类型：

限制：范围值，极限值

状态：默认状态，常见状态，特殊状态操作：常见操作，特殊操作，误操作，手势操作

反馈：提示，跳转，动画

11设计规范

设计规范包含：交互规范、色彩规范、logo规范、UI图标规范、控件规范等等。完善的设计规范保持产品的一致性，给用户营造熟悉的环境，提高设计工作效率，对品牌的建设也有很大的好处。

12审核视觉稿核验视觉设计师对交互稿的理解是否正确。拒绝毫无发挥的视觉设计。关注交互细节和状态标注。在审美方面不要过分干涉。

13对接开发

01设计阶段：了解是否会有技术难点。设计完成后：当面沟通设计要点。

02开发阶段：持续跟进，解答问题。对设计稿进行尺寸标注和规范的整理，减少前端的工作量。

03走查阶段：确认页面细节是否符合设计稿，包括交互和视觉两方面。

04交互阶段：交互动作，控件的各种状态，极限和出错情况，默认值，悬停状态等。

05视觉阶段：视觉样式，颜色，尺寸间距，图片质量，不同分辨率下的展现等。14可用性测试01给出使用目标，而不是直接的操作。

02尽量选择最重要，最频繁的任务进行测试。

03用户数量的选择：一般小的功能点，测试3～5名用户即可。

04新产品、较大的改版和重要功能，可以测试5～10名用户。

05鼓励用户采用「出声思维法」。不要忽视现场反应，如表情和下意识的动作和语言。

06考虑使用场景，尤其是移动端产品。

07灵活运用可用性测试，可以邀请不熟悉项目的同事或朋友，一般低保真原型即可。

15用户反馈和产品数据

01上线后一般通过用户反馈和产品数据来评判设计的优劣。

02用户反馈的来源有很多，主要包括客服，各大社交平台，应用市场等等。

03收集好用户反馈后做好过滤和分类，然后按重要程度去解决问题。

04产品数据反映了设计，技术，运营的合力，设计关心的是用户的行为数据，如页面间的跳转率，某按钮的点击量等。