赞助商
立即赞助

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

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

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

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

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

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

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

交互设第一版:

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

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

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

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

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

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

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

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

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

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

解决问题

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

补充后的计文档如下:

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

怎样才能考虑周全

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

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

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

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

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

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

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

相关文章

编者按:虚拟现实类的APP 要怎么设计?其实你已经可以自己动手设计了,其中所需要注意的要点,都已经汇总到下面的文章里面,...
AR
UI界面是否设计得足够清晰,各种元素之间是否协调、平衡,用户能否轻松感知到屏幕上的信息,交互是否顺畅舒适,这些因素决定...
Tubik Studio
这两天一直在构思36氪评论优化方案,也就整理了行业内做评论的常见方法,这篇文章我们就来聊聊设计评论功能时,需要考虑的那...
ui设计
Tubik Studio :我们的日常生活中总是面临着无尽的选择,大量的挑战。设计的决策也是如此,一个正确的决策会受到很多不同因素...
ui设计
@苏大牙牙牙 :身为设计师,我们对自己的工作再熟悉不过,有说不完的兴奋、讲不完的委屈、吐不完的槽… 但你有没有发现,别说...
交互设计
视觉层次是塑造优秀数字产品的基础,它能让内容以更加有效的方式被组织到一起,使其更容易被理解。视觉层次对于用户体验的影...
层次感
@糖糖糖就是糖 :这是自学水彩系列总结的第五集——自用留白液测评和常见问题。 之前在 B 站画了一套海洋系列的画,经常用到留...
手绘
随着用户体验被愈发的重视,更多的 App 偏向于使用多手势优化用户的操作流程,降低使用阻力。点击某个确定的按钮的手势操作虽...
交互设计