如何应对交互设计中的技术实现问题

数十万互联网从业者的共同关注!


作者: 山晓,作者授权早读课转载。

公众号:LEX设计生(ID:Lex-design)

编辑:Dva


技术实现是交互设计的last but not the least环节,甚至有时应该是设计优先考虑的问题,毕竟没有实现的设计只是图纸而已。


可作为一个技术门外妹,什么时候需要考虑技术实现问题?都需要考虑哪些问题?如何保证设计不受技术实现的影响?


下面就以聊天中的文件下载为例,讲一下笔者的经验和小心得。


WHEN


什么时候需要考虑技术实现的问题?

-在遇到特殊需求和有特殊设计的的时候


聊天中文件下载的就是一个特殊的需求。因为在聊天中,文件既是文件数据,又是聊天信息,所以聊天文件的数据和信息在技术实现中是结合还是分开处理,会对设计产生影响。


影响在于该聊天文件在页面中以什么形式展示?有什么样的内容和功能?


如何应对交互设计中的技术实现问题

如果说聊天文件的数据和信息是结合处理的,那么该文件发送到接收用户的时候,其数据和信息是同时传达的,用户需要点击下载,才能知道这是什么文件,下载完成才能知道该文件的大小,才能进行转发等操作。


如何应对交互设计中的技术实现问题


而聊天文件的数据和信息分开处理时,就可以在文件发送到接收用户时,优先展示文件信息。聊天文件信息,就类似于图文版的网盘链接,用户可以在下载之前可了解简要情况,决策是否下载,且在未下载之前就可以进行转发。


另外一个需要考虑技术实现的时候,就是有特殊设计想法的时候。


当用户点击进入下载页面之后再返回到聊天页时,后台默认继续下载,可文件下载完成该如何告知用户?下载信息中以文字状态的切换表示?


但是这个反馈不够明显!且如用户该条信息被接下来的聊天信息顶出当前页面怎么办?


如何应对交互设计中的技术实现问题


此时想到,采用文字提示,希望用户点击该条提示信息可自动回到下载的文件以方便用户查看。


也许你跟我想的一样,觉得这只是一个简单的case,不过是将文字链接和下载文件绑定而已。可对于技术实现而言,这就是一个新需求,是一个锦上添花的功能,那么就要跟开发人员沟通,其开发成本和时间问题,做相应调整。


WHAT


都需要考虑哪些技术实现问题?

-对设计有什么影响?有什么替代方案?


也许你跟我一样,在技术评审的时候一头雾水,每个开发哥哥口中蹦出的英文单词都听不懂,即使说中文,每个字都听得懂,连成句子就不知道是什么了。


比如:文件下载过程走串行还是并行?要不要token判断?判断储存空间是大端还是小端?


这个时候不要陷入顾影自怜的忧桑中,而是豁开脸皮去问,但是要问什么?

不要问为什么实现不了?而要问实现不了对设计有什么影响?


比如:文件下载过程中串行和并行对于设计有什么影响?

答:并行,是多个文件同时下载,在储存空间不足的情况下,会造成多个文件同时下却同时下载失败的情况。

串行,则是多个文件一个一个下载,虽避免上述问题,但在正常情况下需要用户等待。


由此分析,再来分析用哪种方式能够保证良好的用户体验。所以为什么并不重要,问清楚对设计的影响更重要。


再比如:在文件下载过程中因技术问题不做储存空间判断?

答:在用户下载文件过程中很有可能会遇到储存空间不足的情况,如果因为技术问题导致不能做现有储存空间判断,不要去问为什么,而是要问如果不能做能不能有替代方案?比如采用系统的系统判断模式。


HOW


如何保证设计不受技术实现的影响?


-出完美的方案,做合适的妥协,守住体验的底线

除对设计方案产生重大影响的技术问题,如是native还是h5实现这种的框架层的大问题外,笔者建议在设计之前先不考虑技术实现的影响,全面的思考设计方案,毕竟产品的成功靠的是横向团队各方的努力,而设计的思考是交互设计师自我的价值。


而在跟开发哥哥对技术方案实现过程中,问清楚技术实现对设计的影响,耐心沟通跟开发哥哥一起协调方案。


如果真的没有替代方案,或者单纯因为时间实现不了的问题,要分析问题本身的重要程度,比如文件下载中如果不做储存空间的判断,用户遇到储存空间不足的时候不做判断,导致的结果是用户只知道是下载失败,而失败的原因不知道,则会严重影响下载过程中的用户体验。


而没有替代方案而延期的非重要问题,问清楚后续实现计划,记录到优化列表里,做实时跟进就好。


