好的ui设计不仅是让产品变得有个性有品位,还要让软件的操作变得舒适简单、自由,充分体现产品的定位和特点。换句话说,以用户为中心的设计,其实就是从解决问题的纬度去做ui设计。今天我们就简单的通过正反案例解析,抛砖引玉的把这个设计思路跟大家分享一下。
我们拿到一个新case后,不要急着马上参考各种新颖布局和配色方案,不然很容易犯一些错误,辛苦了不说,最终顾客也可能不买单。
-
01
-
不要只是为了视觉效果而做创新设计
这个设计应该很多人做过,想问抛开图片以外,它的设计创意在什么地方,我觉得这个设计师找图片的时间应该比设计时间长,但是这个设计解决了什么问题?我们无法看出。
还有这种都是单页,想问如果落地后,换成正常的图片会是什么样?是纯粹追求视觉效果吗?作为体验设计师,我们工作并不是去创造一个好看的图片,而是需要去满足一些需求,鼓励用户去使用,设计师需要假设一些设计场景,将这些为前提你的设计才有意义。
-
02
-
平时做练习稿和概念设计时也要注意,以解决问题为核心的设计才更出彩
这一点对于新手ui设计师尤为重要。很多刚刚入行的ui设计师为了证明自己的设计实力,往往会做很多练习设计和概念设计,丰富自己的作品集,甚至去redesign一些知名产品,例如天猫淘宝、微信、facebook等等,然而很多概念设计方案由于没有思考产品问题所在,不但没有体现自己的设计实力,反而暴露更多自己对用户体验和视觉设计方面的缺陷。
这个微信概念设计,颜色很明亮、绚丽,但是有个问题是,用户在这个页面更多是关注输入的内容,这里运用这么强一个选中效果,很明显干扰了整个输入体验。
还有这个设计,很好运用了品牌色,很大胆,看起来不错,但是设计上很重,大面积的绿色让人长期使用会视觉疲劳!
这个设计,视觉效果来说非常的好,图形细节、图形饱和度都很舒适,但是忽略了一点,“品牌感” 微信的品牌没有体现,遮住wechat是否还能分辨出它是微信?可以说它是momo是微博或者任何一个社交产品。
再来看一些国外的设计,这个视觉效果很好,配色大胆,紫色和红色的搭配在左侧面板上,但是我们应该更加鼓励用户把注意力放在对话面板而不是列表上面,设计师可能觉得这个配色很酷,但是并没有帮助我们解决设计问题,用户并不会因为你的设计很酷,而对你的设计买单。
这个设计,配色大胆布局卡片式,用户焦点也很明显,但问题是改变了用户的使用习惯,把常用的功能都放到了下方,同时右上角、左上角的一些功能习惯全部改掉了。
-
03
-
紧紧围绕品牌感去做概念设计和改进设计才容易赢得更多认同
特别是在做一些知名应用设计时候,一定不要忘记品牌感,品牌就像内衣,看不见但是很重要,我们做任何设计一定要是在品牌定位的基础上去改进的!
chrome浏览器黑色版本概念设计,我们看的出还是谷歌的品牌感,布局上,操作形式上都很符合谷歌的调性,但是视觉设计师设计又是解决问题的,从布局配色上进行了调整。
google bank来自内部的概念设计,不知道最终上线是什么样,但是从概念稿我们不难看出,设计师是在品牌大的框架,大的设计限制下做的改变,整个app的骨架、栅格、色彩、插画风格都是在已有的设计体系下去做的优化和调整。
-
04
-
挖掘问题,确定问题,并解决问题
选择一些你比较喜欢的主题去设计,最好是经常用到的app比如旅行、美食、音乐、电影、体育的等等,主题确定后,再进一步的探索这些设计使用场景,比如重新设计instagram,哪些功能用的不爽,以解决问题的思路去设计。
-1-
找出问题确定设计目标
设计师在重新设计时就已经明确设计目标:
-1 在发现页面,提供更加有吸引力的无缝体验
-2 设计更加人性化的界面
-3 情感化设计
-2-
挖掘设计线索
设计师在设计的过程中与40多个用户进行了访谈,通过访谈去挖掘用户的体验痛点,并去定义一些问题,得到一些大概的方向和体验目标的点。
-3-
设计方案
整个设计方案和其他概念设计不一样,他是从解决问题的纬度去做的,每一个设计都是去解决现在线上已有问题,这个点很重要,我们在工作中不也是如此么,每天的设计是解决产品问题。
可以看出这个设计中在做概念设计的时候,并不像其他视觉设计师,只考虑视觉展现上的表达,而更多的是从挖掘问题本身,通过去发现问题,解决问题思路入手,同时设计方案也保持了ins原品牌的感觉在里面,是一个很优秀的概念设计思路。
-4-
寻找设计灵感
前面有强调设计时候注意品牌感,同时我们要去找到已有界面一些体验问题,那么找到了问题,如何去解决,这里很重要一点就是找设计灵感。
apple music的设计师很快从另外一个音乐软件里面找到设计灵感,那么我们也同样,需要去挖掘灵感、线索,我经常会用到dribbble、pinterest、behance、uplabs、pttrn网站,比如我要做一个文字排版优化的尊龙凯时官方网址的解决方案,我会去搜索很多新闻相关应用的排版设计,寻找文字排版领域设计做的最好的来借鉴。
如果我是需要去优化卡片设计,我可能会从facebook上去看他们卡片如何设计的,总之我们需要去找一些优秀设计作为设计线索,但是不要找太多参考会让你困扰。
-
05
-
小结
对广大新入行的ui设计师们而言,如果你想证明自己有设计实力而特意多放一些概念设计方案或练习稿到作品集里面,切记不要为了追求视觉效果而去做设计,我们需要真正的去做一些体验改变的事情,当在做改版设计时不防多些思考:
1、紧紧围绕品牌感去做创设
2、挖掘问题、发现问题并解决问题
3、尝试改版使用体验,而不仅仅是酷炫视觉
更多关于,ui设计规范文档等精致培训内容,请持续关注素马分享频道或搜索即可掌握!