交互设计详细说明文档

文档-交互设计说明文档">
  现状分析

  目前交互设计师产出的原型图缺少详细的说明文档,易造成沟通成本大及质量风险,这也是我们去做这件事的初衷。

  目标及收益

  1.专业输出物,提升自身专业度

  2.与开发团队合作更默契,减少沟通成本且尽量避免信息遗漏与理解偏差,开发团队可共同参考

  3.界面验收时的清单(前端开发的demo评审项目功能预演项目测试)

  4.项目改版或换设计师时便于查阅

  说明具体内容?

  复杂页面间逻辑操作与复杂单页面的操作逻辑

  字符限制(必填选填 字符显示数量)

  链接与按钮指向

  交互细节说明

  校验

  文案

  需求调整

  举例

  1 复杂页面间逻辑操作与复杂单页面的操作逻辑

  (1)复杂页面间的逻辑关系


  (2)复杂单独页面的逻辑


  2 字符限制

  (1)页面必填字段应标注说明,统一在字段前标注“*”,选填无需特别标注

  (2)为提高空间利用率,某些表格单元格内仅显示预览字段,更多信息需要滑过以tips的形式显示全。

  说明需传达清楚:1.是否做限制2.如果限制,多少字出现截断3.截断后是显示为省略号还是不显示

  3 链接与按钮指向

  (1)你需要将页面上的每个关键链接事件或每个按钮事件标识清楚。它们有的指向你安排的某个页面,有的操作产生了一个结果反馈……(page flow—页面流是交互设计师的职责)


  (2)注意操作有时受状态影响,也需要将其对应关系标注出来


  4 交互细节说明

  你可以在这里说明任何你想要的效果。你的合作者也只需用10分钟时间阅读完毕,标注出与他工作相关的重点。找不到你人时随时可做参考。(图片来源于hedi alibaba国际站交互说明图)


  5 校验

  表单或列表里常常会出现校验,它同样起到引导用户的作用,有没有特殊格式限制?字数限制?这里的触发需不需要联动校验?如“请输入正确的邮件格式“等


  6 文案

  (1)操作提示信息文案,如操作成功,弹出“选品表提交成功“;或引导提示类信息,如:


  (2)字段的名称需推敲,特别注意产品里相同释义字段需统一;但也不能一概而论,如何时叫“货品”,何时叫“商品”

  7 需求调整

  请标注修改提出人、修改原因、详细修改内容及波及到的相关所有页面,比如一个字段的调整可能会波及到相关很多页面的调整

  一些重要的事

  完美的标注文档,永远无法取代面对面的沟通

  文档是为解决问题

  标注形式大家看明白即可,或者你有什么更好的经验,记得分享

  小项目或小需求,针对交互交付物规范,个人觉得不能仅仅因为时间而折扣,敏捷永远不能以损失质量为前提

  两种解决方案:

  1.交互设计师评估更多时间用来个人完善说明文档

  2.与前端同学根据实际情况面对面沟通落地规范取代逐一标注

  两个角色,交互是主要撰写者及维护者;前端开发是意见提出者与修订者,能够有效解决设计和前端可行性的冲突

  同时感谢hedi的建议

  文章来源:良无限-UED

时间: 2024-09-16 09:28:18

交互设计详细说明文档的相关文章

SRVCTL 命令详细说明文档(原译)

SRVCTL 命令详细说明文档(译)  简介: SRVCTL是ORACLE9i RAC集群配置管理的工具.本文是对SRVCTL的所有命令进行详细说明的一篇参考文档. 读者对象:ORACLE9i RAC数据库集群管理员. 注: RAC:     Real Application Clusters SRVM:   Server Management ----------------------------------------------------------------------------

zt:SRVCTL 命令详细说明文档(译)

http://dev.csdn.net/article/67/67101.shtm 简介: SRVCTL是ORACLE9i RAC集群配置管理的工具.本文是对SRVCTL的所有命令进行详细说明的一篇参考文档. 读者对象:ORACLE9i RAC数据库集群管理员. 注: RAC: Real Application Clusters SRVM: Server Management ------------------------------------------------------------

交互设计的定义、目的、价值、方法、文档

交互设计的定义 交互设计是指设计人和产品或服务互动的一种机制,以用户体验为基础进行的http://www.aliyun.com/zixun/aggregation/11432.html">人机交互设计是要考虑用户的背景.使用经验以及在操作过程中的感受,从而设计符合最终用户的产品,使得最终用户在使用产品时愉悦.符合自己的逻辑.有效完成并且是高效使用产品. 交互设计可以划分为纵向和横向(动态的和静态的) 纵向太深,用户会在一层一层挖掘后,感觉焦躁,同时也容易迷失.横向太宽,信息量多了,用户会觉

