设计不懂开发,严重脱节的设计是怎么影响开发的

编者按 :Anders Lassen 是 Fuse 的创始人兼首席行政官。Fuse 是一款面向设计师和开发者的本地应用工具套装。

移动应用现在已经变得十分普及,以至于技术圈的大部分人都认为开发应用是一个简单直接的过程。然而,当你揭开应用开发的帷幕时,你会看到一个充满预算超支,代码和素材的臃肿,以及开发进度延迟的艰苦历程。

上面提到的很多阻碍都是移动应用开发所独有的。现在的移动应用通常都会作为连接用户和公司之间的主要纽带。这就意味着移动应用设计涉及的人员数量是非常庞大的:设计师本身、产品团队、市场人员、产品经理,甚至包括最终为应用开发提供资金的用户(或风险资本)——他们当中很少有人能够大概了解真正的应用是如何在代码层面实现的。

这并不是说工程师是唯一能够理解应用开发过程的人——只是说大部分应用的策划阶段(也就是概念和设计)和制作应用所需的代码部署阶段(也就是开发)之间都存在严重的脱节。

应用开发过程的关键矛盾在于,负责部署最终代码的开发者和其他人之间在文化和技术上存在的差异。换句话说,技术圈的大多数人都是造成这个问题的一部分原因。下面我会向大家进一步解释这点。

执着于代码无法实现的视觉效果

当我们谈论移动应用设计的时候,我们通常所指的是应用在 Photoshop 或者 InVison 和 Pixate 这些原型设计平台上面所呈现的形象,这些功能强大的视觉化工具可以展现出最终应用的外观和感觉。

但是这些平台与应用的基础代码其实没有直接的联系,而且它们只能代表一个非常理想化的最终成品,但是这种想象是有可能无法实现的。(例如大量的动画,高度可动的 UI 在视觉上是很有吸引力的,但是这些元素也许会增加几个月的开发时间。)

然而,开发公司经常会将精美的视觉设计作为应用的核心参考对象。(这点和网页设计很不一样,后者的 HTML/CSS 最终代码通常可以进行实时的原型设计。)

我已经见过很多这样的情况:当你向客户展示原型设计的时候,他们就会对产品产生一个固定的印象,但是经过几个星期或几个月之后,当他们将最终成品和当初通过的设计进行比较的时候就会感到非常失望。

这点引出了一个相关的问题……

设计资源分配的矛盾

虽然原型设计可以确定应用的外观和功能,同时也是公司与客户和内部开发团队进行沟通的一个重要工具,但它实际上也属于开发流程当中(成本很高)的一部分,而且它跟最终产品之间没有直接的关系。

一旦应用已经完成了代码部署,原型设计就没有价值了,也就是说,大量的开发时间和预算都花在了一些最终会被丢弃的东西上面。另外,设计一些不会出现在最终应用里面的功能也是一种浪费资源的行为。

这种存在于原型和开发之间的脱节,意味着设计师可以轻易地想出一些动画、UI 概念和富媒体内容,但是它们几乎不可能通过代码实现。

在这样的情况之下,设计师的时间和精力就被完全浪费了。当发现应用出现问题之后,他们就需要进行新一轮的设计工作——在这个时候,原型的“终稿”往往已经通过了审批,应用也进入了开发阶段。

缺乏真实数据的设计

在原型设计的过程中,设计师总会挑选出一些数字、名称和图像,展示出用户输入内容在最终应用上的最佳效果。但是他们通常会忽略用户输入内容可以是多种多样和凌乱不堪的——其中部分内容可能会导致应用出现“走样”或者完全不可用的情况。(Dropbox 的乔什·帕克特(Josh Puckett)之前在 Medium 的一篇文章上生动地描述过这个问题 。)

不幸的是,数据和设计之间的冲突一般只能在应用公开测试阶段被发现,这已经是比较好的一种情况,更坏的情况(也是更常见的情况)是应用已经上架 App Store,用户真正开始使用它之后才发现这个问题。无论是哪一种情况,设计师和开发者通常都需要进行新一轮长时间的更新开发流程。

我们开发的是应用,而不是原型

为了应对这些难题,有人提出的一个解决方法是让设计师学习编程。但是我的看法跟 杰西·韦弗尔(Jesse Weaver)一样,我们都认为这种做法既不可行,也难以接受。我们真正需要的对应用整体有更好的理解——从它的编程基础到表面的 UI 和艺术素材,并充分考虑到它在不同平台上真正运行的情况。

我们还需要认识到应用开发并非一个线性的过程,它不像是把一个设计好的应用直接交给开发者那么简单。相反,设计师和开发者之间需要通力协作,在打造出引人入胜的外观之余,他们还要保证这个外观的每一步都能够被实现出来。

现在已经有越来越多的公司将应用作为自己的唯一产品,因此按照这种方式进行应用开发就显得更为重要了。

