产品搜索
产品搜索
新闻资讯
媒体专区
汇得学院
投资者关系
党建活动
业务领域
社会责任

安博电竞Axure打造最强DRD交互文档(含事例)返回列表

2021-09-19 12:35:11    来源:安博电竞官网登录 作者:安博电竞网站

  交互规划说明文档,即DRD是指用来承载交互规划说明,并交付给前端、测验以及开发工程师参阅的文档,是一项基本功。本文作者用Axure来完成了一份交互文档,并且经过事例,更实在地协助了解交互文档的细节,与你共享。

  当我在网上搜索交互文档标准时,能够搜到许多关于交互文档的结构建立的文章,但一直没有一份较为完好的事例Demo展现,首要是因为大多数商业项意图交互文档是涉密的,无法进行共享。

  信任咱们和我相同想要一睹交互文档实战事例的芳容,我本着在交互职业学习的精力,研讨了飞书、钉钉、腾讯会议,终究构建了这个《UEDART云作业APP交互事例》的虚拟项目,终究输出在交互文档中能够快速复用的结构与模块。旨在经过契合实践的项目来进行交互文档全体构建的论述,让咱们经过事例的阅览,更为实在的了解到交互文档的细节,从中得到一些有用的协助。

  关于整个云作业APP项意图需求剖析、规划思路、事务流程图、页面流程图、原型图制造内容现已在《UEDART云作业APP交互事例》文档中表现了,本文就不再做过多赘述。接下来首要讲一讲,经过本次交互事例的展现,怎么使用Axure快速构建DRD交互文档,为咱们后续的作业供给愈加有用的协助。

  经过本文的论述再结合《UEDART云作业APP交互事例》,左右开弓,能够让咱们更好地了解到整个交互文档结构与实战交互事例的全貌,深化各个环节发掘细节常识。这样会比独自从一个视点切入更为的直观和有用。与此同时,咱们能够开始了解到怎么从项目实践中抽离共通性,有意识地将共通性进行模块化是进步功率的好办法。

  期望本文能够给咱们传达一些常识,也期望在和咱们沟通的进程中,我也能不断地批改过错罗致新常识,和咱们一同生长。

  本次制造的交互文档首要是针对作业环节中,用于落地开发完成,辅佐作业环节中的各个成员:产品司理、视觉规划、开发人员以及测验人员,了解产品交互的功用与流程细节需求,便于开发对需求的了解与完成。

  0-1的产品规划:彻底0-1的产品,从头收拾产品事务、场景与事务,对应的事务与模块需求特别多

  全新事务线:已有根底流程与事务的沉积,需求迭代全新事务线或大模块,对应的事务流程和功用多

  小版别迭代产品功用:触及流程少,迭代功用少,对应的要求是快速呼应上线 怎么让整个文档结构更为的灵敏呢?

  针对以上场景我将交互文档结构拆分为:大、中、小三种方式,别离对应产品规划的几个常见场景

  大型:0-1的产品规划,迭代全新事务线个完好的UEDART云作业APP交互文档事例来展现

  此大体结构和“大型”不同不大,首要是删减了一些根底信息的内容,流程和子事务的数量上的差异性

  ·版别迭代:要做好版别办理,便利更新迭代,不只是项意图迭代,全体交互文档结构也需求不断更新迭代使其愈加契合咱们实践的作业所需

  ——首要是让制造有方向性,这一点很重要。做一件事一定要清晰为什么做,在项目之初现已界说了本次项意图首要意图。在清晰为什么做的根底上,怎么更有用地完成目标,方向性很重要,它为接下去的项目制造供给了要害着陆点,在一系列的提问与思考中不断完善接近终究目标。接下来的制造思路将依据此特性,进行制造办法的选型与全体交互文档构建的架构。

  开始界说《UEDART云作业APP交互事例》的输出为主,此事例依照大型的交互文档结构进行打造,让咱们能够了解到交互文档的全流程制造的全进程。

  我称之为五环制造法:提炼准则,确认办法,一致标准、拆分模块、提高功率。1、准则:依据交互文档的四个特性,易于阅览、灵敏使用、调整修正、版别迭代。

  3、标准:依据一致的规矩,便利坚持元素的一致性,提高文档细节漂亮度和阅览感。

  5、功率:选用了原有现已制造好的PRD结构+手机组件作为根底资料,便利提高的制造功率,与此同时标准性与模块化也为后续的制造带来了高功率性。

  Tip:回溯项目整个的制造时刻,2021年1月交叉了许多其他作业,比之预期有所滞后,终究还算比较顺利的在春节前完成了整个项意图制造与收拾。

  1、符号1:交互文档标题,包括项目称号+版别号2、符号2:主模块频道切换,可依据需求自界说和调整排序3、符号3:模块内,切换菜单,可依据需求自界说增加或削减

  在全体文档制造开始时,先制定好整个原型文档的原型元素是一件很必要的作业,这为后续制造的标准一致性供给了坚实的根底,依据一致的规矩,便利坚持元素的一致性,提高文档细节漂亮度和阅览感。

  这样能够确保后续组件与页面的元素一致,坚持一致性的准则。首要界说了品牌色、自界说灰度色系、头像尺度、字号、4px距离

  咱们在作业中常常会用到一些固有的组件库,比方Ant蚂蚁出品的axure组件,许多同学或许就“拿来主义”直接使用到自己的项目中,这的确也是一个比较简单也很省劲的做法。

  我个人比较习惯于把这些组件资料作为制造的根底资料,在实践使用中依据项意图事务所需,重塑组件。项目中的组件制造是一个按部就班的进程,不能一蹴即至,在咱们制造进程中,拆分出来的通用模块,就能够封装为一个组件款式,便利下一个流程或页面的复用。本次制造中我使用了UEDART出品的手机端组件作为基地资料,从而优化成本次项目中的组件元素。

  咱们不止在制造文档时需求模块化这种思想,在规划产品与流程规划时也需求带着这种思想,能够有用地将流程中共用的子事务流进行串联,防止重复子流程与重复的开发作业。

  页面流程的页面与页面称号:页面选用引证自动识别对应原型展现,页面称号选用引证自动识别页面称号展现。

  经过以上几个小使用能够做到便利后续修正时,不需求做过多的重复命名作业,只需修正左边树结构的页面称号,一切相关页面都会同步修正称号,并且当咱们需求在页面称号上补白此页面(修正)时,在其他环节也会展现,适当便利。

  不过在前面的制造时就要按办法履行,防止后续为调整修正称号,作业量大且简单疏忽,导致称号不对应。

  更新日志增加:依照修正时刻、特点、描绘、修正人进行增加,当同一天更新比较多时(修正了需求),此刻能够依照调整模块拆分红多条来增加。

  为了便利咱们在页面流程中的符号,我将符号修正进行了组件化:多页面修正符号、注释调整符号、单页面部分符号、删去躲藏符号。

  这边我举个比如,便利咱们对符号实操的了解。当我修正了登录页面的一键登录页面和注释描绘时。

  凭借原型保管东西:这边我选用了阿里云oss上传。首要是考虑阅览速度的要素,蓝湖大文档的原型保管会卡。当然你也能够挑选Axhub或蓝湖以及其他保管渠道都能够完成将Axure生成的html进行上传。

  链接共享:经过共享的地址链接,其他成员能够经过衔接翻开进行项意图阅览。APP交互事例预览:

  本次关于Axure打造交互文档的共享就到此结束了,期望能够给咱们带来一些协助。完好的事例能够在预览地址里能够检查,欢迎咱们与我沟通,共同进步。谢谢!


安博电竞