当前位置:主页 > 非常文档
专业的交互输出文档应该怎么写?高级设计师来教你!(2)
日期:2017-09-13 浏览量:

  根据用户与界面之间发生的交互操作,产生的反馈效果,反馈效果按照页面关系的维度可以分为两类:一类是在当前页面的反馈效果如点击输入框键盘调出光标闪烁,点击同步按钮,在当前页面出现浮层动画等等。另一类是跳转到下一个页面的反馈效果。

  页面跳转

  将产品分解为多个任务,一般每个产品都有若干个主干任务,其他则是支干任务(微信的主干任务是即时聊天,朋友圈、摇一摇、购物、设置等都属于支干任务)。在页面流程图上面,清楚的标注出通过怎样的操作跳转到哪个界面。一般进入下一级界面是从右往左滑入,返回上一级界面通常是从左往右滑入 。对于特殊的跳转效果要特殊说明。

  元素的规则定义

  对于原型图里面的关键字段等元素都要详细说明,例如列表里面时间的定义规则。列表的排列逻辑,元素的展示逻辑,元素的极限情况

  其他细节

  例如:正在加载状态、加载完成有内容的状态、加载完成无内容的空状态、失败状态(比如网络异常/权限未开启)、不同角色的用户看到的内容是否一样、不同状态的文案图标变化。内容的加载方式,何时加载、何时显示、何时刷新。

  

  

  

  异常页面和异常情况的说明

  做交互原型时,先考虑正常情况,当正常情况全部做完了,接下来就可以开始画所有的异常页面和异常情况了。

  常见的异常页面包含:数据为空的页面、操作失败的页面、拉取数据失败的页面、页面不存在的页面。

  常见的异常情况包含:断网状态、服务器异常、操作失败、字符限制、网络切换(从wifi切换到移动数据)、权限限制,关键字段超行。

  综上所述再给出几点建议:

  一个页面一个任务:每一页能展示的内容是有限的,如果同一页中堆积太多的线框图会造成问题。

  每个任务都有起点,一个任务应该从起点一直到该任务的结束整条路径。

  同一页面的不同状态最好在一个页面展示(不要忽略极端情况)。

  页面布局规范,准确传递设计方案。

  尽量黑白灰,避免原型图对视觉设计师产生干扰。

  三. 撰写交互设计文档使用工具

  如果是大项目或者团队协作的话,推荐使用Axure。Axure可以进行协作比较方便。

  对于逻辑比较复杂的大需求,推荐使用Axure,Axure含有站点地图,可以清晰体现出交互的页面层级关系。同时可以很好的完成各个场景的跳转。

  对于网页端交互而言,推荐使用Axure。pc端界面大,平铺很多界面展示效果较差。

  如果是小需求,推荐使用Sketch,sketch画交互效率高。

  如果是制作交互动效demo,推荐使用flinto、protopie、princile。如果做交互提案推荐使用Keynote。

  总结:

  交互输出文档里面最重要的是做设计时多方面思考。就像文章里面的注册,其实还有很多可以思考的,例如四种注册的方案各自优缺点,都可以细致的去分析。当设计师养成把所有的都考虑清楚,然后权衡取舍。就可以做出一份高质量无逻辑问题的交互设计文档了。

相关文章:
·恶意软件Shamoon将文档变成攻击武器
·Office惊现零时漏洞 黑客可利用Word文档安装恶意软
·警惕你的PDF文档 腾讯安全专家一年发现过百漏洞
·福昕软件:全球PDF电子文档核心技术与应用领域领
·石墨文档成为创业公司文档协同软件的首选
→ 特别推荐
恶意软件Shamoon将文档
Office惊现零时漏洞 黑
警惕你的PDF文档 腾讯
福昕软件:全球PDF电子
石墨文档成为创业公
WPS Office增值服务 轻盈
pdf文档怎么修改?如
永中DCS玩转文档预览
【文件管理】文件管
word文档下载2014(wps
TeamDoc文档管理软件免
软件开发文档
如何写软件设计文档
Windows平台发现勒索软
Google Go 1.8.3发布,修
→ 热点TOP10
数据防泄密,
迅捷PDF编辑器
WannaCry勒索软件
印象笔记·扫描
pdf转换成word哪
ROST文档相似性
TOP8个人文件管
加入战局!谷
文档加密软件
以“人”为本

友情链接/网站合作咨询: