• 2017年7月2日,氧16网正式改版,增加会员登录注册功能,感谢群里小伙伴的支持!
  • 氧16网设计交流1群:331622745,设计交流2群:536159510,欢迎志同道合的朋友加入!
  •    3年前 (2014-06-24)  文章 |   6 条评论  5 
    文章评分 0 次,平均分 0.0

    尽管我工作已有些年头,但做交互依然是个新手,总是会犯一些常见的错误,在网上一查,这竟然也是其他交互老手在工作中会出现的问题。比如交互说明写的不够清楚详细,导致和前端、开发人员的沟通成本增高、返工增多、工作效率下降等。为了解决这些问题,一方面需要加强沟通,另一方面还需要多站在前端、开发的角度考虑交互说明的表达形式,使大家的配合更默契。总之交互不是想象中那么容易,我还差的远呢!

    关于交互说明的文章,网上也有不少,我一向走的都是野路子,所以什么是交互说明文档,交互文档的规范我都不会告诉你,因为我也不知道,也不愿意知道,关键是做出来的东西利于团队交流和沟通,易看易懂就OK了。今天只谈工作中容易忽略的几点问题以及个人的一些经验总结,希望对大家有所帮助。

    一、尽量使用真实、符合逻辑的数据内容

    因为设计出身,我做交互时,总是不自觉的想到页面极端情况的展示会不会导致不美观,而不注重数据之间的逻辑对应关系,现在我知道了这样会给开发人员带来很多困扰。比如下面这个图,开发就会产生很多问题:优惠价格和原价怎么设置,两者之间有什么关系,有没有控制?推荐在什么情况下触发,收藏需要提示登录的样式等等等等,而这些问题又和后台算法紧密相关,所以你必须在图中或文档里交代清楚。

    做交互设计容易忽略的几件“小”事

    有时间想图省事,在页面中随意标注或者相同的流程套用一个页面时,开发的困惑就来了,怎么跳回去了,这个流程怎么跳到另一个流程里去了,当然这种偷懒的错误花了大量个沟通成本,所以还是埋头苦画,使用真实、符合逻辑的内容比较好,偷懒不得啊!

    二、不遗漏特殊状态的描述

    在做交互的时候,总是更多的考虑正常情况的状态,却经常忽略了一些特殊状态。但对于前端和开发来说,各种状态都是不能缺失的,否则会导致工作无法进行。

    做交互设计容易忽略的几件“小”事

    比如上图,看似操作逻辑很简单:“勾选上面的人名后,下面会相应的显示对应的信息”。但如果交互说明只写这些,前端或开发就要疯掉了,他们会冒出无数的问题,比如:常用被保险人如何排序?最多显示多少?超出一行怎么办?名字有无字数限制?名字超长(外国人、少数民族)怎么办?勾选了3个人怎么办?重名怎么办?勾选人名后,在下方修改信息后怎么办?听到这些我都要疯了!然而都是交互设计师需要提前考虑到,并写在交互说明里的。交互设计师想的多一些,前端或开发就会省心很多。但是这还真不是一个人就能想到面面俱到的,只有尽量注意,把更多的问题植入大脑!

    三、避免过长的说明

    还是上面这个例子,后来我们按照前端提的要求把所有交互说明都补充完了,内容很可观,写了一整页的标注,密密麻麻的。于是前端和开发又密集了,他们看不下去又来问你了!

    这是你要思考的问题是:

    1.是不是需求或设计方案有问题,导致逻辑异常复杂

    2.这个方案开发成本是否很高,有没有这个必要?(有些异常情况出现频率极小,可以适当舍弃,保证体验和开发成本之间的平衡性)
      
    但是你不是产品经理啊!你不是老板啊!亲~~~忽略上面2条你只能考虑下面这个问题:

    3.如果需求和设计方案都没问题(或者不能改),是否表述方式有问题?应尽量避免文字堆砌,做一个好的交互也要懂得诗人的押韵和惜字如金!

    举个例子,假如现在界面上有个“收藏”的链接,点击它会触发一系列操作,在交互说明上,我们该如何表述?

    有些人可能会这样表述:

    “点了“收藏”链接,判断用户是否登录。如果没登录的话,就弹出登录框,如果登录的话,再判断用户是否首次收藏该商品,如果不是的话,弹出一个提示框(旁边配个提示框的样式);如果是的话,再判断用户是否首次收藏商品,如果不是的话,弹出收藏成功的提示,如果是的话……”

    还有些人可能会这样表述:

    做交互设计容易忽略的几件“小”事

    很明显用图的后者更清晰,更有条理。当然为了让大家更容易理解,关键是开发喜欢看这种流程图。

    除了使用流程图外,还可以用表格的形式把各种状态图罗列出来,还是那句话别图省事,你没画开发就以为没有!如果有动画效果的话最好制作出演示效果,比如用axure等软件可制作出很多真实场景的交互动作。

    四、关于重复出现的模块

    为了方便阅读,很多设计师习惯把交互说明直接写在原型上对应的模块旁边。但这样就会遇到一个问题:有些模块会重复出现在多个页面,关于该模块的交互说明如果只写一次,那么开发可能会找不到;如果每个页面都复制一份,开发可能又会疑惑(前后是否有区别?)更要命的是,如果要修改的话,所有页面都要跟着一起修改,工作量就会很大。

    比如下面这个模块,在购物车、个人中心等多个页面都会出现。为了节省时间,提高效率,我把这个模块独立出来,并起名“迷你收藏夹”,然后在其它页面上只留个空位就可以了。

    做交互设计容易忽略的几件“小”事

    比如购物车页面下半部分要用到这个模块,那么我就在这里留个空位。这样我省事,开发也省事(很多模块看上去是类似的,给常用模块命名再组合,不容易出错,一目了然)。

    做交互设计容易忽略的几件“小”事

    这个例子虽然看上去比较白痴,但是想通过这个告诉大家的是:尽量用模块化的思维方式来处理较复杂的问题,对提高工作效率很有帮助。

    五、如原型有修改,不要口头沟通,而要更新交互说明并告知大家

    一张图就说明了问题(我也经常干这种事,以后还是得勤快点啊):

    做交互设计容易忽略的几件“小”事

    其实我认为用什么方法不是最重要的,重要的是在合作的过程中,不仅把自己该做的做好,同时站在伙伴的角度上考虑问题,给大家提供更多的便利,才能使团队的效率越来越高,大家配合的越来越默契。

     

    除特别注明外,本站所有文章均为氧16网原创,转载请注明出处来自http://yang16.com/4429.html

    关于
    氧16网 — 分享设计&素材&工具|文章烂,更新少,茫茫人海,能够被你关注真是三生有幸

    发表评论

    表情 格式
    1. 小苍半裸照 评论达人 LV.1 2年前 (2015-10-06) [0] [0]
    2. 丝袜诱惑你 评论达人 LV.1 2年前 (2015-10-04) [0] [0]
    3. 这么好的文章不顶就太对不起博主了

      丝袜诱惑你 评论达人 LV.1 2年前 (2015-10-04) [0] [0]
    4. 引以为戒

      氧16 评论达人 LV.7 3年前 (2014-06-30) [0] [0]
    切换注册

    登录

    忘记密码 ?

    您也可以使用第三方帐号快捷登录

    切换登录

    注册

    扫一扫二维码分享