以上就是笔者在技术实现对设计影响中的一点小心得,再总结一下:

  1. 拿到特殊需求的时,问清技术实现的基础

  2. 有特殊的设计方案时,备注考虑技术实现成本

  3. 遇到技术实现问题时,问清楚对设计的影响

  4. 技术对设计有影响时,耐心寻求替代方案

  5. 技术导致设计延期时,做好记录跟进优化

投稿邮箱:mm@zaodula.com

本文由作者授权早读课发表,转载请联系作者。


3月29日,100offer 邀请了被称作「架构师的摇篮」的阿里中间件参加知乎 Live。

阿里中间件承载了世界上最有挑战的场景,应对了一次次双十一的流量洪峰,他们对人才的要求指引优秀架构师之路的方向。

扫描二维码,参与 Live 会让你了解怎么样的架构师才能胜任顶尖团队中的工作。

如何应对交互设计中的技术实现问题

原创文章,作者:Tinadmin,如若转载,请注明出处:https://www.iamue.com/33068/

(0)
TinadminTinadmin
上一篇 2017-08-02 03:30
下一篇 2017-08-02 04:20

相关推荐

  • 职业病又犯了,我从交互设计角度分析了《得到》App…

    我是《逻辑思维》的 期期都听 忠实听众,也许有很多人对老罗不置可否,但我自己是非常喜欢的,可能也是由于我知识结构和老罗相差太远,但我一点也不觉得丢脸,谁叫他比我 老 大呢。以前我们都知道,喜马拉雅是逻辑…

    2017-08-04
  • 三个维度解析一个产品的交互设计

    作者:飞起就是一jio链接:http://www.jianshu.com/p/ad13cebe513b本文以“微信首页”为例,用三个维度系统地解析一个产品的交互设计的方方面面首先我们来做个互动,请各位看官打开自己的微信,然后看到你的微信首页…

    2017-08-04
  • 交互设计控件之按钮设计

    ♝点击上方“交互设计学堂”关注我们,送电子书一.主按钮和次按钮很多按钮是成对出现的,比如“确定”和“取消”。一般情况下,按钮会有主次之分,一个按钮是我们期望用户去做的,另一个按钮是在特殊情况下才去做的。主次按…

    2017-08-04
  • 准备入行交互设计之前,先来搞清楚这些基本概念

    一直以来,经常有学生来问我,“是该选产品设计好还是交互设计好?”或者“过去是做产品设计的可不可以转交互设计?”“是不是视觉设计转交互或者界面设计方便点?”等等诸如此类的问题。笔者注:“产品”既可以是物质化的…

    2017-08-03
  • 交互设计背后的心理学原理

    作者介绍郑少娜,云之家里一只特立独行的用户研究员。想把生活踩在脚下,说:“叫你搞事情!叫你搞事情!”✦✦✦✦✦某次下班偶遇一开发,他问:“你们平常做的交互设计,有什么准则吗?”我列举了尼尔森十原则之类,却遭到…

    2017-08-01
  • 总结几个产品交互设计原则

    什么是交互设计?这是一个很泛的概念,很多人讲交互都会试图去区分交互设计、UI设计和体验设计等。但是我个人觉得,这些东西根本没有界限。UI层面也涉及交互、交互也是一种体验设计,没必要把他们彻底分裂出来。每…

    2017-08-02
  • 产品经理、交互设计、UI设计师工作内容到底是什么?

    |沙龙精选自公众号交互笔记后台经常会有人留言问我一些问题,有的我回复了,有的没有回复,不是我故意无视,而是因为探讨那些问题需要需要些时间,而我当时正好比较忙,等闲下来的时候,这些留言已经被后台定期清空…

    2017-08-02
  • 交互设计中的5项视觉指导原则

    【分类】经验分类:经验/观点/自译原作者: Jerry Cao翻译:@ifecIFEC团队译文UI中国旗下翻译团队,由热爱翻译热爱分享的设计师组成。IFEC译者翻译国外行业热文、规范文档。欢迎关注我们的官方微博 @ifec, 加入我们…

    2017-08-04
  • 牛X的交互设计稿应该具备的特点

    转自:UIUX设计工作坊(ID:UIUX-HUANG)作者:弘毅道还没有跨入交互设计的门槛时,总是想明确的知道一些客观、确定的事情。比如,想知道交互设计的具体流程是什么,交互稿到底长什么样子,Axure中的Case用例怎么用…

    2017-08-01
  • 交互设计真的很难学吗?

    头几年的时候提到交互设计,大家的脑海里面都会莫名的飘过一张流程图。现在重新提起来交互设计,甲方+老大都会先问你这个产品的场景是什么?为什么大家都开始注重场景,场景究竟是个什么东东?今天给你介绍点干货。…

    2017-08-04