赞助商
立即赞助

做好这个交互文档细节,让你和工程师的合作效率提高50%

交互设计3年前 (2021)更新 流光
2.7K 0 0

怎样的交互设计才算清晰整,面是从实际项目中总结来的一些经验,分享给大,共同习进步。

产品交互设计稿和研发结果不一致

从毕到工作,作为一名交互设计师,经手的项目算数了,时间久了,会发现一个问题:无论设计书中的容架构多么清晰,论多么详细,我们在实际的项目中还是无法做美的产设计,还是会容易忽略一些问题。这我想到了我们念书时,虽然科书上的知识我们都习了,老师给划重点了,但是考试的时候,会全是满分。在的时候,我们会整错题集,把错题的原因和需要注意的知识点记录来于后期复习。同样,今天我把自己在实际工作中遇到的一些问题整来,和大一起习进步。

让研发工程师苦恼的交互设计文档

产需求:户可将件重命名。

交互设第一版:

做好这个交互文档细节,让你和工程师的合作效率提高50%

iOS研发程师看了设稿后,QQ发信息:

  • 研发工程师A:从一个件点击重命名进来,是否保留原来的件名字还是自清空?
  • 研发程师B:支持的字符数限制吗?

Android研发工程师看了设计稿后,微信发来信息:

  • 研工程师A:文件名称以是空的吗?
  • 研发工程师B:是否支持特殊符号?
  • 研发程师C:特殊符哪些啊?

为什么会遇到这样的问题?

分析原因:互设计文档只给出一种情况,就是重命名文件的程中。但是没有给出重命名文件的初始前,空值、极值、默认值和异常状态是什么样子。

研发人员在编写程序的时候会遇到上问题的,但是交互设计档上没有说明,他们当然要追问了。追问的研发工程师实还算好的工程师,有些研发人员遇到交互设计档中没有标注的情况会按照自己的想法做,这样就会导致同一份设计档,iOS和Android会研发两种同的交互方式。

时候交互设师设的时候,脑子里会到这动作的始,过程结束,但落实到纸。以研发程师也会同样的解决方案,但万万到,研发出的效果截然不同的。

不职业,背景不,思考问题思维也不,所以如想让和你有样想法,最好是把你想法说楚,说详细,越详细越好。

解决问题

分析了原后,我们要想办法解决问题。细化交互设计,把异常情况和动作开始及结束会遇到各状态都详细说明出来,保证品设计致性。这样论是哪位研发工程师,拿到交互设计文档后,都会做出样品,这样用户体验有保证了。

补充后的计文档如下:

做好这个交互文档细节,让你和工程师的合作效率提高50%

怎样才能考虑周全

那么问题来了,有些刚接触交互设计朋友会问:我也知交互设计文档需要细化,是有时候不楚需要细化哪些地。品经理在需求时候也没有那么详细,有时候个需求仅仅是句话。说到这里,可以分享大家个法,我在做设计时候是这样用,而效不。

拿需求后,通常会想最常见的情况,那就先把这个常见的情况画出来,然后心暗示,「应该还有其情况」,「总觉好像少点什」,然后就转变身为「测」,给的计提问题:

  • 是否有空值情况,如有怎样处理?
  • 是否有默认值,默认值是什?
  • 功能是否有范围?果有,最大值和最小值是什么?果超此范围应该怎样处理?
  • 这个操作的上一步是么?它是怎么过来的?
  • 这操作的下一什么?还其他况吗?
  • ……

我们再看一类似的功能设,需求用户可以自义间称,用面的方法设后,文档内如下:

做好这个交互文档细节,让你和工程师的合作效率提高50%

按照以的方法训练自己,不出很时间就会设出很标准的交互设文档。。当UI设师、研发程师、测试拿到的交互设文档后,也会被的专业震撼到的。平时作中就注重细节,规范设文档,这样到了跳槽的时候也不会花太多时间精力准备作品集,机会总留给准备的人。

© 版权声明
您必须登录才能参与评论!
立即登录
暂无评论...

相关文章

百度UXC:如何做改版设计?百度网盘的实战案例肯定能让你学到很多! 一. 改版背景 百度网盘在2013年诞生之际以备份文件功能走...
App改版
单选框是非常常见的表单元素。它通常被用来从一组互斥的相关选项中选择一个单独的选项。当点击一个未选中的单选框时,它会被...
交互设计
对于富有进取心的设计师和创意人而言,将对设计和创造的激情转化为职业生涯,是一件无比美好的事情。对于独立设计师,或者经...
客户
本文堪称设计师必备的交互基础知识大全,无论你是新手还是工作多年,如果不是专业的交互设计师,对交互不够熟悉的,看这篇就...
交互设计
《设计师如何自我评价和规划?KASH能力图谱来帮你》系列又和大家见面了,本期分享的是我对「交互设计」的理解,以及简单说说...
交互设计
编者按:我在2年前曾经写过一篇《也许AR增强现实技术才是距离设计师最近的未来》,而 Adam Fard 对于 AR 技术的观点和视角更...
Adam Fard
随着移动智能终端和云计算的快速发展,人工智能的浪潮正在悄然颠覆着我们生活的点点滴滴,VUI(Voice User Interface,语音用...
交互设计
随着技术的发展,我们常常会觉得,如果想要做好产品必须遵循新的规则。实际上,这并不是真的。人类本身并没有我们想象中变化...
Eugen Eşanu