原文:Medium

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

(0)
iouedioued
上一篇 2015-08-04
下一篇 2015-08-05

相关推荐

  • 从交互层面探讨:不一样的 App 该如何设计?

    针对APP同质化现象,本文作者从从交互层面探索了不一样的 App 该如何设计,且谈及自己的解决方案。值得一读。     “首先占据人们大多数时间的同类型APP内容高度同质化,而风格取决于内容,在平庸的内容下只能诞生风格平庸的APP设计。其次,对于以商业目标为根本的APP应用设计开发,设计风格的投入产出比并不高(游戏依然除外),设计模式的流行以及交互方式的单一使得保守的设计投入产出更高。最后在现今的消费领域,功能主义盛行,界面设计中理性居于主导地位,设计风格显示不是理性思考的首要考量目标。”

    2017-05-04
  • 【译文】”移动优先”的设计理念已过时了吗

    【译者注】Mobile First(移动优先)大概是移动设计师听到最多的设计理念之一,2011年Luke Wroblewski大神提出它时,打破了原来“先完成web设计再移植移动设计”的常规方式,为移动设计注入了一针强心剂,一时各大企…

    2016-02-19
  • 2018年用户体验趋势(二)

    2017年,我们见证了很多。在与全世界的189489位设计师策划并分享了1926条链接后,我们从行业内的所写、所说和所想中,预见了几个趋势。以下就是2018年用户体验的预期。#4每个界面都是一个故事设计世界中的讲故事和写作从未如此现实过。随着客户的体验旅程越来越碎片化,我们要确保在不同渠道中讲述连贯的品牌故事,并且这些故事清晰、有趣、富有人性。有段时间,大概是几年前,我们听说过显微术语。但是到了2017年,业内人士发现,不仅要重视在设计...

    2018-03-02
  • 浅谈iOS与Android设计规范:6类交互设计规范对比

    iOS和Android两个不同的平台,肯定是有很多区别的,下面就从交互的角度,谈谈区别。

    2017-05-03
  • 外媒盘点:2014 年最佳 UI&UX 设计

    外媒 fastcodesign 就盘点了 2014 年最佳 UI&UX 设计,这其中有几款设计让人眼界大开,我们一起来看看吧。 GravitySketch 3D 虚拟画板 GravitySketch 让设计师们随时随地"凭空工作"成为了可能。使用者需要戴上 …

    2015-02-04
  • Axure如何制作圆形加载效果?

    01新建一个矩形,去掉底部边框02调整矩形的圆角半径03设置颜色,命名为“半圆1”04复制半圆,垂直翻转,命名“半圆2”05新建矩形,命名“矩形遮挡”06设置“半圆1”的交互样式07“矩形遮挡”遮挡“半圆1”,“半圆2”隐藏08设置“矩形遮挡”交互样式09点击预览

    2018-03-29
  • 网易资深设计师:ToB产品的6条交互设计经验

    网易UEDC –李东岳:本文希望能够总结一些B端产品的设计经验,帮助大家更好的进行ToB产品的交互设计 工作。

    2017-09-26
  • 经验总结|品牌视觉改版要如何开始做?

    一个成功的视觉改版是靠30%的探索流程+70%设计师水平。探索品牌感觉 → 发现提取关键词 → 寻找对应素材创建情绪板 → 指导设计发现提取关键词(我们自己) → 寻找对应素材创建情绪板 → 探索品牌感觉(让用户)→ 指导设计请问您觉得目前我们产品的视觉风格怎么样?

    2017-05-03
  • 如何在Sketch中快速创建调色板?

    今天我将会教你如何在Sketch中快色的创建调色板。这是个很棒的技巧,是年前我从Marc Edwards那里学到的。首先我们先创建三个正方形,它们是可以被三整除。在我们的例子中,我们将先创建一个240pt高和240pt宽的正方形。我们将重命名这些图层为红色、绿色和蓝色。让我们将红色图层的填充改为#FF6161,绿色图层为#4F953B和蓝色的图层为#0076FF。选中这3个图层,然后按“A”快捷键来选择画板工具。我们现在从右边的检查器上...

    2018-04-17
  • 【用户体验】百度贴吧体验升级背后的故事,用户洞察与交互升级

    Alias工业设计点击关注 和工业设计做朋友关注作者:百度UXC随着产品的发展和用户群体的演变,用户对产品的认知也在发生变化,当用户认知和产品形象发生偏差时,体验升级就势在必行了。而用户对产品的认知大概体现在视觉感受(品牌形象)和使用感受(交互操作)上。对此我们从用户出发寻找设计上的突破口。洞察用户让设计有的放矢视觉感受对于大多数人是一种难以言说的东西,难以通过简单的方式得到答案。面对这个问题,我们选择迎难而上,通过精巧的实验、可视化的...

    2018-03-03