如何写好一份项目交互说明文档

交互设计师在接到需求并完成设计任务,最重要也是最必不可少的是交付交互说明文档。交互说明文档输出的对象包括产品经理、UI设计师、前端及开发工程师,一份好的交互说明文档能让项目参与人员能够清晰明了的理解你的设计方案。

在整个项目开发过程中,会不停的迭代产品需求。因此,交互设计师不仅仅要考虑某一个版本交互说明的清晰度,而是要在撰写文档初期考虑整个项目迭代的问题,同一个页面或者内容可能会不停进行更新,因此,不管是需求点还是页面交互可能会涉及不同版本的内容,包括历史版本、开发中的版本以及最新的版本。如何在一个axure文档中有效的管理整个团队项目,产出全产品周期迭代的内容,就需要对需求的产出和变更实时记录和更新。

整个项目文档可包括:修订记录、评审记录、统一规范、全局说明、信息架构图、页面流程图、页面交互说明。

(以下涉图片涉及内容仅作示范参考)

1、修订记录

按照产品迭代的时间周期进行倒序排列,记录包括版本号、平台(app、后台、小程序等)、更新内容、时间、类型(修改、新增、删除)、负责人…(迭代的版本可依据个人习惯进行颜色区分)

2、评审记录

项目过程中需要不停的沟通调整涉及到的需求内容,因此针对每次会议修订内容作记录能够明确变更的来源,以便后期产生问题时进行追溯。

3、全局说明

全局说明的内容针对不同的产品类型会有部分差异,主要考虑整个产品交互内容涉及全局通用的内容,包括使用角色、权限、限制机制等。

4、信息架构图

产品信息架构,针对更新的内容进行标注及注释,可以作内连链接,这样信息架构内容在其他地方修改后可同步到axure中。

5、页面流程图

页面流程图需要导出缩略图进行页面跳转的链接,因此如果在页面交互说明里有详细主要跳转信息,就不一定需要再次整理单独的页面跳转。不过在项目时间比较充裕的话,输出单独的页面流程给到UI制作高保真原型图是比较好的,因为详细的交互说明主要是给到开发人员进行开发,UI可以直接通过流程图输出页面就可以了。

6、页面统一规范

在写页面交互的时候往往会涉及到相同的组件和操作,因此可以页面这些内容进行统一的输出,就不需要在页面中再重复进行说明了。

6.1、交互手势操作

6.2、按钮状态及提示消息

6.3、弹窗样式说明

6.4、刷新和空状态

6.5、输入框

6.6、其他

7、页面交互说明

页面交互包括当前页面位置、页面全局交互、页面元素、交互说明;需要有明确的交互指向及不同版本交互内容的区分。

以上的流程针对不同的项目内容,团队开发习惯都会有不同的形式。而作为交互设计师,在输出交互文档的时候需要着眼于整个项目和团队,而不是而不仅仅是针对单一的内容进行交互说明的输出。让自己输出的交互文档内容具有全局性、通用性和复用性。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 215,294评论 6 497
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 91,780评论 3 391
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 161,001评论 0 351
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 57,593评论 1 289
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 66,687评论 6 388
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 50,679评论 1 294
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,667评论 3 415
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,426评论 0 270
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,872评论 1 307
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,180评论 2 331
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,346评论 1 345
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,019评论 5 340
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,658评论 3 323
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,268评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,495评论 1 268
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,275评论 2 368
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,207评论 2 352

推荐阅读更多精彩内容

  • 第一章 交互设计基础知识 名称解释 UI:User Interface 用户界面 用户界面其实是一个比较广泛的概念...
    小腰果阅读 1,281评论 0 13
  • 产品知识面考察 真题 例题分析 例题7.3 DAU代表 。 日用户点击量 月活跃用户数量 日活跃用户数量 网站...
    爱摄影的奥派阅读 12,304评论 4 46
  • 在项目设计中,交互设计师与上游的产品经理,下游的视觉设计师,开发工程师和测试等岗位的工作密不可分。不论是承上启下的...
    橙芝儿阅读 878评论 0 7
  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,747评论 1 92
  • 一方水土养一方人,每人都说家乡的美食好吃。 儋州人说起米烂就流口水,我是想起海南粉就嘴馋。 两者做法大致相同,都是...
    阳光_海南阅读 5,920评论 14 11