交互设计的价值和交互设计的方法

交互设计的定义交互设计是指设计人和产品或服务互动的一种机制, 以用户体验为基础进行的人机交互设计是要考虑用户的背景.使用经验以及在操作过程中的感受,从而设计符合最终用户的产品,使得最终用户在使用产品时愉悦.符合自己的逻辑.有效完成并且是高效使用产品. 交互设计可以划分为纵向和横向(动态的和静态的) 纵向太深,用户会在一层一层挖掘后,感觉焦躁,同时也容易迷失.横向太宽,信息量多了,用户会觉得复杂,找不到自己想要的东西. 交互设计的目的为了产品有效易用,为了让客户对产品产生依赖,为了让客户使用产品愉

什么是交互设计

交互设计的定义 交互设计是指设计人和产品或服务互动的一种机制, 以用户体验为基础进行的人机交互设计是要考虑用户的背景.使用经验以及在操作过程中的感受,从而设计符合最终用户的产品,使得最终用户在使用产品时愉悦.符合自己的逻辑.有效完成并且是高效使用产品. 交互设计可以划分为纵向和横向(动态的和静态的) 纵向太深,用户会在一层一层挖掘后,感觉焦躁,同时也容易迷失.横向太宽,信息量多了,用户会觉得复杂,找不到自己想要的东西. 交互设计的目的 为了产品有效易用,为了让客户对产品产生依赖,为了让客户使用产

降低项目沟通成本和风险:写好交互设计说明文档

文章描述:如何写一份交互说明文档. 离开交互圈已经有段时间了.但由于博客还在,还是能够偶尔收到一些邮件,上周有位同学问我:我在求职,我看到很多招聘说明上需要交互设计师编写界面交互设计文档,请问界面交互设计文档是什么文档?怎么编写呢? 这让我想起来2009年自己在项目里也大力推行过交互说明文档(在下文中,简称为DRD),格式倒没什么限制,交互设计师自己写到界面上也行,单独文档成文也行,总之就是让交互设计师能够将界面承载不了的信息通过文档沉淀下来,降低项目里的沟通成本和风险.今天整理电脑,翻出以前的

如何写一份全面易读的交互说明文档?

  交互说明文档,是交互设计师 的输出物中必不可少的一项,它关系着设计方案能否最大程度的被实现.交互新人,大多会烦恼如何写交互文档,今天来聊聊这个话题. 交互文档,写给谁看 交互文档可以看做交互设计师 输出的"产品",它面向的"用户"是下游的同事--视觉设计师.测试工程师.开发工程师.他们会根据文档中的线框图.交互细节说明等等,来输出视觉设计稿.写测试用例.用代码实现产品设计方案,并以此为依据完成验收测试等工作. 交互文档,写什么内容 最初写交互文档时,很多人会有疑

界面交互设计文档是什么文档 该怎么编写?

文档是什么文档 该怎么编写?-vc编写人机交互界面"> 离开交互圈已经有段时间了.但由于博客还在,还是能够偶尔收到一些邮件,上周有位同学问我:我在求职,我看到很多招聘说明上需要交互设计师编写界面交互设计文档,请问界面交互设计文档是什么文档?怎么编写呢? 这让我想起来2009年自己在项目里也大力推行过交互说明文档(在下文中,简称为DRD),格式倒没什么限制,交互设计师自己写到界面上也行,单独文档成文也行,总之就是让交互设计师能够将界面承载不了的信息通过文档沉淀下来,降低项目里的沟通成本和风险

如何写一份交互说明文档

离开交互圈已经有段时间了.但由于博客还在,还是能够偶尔收到一些邮件,上周有位同学问我:我在求职,我看到很多招聘说明上需要交互设计师编写界面交互设计文档,请问界面交互设计文档是什么文档?怎么编写呢 这让我想起来2009年自己在项目里也大力推行过交互说明文档(在下文中,简称为DRD),格式倒没什么限制,交互设计师自己写到界面上也行,单独文档成文也行,总之就是让交互设计师能够将界面承载不了的信息通过文档沉淀下来,降低项目里的沟通成本和风险.今天整理电脑,翻出以前的PPT,分享之. 这将涉及到几个问题: