妖鹿山设计屯

其他

如何使交互稿的体验更好

文章略长,绝对实用干货,书超打造,必属精品!最后有作者简介,欢迎讨论学习~上周偶然的机会,看到老大在帮别的团队筛选简历,看到了一个同学的简单交互稿,只有界面信息的排版和页面跳转流程,缺省了很多交互稿应有的内容。后来,想起之前和同事聊起交互稿到底该如何表现的问题,就想着可以稍微总结关于交互稿的一些问题。其实,想做一份“看起来”比较专业的交互稿是非常容易的。只需要拿到一份比较专业的的交互稿,进行学习和模仿就好了。这也是我刚刚开始工作时采用的方法。我曾经认识一个非常想学交互设计的学生,因为并没有太多面对面的接触,我也选择了这种方式,给了她一份自己的交互稿,让她学习。然而,“看起来”比较专业的交互稿只是表象,其实交互稿是交互设计的基础,而体验才是我们关注的核心,很多时候我们都不愿意称自己为画线框图的人,我们讲思维、将方法;但是,能够带来优秀体验的交互稿不单单在传递思维、方法,还会大大的节省我们的沟通时间;提升我们的工作效率;也能够在不知不觉中提升我们的影响力。也许,不同的团队有着自己的交互稿设计规范来提升体验,而我们团队在设计师们的不断变革和优化中,逐渐积累了一些提升阅读者体验的要点,希望能够彼此学习。交互稿体验要点总结1.不同复杂度的需求应有不同的设计我们会在工作中遇到不同复杂度的需求,因此,我们也应该有着不同的交互稿展现,比如一个非常简单的优化,不会涉及太多修改和分析,就完全不需要过多冗余的内容;而一个复杂庞大的需求,就需要复杂的分析和展现。因此,在我们进行交互稿的设计之前,就需要对需求的复杂度有清晰的认知,进而能够明确该采用什么方式来展现设计内容。举例说明:图1-1至1-3中的三个需求的交互稿分别对应着,简单,适中和复杂的需求。简单的需求可预见的无需太多的更新迭代,有着比较明确的优化迭代,可能无需太多角色(可能不涉及视觉和产品),则无需太多的复杂信息,用最简单的信息传递想要优化和修改的体验问题即可;针对稍微复杂的优化,则需要一些必要的信息,比如可能需要有需求背景、流程图、更新记录等;而非常复杂或者全新的产品,可能会涉及到更多的内容,如图1-3所示,将会在以下的注意点中提及。因此,优秀体验的交互稿也是根据不同场景和情况、不同需求相应的变化的,而不是一成不变的。2.需求简介和涉及的各角色的展示需求肯定需要一个名称来标明是什么需求,最好能够清晰明了,并且标注相应的版本,以方便未来需要用到时候能够清晰的查看到。针对稍微复杂点的需求,可能会牵扯到各种角色,一般的移动端产品大致包含:产品经理、交互设计师、视觉设计师、iOS开发,AOS开发,web开发,服务器开发,iOS测试,AOS测试,web测试,服务器测试等。而图2中的需求简介能够无形中提升体验:当某个角色因为某些问题,需要找到相应的人时,无需再去需求列表中寻求,在交互稿中也能一一查看。另外,需求来源的标明也能够让各个角色清楚的知道需求的重要程度和优先级,比如图2中的需求来源于“老板”。
2016年9月18日
其他

交互稿中「键盘类型」的标注

为什么需要标注键盘类型?大家都知道,一款虚拟键盘(比如iOS系统键盘)有很多种布局类型。在交互稿中,很多人是不标注键盘类型的,我原先也是不标注的。但近来发现键盘对于用户操作的影响其实很大,不标注键盘类型是不对的。一方面,如果键盘调用不当,用户则需要手动切换输入法,这是影响操作效率的(如上图)。另一方面,对于多输入框的表单来说,输入框之间的切换、提交表单,这些操作其实都可以通过键盘实现(如上图左),而无需用户手动点击原界面中的元素。最后还有比较重要的一点是:如果设计师不标注,开发同学一般都写成默认键盘,而不会根据场景写成不同类型的键盘。那么,到底有哪几种键盘?每种键盘有哪些地方是可以控制的呢?iOS原生应用中的键盘iOS中提供了多达12种键盘可以选择(如上图,不讨论中文键盘,中文键盘只有一种布局)。我们可以根据用户当前的需要,提供不同类型键盘。在交互稿中,我们可以将相应的键盘类型名称(英文名)写在界面下方,或者直接使用相应的键盘截图放在交互稿中。对于同一个界面中有不同类型输入框的情况,需要标注出键盘切换的说明。虽然12种键盘类型已经很多,但它们仍然不能覆盖所有场景,这时我们可以进行自定义键盘。当然,开发成本你懂的,开发同学的表情你也懂的。除了选用不同类型的键盘,部分键盘中还有多种“按键命令”(上图中的蓝色按钮)可以选择,如“完成”、“搜索”、”发送”等。iOS中提供了11种类型的命令,你可以将所需要的命令用文字描述的形式标注在交互稿中,也可以使用截图的方式。值得注意的是,iOS的键盘具有上一项和下一项的功能(
2016年8月27日