交互设计是一个复杂的工程,在实施过程中即使是有经验的交互设计师也难免疏漏。而结果就是被开发、产品等diss,甚至被质疑专业性。
为此我查阅了很多专业设计的总结,可总觉得不“顺手”。本着“实用才是硬道理的原则”此,站在巨人的肩上,总结了以下的交互设计自查清单(仅限于Web端交互说明部分)。
这次分享的是1.0版本,以后还会继续迭代。我把交互说明部分内容总结为三方面前置条件、数据展示、交互说明分别对应了who、what、how三个问题。
Who丨前置条件
前置条件,回答了当前页面谁能看到的问题,主要是用户账号的登录状态及页面状态。
举个栗子,大鱼想开车去西藏玩,前置条件是他有驾照且在有效期内(未扣满12分)。
What丨 数据展示
数据展示,回答了用户能看到的是什么的问题。
告诉用户Ta在哪:大鱼抬头看见路牌知道自己出了上海。为了让用户清楚自己所处的位置,必须告诉Ta所处的页面,这样Ta才不会“慌张”。
看到的内容是什么:不同路段对车速、车型的限制不一样,开车的看得懂。所以需要告诉开发不同字段分别是什么意思、显示区域、以及规则如何等。
看到的内容从何来:大鱼看到了一个广告牌,当然这个是商家出钱做的。在设计工作的对接中有必要跟开发定义清楚数据从何而来。
How丨 交互说明
交互说明,回答了能做什么的问题。主要包括触发对象、操作行为、交互结果三方面。
继续沿用签名的例子,大鱼饿了,停车去吃饭。
触发对象:车门是触发对象。在产品中就是用户操作的控件,可以是按钮、导航、输入/选择框。
操作行为:下车关车门是行为。在产品中就是操作手势如单击、右击等。
交互结果:车门“咔”的一声关上了是交互结果。在产中就是表单校验、操作成功、失败的提示等。
更多详细的内容请移步看思维导图。
每日精进,尽心致胜。我是大鱼酱,6月每周更一篇,这是2018年的第17篇文章。感谢您的关注和阅读。