• 内页banner
  • ui1
  • 内页3
技术专栏您当前所在位置: 首页 > 技术专栏

UI设计师如何与客户沟通?应该问哪些问题?

更新时间:2016-11-03 17:41:29点击次数:195次字号:T|T


UI设计师,是网站界面,APP界面以及所有终端设备界面的设计者,其设计效果和用户体验直接关系着产品的优劣,因此,如何与开发者沟通,以及沟通的效果,在设计过程中起着至关重要的作用。现在,随小编来了解下UI设计师常问的几大问题问题。


问题1:你希望以何种形式交付成果?


我喜欢关注开发者是否习惯于我的交付物,因为这决定了你使用哪款软件来创建模型。


我见过太多设计师(包括我自己)完成设计后,被要求回去改为另外一种文件的格式。想想吧,你好不容易完成了最终稿,充满士气地拿去开发,结果被打回来要求用另外的文件格式来交付设计物。


问题2:所有的资产如何准备?


他们是喜欢你把图切好,把所有的资产放进一个有层级的文件夹?还是说他们希望拿到源文件,然后自己来提取图像?

如果是后者,他们想哪种源文件?

他们的软件版本和我是否相同?(他们是否能打开这些文件?)

他们需要如何组织和命名你的图层来帮助他们快速找到他们需要的资产?

他们希望你从DW或WYSIWYG编辑器输出HTML吗?

如果现在你在用DW直接输出HTML,一定要问清楚他们这是否是最佳方法。十有八九他们可能不喜欢这种方式。

就我的经验,从图形用户界面直接生成的代码往往缺乏组织且没法用,这种办法常常会同时拖累设计师和开发者,所以尽量避免通过图形用户界面产生代码。在你使用这种办法前一定要好好跟开发者讨论一下


资产需要附带说明文档吗?

你打算如何记录那些在你递交的模型中无法直接表示的元素?像颜色代码,高度/宽度尺寸,字体,字体大小,间距,Alpha值,悬停效果,动画和其他数据点等资料必须定义和记录,而不是让开发人员去猜测这是怎样实现的。


问题3:网页是用前端框架构建的吗?


在开始设计之前一定要搞清楚开发者偏好使用哪个框架。

许多流行的框架如Bootstrap和the 960 Grid都采用了12行布局。为什么是12行布局?12是最容易被分解的数字,你可以在此基础上设计12,6,4,3,2或者其他等距的行布局,这会让你更快地做出设计决策。


根据这些框架来设定结构预先设定好尺寸。你需要了解你所使用框架的各种属性:填充值,列宽。分割线宽度,媒介断点值等等。


我曾经在设计过程中有过中断,因为我在sketch中设置的5px边距比Bootstrap的默认边距要大。这不是什么好事情。因为这个设计得重新编码和配置,来解决这个本不应该出现的问题。所以在设计前要明白网页将使用哪个框架来构建,并且知道它们在设计软件中会是什么样子。


除了网格系统,很多前端框架都有内置的设计元素,像按钮,表单这些。如果想要修改这些默认样式(我也推荐你自定义来适应品牌调性),一定要确保开发者知道这一点。


基本上每一次我设计一个带有特定颜色、宽度的表单是,开发者最后还是使用了框架默认样式。都是因为我没有沟通好。


永远不要指望开发者注意到了你用了2像素的圆角来精细化按钮。他们可没有被培训说要注意这些。但是他们可以很精准地按照指示行事。所以确保跟他们沟通好。


问题4:开发环境是由哪些语言和库构建的?它们有什么限制?


就算你自己不知道怎么写代码,你可以找到一些优秀的插件。每个代码片段都是现成的。它们使得在你的网站上添加功能变得比过去容易很多。美中不足的是,插件不可能适应所有的情形。


如果你想为自己的网站找一些已经构建好的部件,那是很正常的念头,也很有帮助。但你在这么做之前,你需要明白使用什么语言来搜索这些部件。


每一个插件或者小部件都是由它们的作者使用特定的编码语言完成的。很多时候,某个部件的编写语言与你的网站的开发环境是不匹配的。这会让你的开发者大为恼火。


就算你找到了一个跟你的开发环境匹配的部件,并使用它向你的团队解释你想实现的效果,如果开发者愿意选择实现它,那是最好不过了。但你最好不要直接发给他们一个代码压缩文件,然后就要求他们“在我们的产品里实现这个效果”。这就像一个客户给你发了一堆100px的缩略图,然后要求你“把它们变成高清大图”。这是很自以为是且居高临下的态度。


问题5:我们需要支持哪些浏览器?


过去折磨开发者的浏览器在迅速缩减。及时微软已经放弃了IE,现在出货的计算机都有全新的,有好的标准,但是知道你需要支持哪些旧版浏览器会很大程度上影响你的设计决策。下面是一些就浏览器不支持的CSS属性列表。看看你是否注意到了这一趋势。


如果你发现你必须支持IE8或者旧版本的Firefox,想想吧,元素的外观将不受影响,你所有的圆角,阴影和动画都将消失。


使用最新功能设计,同时又保证其在旧浏览器上有较好的可用性和视觉效果,被称作渐进增强(progressive enhancement)。在你起草时必须考虑到这一层次。


希望这些问题有助于让你在设计过程的开端就与开发者形成良好的沟通。提前知道有哪些限制能够帮助你更好地做出设计决策,并且减轻后期开发成本。前期准备得越好,项目后期就会越轻松。


伟大的设计能够在不破坏用户体验的情况下驾驭各方面的约束,作为一名出色的UI设计师,与客户沟通是必备技能。所以,希望这篇文章对UI设计师有所帮助,提高工作效果