做UI设计,为什么你总是没有思路

本文章主要表达了作者从业过程中对UI设计的理解,总结出设计并分享给大家。

在讲「UI设计思路」之前,我想先说说自己对于UI设计的理解,这先要从我的从业经历开始说起。

3年多以前,当我第一次踏足UI设计这一行业的时候,我认为,UI设计的终极目标就是打造最完美的用户体验,当时的我对很多“体验不够完美”的产品嗤之以鼻,觉得为什么这个地方的设计是这样的,改成这样或者那样,岂不是更加友好。然而,在一次又一次的工作中,这些实战的商业项目不断地刷新了我的认知,让我对UI设计这一岗位又有了更多更深的理解。

一开始的时候,我常常以用户体验为最优先目标,其他稍微影响体验的东西我统统舍弃掉。但随着时间的推移,自己的阅历不断丰富,我慢慢意识到了这种想法的错误性。因为一款产品的背后,往往承担着要养活公司里数百个数千个员工的责任,甚至是依靠这个产品谋生的社会产业链上的成千上百万的庞大人群。它身上是需要背负着一定的商业价值在里面的(当然,也有以公益事业为目的而做的产品,但这些不再我本次讨论的范围之内)。

如果设计一款产品,我们只单纯的抛开商业目标来讲体验,那是耍流氓。但这并不是意味着,我们可以完全地抛开用户体验。用户体验应该是一个过程与手段,是完成商业目标的一个重要而非全部的途径。这恰恰应该是UI设计师们存在的价值。

UI设计师的任务,不是要把产品的体验打造的多么极致,而是要在 「商业」「用户」「技术」等多方面的条件限制下取得平衡,得出一个「综合最优」而非「设计体验最优」的解决办法。因此,在做一款产品的UI设计之前,我们要思考设计背后的产品目标是什么,产品背后的业务目标又是什么,该业务目标能为团队为公司创造什么价值、怎样创造价值。

了解完UI设计师们的「使命」之后,我们开始来讲UI设计的思路,因为思路是围绕着我们的「使命」而去的。

多数设计师的现状

我见过的较多的UI设计师的现状,一拿到需求的时候,就开始急忙的对着原型找参考,花了很多时间找了一大堆竞品一大堆参考,然后也不知道要从这些参考上学习什么,就凭着「感觉」动手执行设计。然后自己反复的在某些可能无关紧要的细节里自我纠结,反复修改,浪费了大量时间在一些并不主要的问题上。

就像读书的时候,老师们经常说的,要把会的题目先做了,不会的题先放着,其本质上其实就是【抓紧时间来解决主要问题】。所以映射到设计工作中来,也是一样的道理,每个需求的完成,都是有deadline的。如果我们做设计的时候,在一些非主要的问题上纠结浪费大量时间,这其实是一种得不偿失的做法。最后,主要业务诉求没解决到,反而设计出来一个自己也不知道要用来干嘛的东西。

我们应该怎么做?

当接到一个新的需求之后,我们应该先向需求方了解此次需求背后的目的,是希望达到什么样的目的。然后对这个需求进行分析,将最终的大目标拆解成多个小目标,站在设计的角度,可以提供什么样的能力、要用什么样的方法去达成这些小目标,逐个去击破。

我见过很多的设计同行,一接到优化页面的需求,总能提出各种各样非常多的问题。但,这恰恰就是最大的问题。因为当我们没有明确的目标来进行问题分析的时候,就很容把所有问题都无差别的汇总在一起,或是视觉上的,或是体验上的,等等。那么问题就来了,很多人都抱着这样一个「直接」且缺乏「考虑」的想法——把这些问题都解决掉。

当我们头脑里围绕着太多问题转的时候,就常常容易懵圈,这个问题要解决,那个问题要解决,做着做着,你就不知道自己要解决什么问题了,不知道侧重点在哪里了。到最后做出来的东西很容易就迷失了方向,或沉浸在视觉美感设计上,或沉浸在极致的用户体验追求上,迷失了背后最主要的商业目标。

前面我们已经讲过,UI设计的任务是要给出「综合最优」的设计。因此,在平常比较有限的时间上,我们应该是集中力量解决主要问题,如果还有其他时间剩余,我们再追求更极致的设计表现。能做到这样,那你就会很清楚的知道如何进行取舍,你的思路将会非常清晰。总结起来概括成一句话,带着具体的目标去分析思考。

以自身经历为例

接下来举个我在实际工作中的例子,以“加油宝APP6.0”改版为例,此次改版是由我们设计团队主动去发起的大迭代,在要开始进行 6.0改版之前,我向各个业务方了解了当前平台在业务方面所存在的主要问题,以及我们未来的整个业务发展方向,向产品经理了解了产品目前的定位,以及产品未来的可能发展方向和愿景。

了解完背景之后,我开始着手制定本次APP改版的目标、拆解目标。现在选取其中一个大目标——提升「下单率」来作为例子阐述。

加油宝APP是一款主打消费折扣+资金增值的 二合一APP,目前提供加油卡充值、收益增值、电商消费等多个产品。针对此次改版,我们想提升其中一个目标: ”收益增值业务“的下单率。

以下为现加油宝APP5.0版本的界面

我们此次是想提升收益增值业务的「下单率」,那么我们一开始就需要列出这个目标,并根据这个目标进行流程反推,这样你就会很清楚的知道,哪些用户路径会影响到最终的转化率。

此处为了方便,我只简单的列出其中一条路径进行说明。把目标、路径、条件等问题列出来之后,我们就可以有很清晰的思路,知道该主要解决什么问题,并为了这个目标,做更精确的设计优化。

首先第1个问题,我们要解决item点击率的问题。

第2个问题,我们要提升「立即投资」按钮的点击率。

第3个问题,提升最后支付确认的点击率

结果预估与分析

改版完后,还有最后一项非常重要的工作,也常常是很多设计师容易忽略的,那就是验证改版设计的「正确性」。对设计结果进行「量化」的预估。看看改版之后,原先预计的能提升转化的地方,是否真的提升了转化,提升了多少,是否仍然有优化空间;如果数据比原来更差,那又是什么原因导致,应该具体分析,及时改正。

只有不断的 设想→实践→验证→总结,你才能够高效率的积累,当你的越来越丰富,你的设计思路才会越来越清晰,越来越广阔。

最后,希望以上分享可以帮到大家。

站酷

作者:有鸡

(0)

相关推荐

  • 小课堂第三弹!使用ILLUSTRATOR做UI设计系列教程

    @张泊宁研究所:Adobe Illustrator 诞生在 1986 年,运行在 Macintosh 机上.在当时,Adobe Illustrator 是 Adobe 公司的早期产品之一,甚至早于 P ...

  • 合理做UI的工作方式与流程

    小编:今天给大家带来的是由HULI9分享的合理做UI设计的工作方式与流程.小编只能说,这是满满的干货.特别是对于刚入门的新手来说简直太棒了.只有利用合理的工作方式才能让你事半功倍.文章很详细的回答了大 ...

  • UI设计要学哪些软件(牛MO王)

    牛MO王又更新啦~!这期将告诉准备做UI设计的或是已经在做UI设计的童鞋,哪些软件是我们要学习的重点,作者把UI设计分成了好几个不同的职业方向,从事什么UI设计方向,就学什么软件,这样针对性就很强了, ...

  • APP界面UI设计思路分享(一)

    @LuckyFan最近偶然的机会看到这套界面,个人有着临摹练习的习惯,临摹了一套,很多看到了想学习UI设计的伙伴问怎么做的,有的尝试着画一下,遇到了当中的某个"难点"后又放弃.决定 ...

  • UI设计教程之UI学习方法(咋看,咋想,咋做)

    虽然说UI设计学习方法这个话题感觉很大,也有点空,虎哥还是要来念叨念叨,尽量的讲的详细点,通俗易懂,学习方法总归是有的. 常常会听到这么一些忠告"多看 多想 多做",这个我也很赞同 ...

  • 安卓UI设计系列知识(一)(设计经验谈)

    搜集了很多朋友的问题,有一个比较明显的问题是现在网络上没有相关的教程or说明,书店里卖的相关书籍不是大篇大段的讲photoshop的使用技巧,就是讲一些宏观的问题,所以看到上次的帖子,很是有效. 打算 ...

  • UI设计新手必知的7条法则(Part 1)

    小编:2015年进入倒计时,UI设计你到底了解了多少?来看看这些法则你都会了吗?当然,如果你想要更系统的学习方法,来看看虎哥写的"学UI入门阶段到底要掌握哪些知识(UI第一阶段课程)&quo ...

  • UI设计转型难吗?_GD(萌芽ing第十四期专访)

    小编:滴血木偶 [萌芽ing]完全跨行又跨界的转型,你们觉得难吗?有信心成功转型吗?不管你现在在想什么只要你打开了学UI网的网址,说明你已经离成功不远了········ 木偶:你好GD,简单介绍一下你 ...

  • UI设计面试套路详解

    小编:@Razer_YjJjJ 对面试中的各种关卡做了一个详细的介绍.看完这篇文章,相信很多朋友不会觉得UI工作那么难找了,相信大家都会努力学习,有规划的学习,凭借自己的努力拿到自己想要的offer. ...