最浓缩的概念:一句话明确UI本质,区别真伪UI

我同意一种观点,成人的知识学习体系最好的其实是慨念性的。因为,我们面对的社会不再是以前学校里老师给方向,让我们去找方法。而是方向我们自己思考自己找,然后针对自己的思考出的方向再去找寻相应的方法。所以,在现实工作生活中,别人的一个方法看似有效,其实未必可行。这也是很多人的成功其实并不可复制是一样的道理。

最浓缩的概念:一句话明确UI本质,区别真伪UI

我同意一种观点,成人的知识学习体系最好的其实是慨念性的。因为,我们面对的社会不再是以前学校里老师给方向,让我们去找方法。而是方向我们自己思考自己找,然后针对自己的思考出的方向再去找寻相应的方法。所以,在现实工作生活中,别人的一个方法看似有效,其实未必可行。这也是很多人的成功其实并不可复制是一样的道理。

所以,考虑到大家面对的工作与环境各不相同,本文会有大量的问题式模式,帮助各位寻找合适自己的方向,整理自己的方法。

在这里,我先说说我理解的UI是什么(这里没有所谓的名词解释):User Interface(用户界面)

用户好理解,但界面呢?多少人能理解?能说出这个界面的意思?大多人是无法说明的。因为每个人面对的设计前提是不同的。但产出的时候,我们才有一个理解会意的标准。而在工作开始时,当你不能理解你要从事的这个目标的意思时,你一定是在摸。你所产出的东西也一定是不准确的,不清晰的。所以,大家在用你设计出来的东西再一起沟通言讨论时,必定大家思想无法很好的统一。各种意见与误解也就产生了。

那么,我要先在这里说下我标题的基础也是前提:

UI的正确意思是:从视觉层,尽可能降低用户学习成本就能理解产品“我们传递的是什么”的一种媒介。

当然,做为媒介它可以是平面,但也可以是立体。而这个平面与立体的理解,即可以从物理层面,也可以从精神层面来认识。在正确的理解里。UI就是这么样的一个东西。

而很多伪UI的理解里UI,UI只是一个好看的界面;或是一个交互的环节,就完了。虽然也没错。但是这个理解并没有体现UI的核心价值是什么。你在这样的理解下,你的产出会让不同的人看到不同的意思。因为每个人都会以自己的假定认知角度来看你的东西,同一个东西,大家看到的可能就会不同。而如果大家的偏差过大的时候,就是UI设计师们感觉一个设计总是在不断的反复修改的痛苦处境了。这当然也是网络上我们常见的设计师们的抱怨最高痛点所在。

相信各位在工作中遇见的最多UI,只是学习过平面设计的一个美术人员。最多最多,也只是看过一些资料或学习手册大概好像知道却又不懂的一些设计师。当然,这也不怪他们。因为国内本身并没有这样一个系统的培训能准确的阐述UI。而能做的只是给些名词解释,加上些别人已经做好的样式图而已。

但是在这样不能正确理解UI本质意义的时候,请问有几个UI真正能找准一个平衡点,尽可能的缩小大家认识的偏差呢?当然是不能啦。所以,我们也会看到越是好的产品,本身结构清晰。行为导向清晰,目标也清晰,设计出来的界面也越是容易被人接受。很少人会有其它的分歧。比如微信、facebook等这些(大家不知道是否与我一样,在中国的产品层里,只有对微信的认知是最统一的,很少有分歧)。

我们从来没看到微信有非常多的说明,很少看到微信有大量的引导。而直接使用微信的时候,我们自然而然的就知道微信给我们传递的是什么。我们要做什么事的时候,可以点什么。

所以,我们一直在说微信是好产品。但是在UI层却往往忽略其UI的价值。

当然,360安全卫士也是这样的一个好产品。在这里我不细说了。大家可以很好的比对这两个产品的UI。都能很直接清晰的传递我们的产品是什么,用户应该怎么做的这一信息。

这样的UI设计是成功的。而其它的呢?淘宝、支付宝,里都有大量让用户认知不明的部分。所以,行业里也一直没有认可这两个产品在UI上的水准。

说到了这里,那一名好的UI设计师应该做的事是不是更明确了?有能力从视觉层设计出一套尽可能降低用户学习成本,并能理解产品传递的是什么的职位:UI设计师。

很多人会认为。我能说出来的也就是这么几个东西是吧。因为他们成功,其它不成功。你这么说太空洞了。

如果你这么想,那我只能给你再举两个我我们生活中最容易忽视的例子:立体的UI。无论是物理上还是思想上都很立体的UI。其实UI一直在我们的生活中,用于各个方面。

1. 我们的道路,道路上有没有UI?有

最浓缩的概念:一句话明确UI本质,区别真伪UI

路上的白线、箭头,还有那些路上的指示牌。难道不是UI么?它让在这段路上行驶的人一看就知道接下来是什么。向哪转向哪走。

这就是UI。这样的设计就是好设计。

2. 居家有没有UI?

最浓缩的概念:一句话明确UI本质,区别真伪UI

当然也有,这是我们常见的客厅一角。在公司里也经常见到。什么地方是坐的,什么地方是放杯子水果的。一目了角。

我为什么用这两张看似没有关系的图来说明UI呢?

那是因为,这其实就是正统的 Interface ,让人一眼就知道这是做什么用的。然后应该如何去使用。

桌子,你要严格来说,一样可以坐,但是大多人不会从心理上第一反应那个是用来坐的。

沙发,严格意义上来说也可以放水杯,放东西。但是多少人真的会在上边第一反应就放上这些在桌子上才放的东西的呢?

当然是不会的,UI也是如此。我们要传递的是用户对于我们产品的第一心理认识:不要让用户想,不要让用户猜。就能直接明白这个是什么,或者下一步应该怎么走。

这样的设计才是好设计。

UI,不光是平面的。很多情况下UI其实是立体的。

不光是在立体的事物上。还是在用户心理与感觉上这样的精神层面。想想我们常用的筷子,碗,怀子。还有锤子等。这些都有最纯粹的UI。不是么?

所以,我希望通过这篇文章。来帮助更多的人明白什么是真UI。什么伪UI现在是不是更明确了一些?

那伪UI呢:自然是没有明白UI本质的设计。无论出发点还是产出的成果,都只是在没有有效地成为传递产品意图媒介的东西。自然会出现不断修改,并总是不到位的情况啦。

伪UI的出现可能有两种情况:

  1. 本身UI设计师自己还不明白UI的意义。--本文主要是针对这点。
  2. 设计师无论清楚与否,产品源头本身还不清楚,所以传递下来的东西就不清晰。自然无法有好的设计出来。那么这时的设计师可能也只能向好看来走,或自己想着来做。自己在摸在猜。当然,会不会更反复,你们说呢?

如果各位遇见的是这种情况的话,那么,请用本文的主体观点来反推你的产品,你的上层消息来源者,让其明确。并告之其:如果你不能明确让我设计的是个什么东西,那么我出来的自然不能很好的表达你要的东西。

但,如果你还是接受了这么做了。你的产出大多的情况下还是伪UI。面临的就是您继续改吧。

所以,伪UI就是这么简单突然被看出来。但也非常容易被忽视。

当然,这样的例子还有很多很多。有些设计,我们一看就知道那个是做什么的。不用教。这样的设计,我们都认为是好设计。

以上还只是UI的基本,而好的UI设计的更高一层是什么?

是能让用户不光能理解,还能自然的接受,并能乐意与之产生下一步行为的这么一个环节。

其实,一个单一的好UI,本身就是具备交互的的。

有时,我们用美学的角度。有时,我们用有趣的角度。有时,我们用逻辑的角度。

而无论用哪个,只要能达到这一层。即,这是一个好的UI。

这样的UI,绝对可遇不可得。

我不知道你是否能认同我对UI的定义及我对UI人员的定义。

但是。相信,我的理解能帮助更多的人清楚的认知。如何来区别一名好UI设计师,识别一份好UI设计。同时能更有清晰的方向来培养一名好UI。

 

本文由 @szzg007 原创发布于人人都是产品经理。未经许可,禁止转载。

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

(0)
CatherineCatherine
上一篇 2017-05-25 10:52
下一篇 2017-05-25 13:10

相关推荐

  • 界面设计,视觉设计,交互设计之间区别

     设计师 交互设计师  UE是用户体验,UI是视觉设计,IxD是交互设计。  交互设计最开始不是服务于互联网的,是人机交互也就是人与计算机的现实输入输出、现实生活中设施的使用方式,不局限于互联网,好…

    2017-08-02
  • iOS 9 人机界面指南(五):图标与图形设计

    文章索引译者注:本章是iOS Human Interface Guideline的最后一章,文末附上全文PDF下载地址。译文如有任何疏漏之处,或任何意见或建议,请不吝指出,翻译组感谢大家长久以来的关注和支持!

    2017-05-26
  • 观点解读|四两拨千斤的交互设计方法

    最近读了一本书,叫做《细节,如何轻松影响他人》,里面给出了52条意见,每一条意见都是经过大量实验得出来的,有一定的科学依据,而且这些意见也反应了人们的普遍心理,强力推荐销售人员看看。这本书的主旨就是:只需改变一点点,就可以达到四两拨千斤的显著效果。虽然有52条之多,但是我会抽取一些和交互关系比较大的观点进行解读。

    2017-05-02
  • 关于用户体验&交互设计的视频分享【日常思考0001】

    (。・∀・)ノ゙嗨这里是Chiki的深夜抽风小记录,做个日常思(bing)考(zheng)收集。公众号取名“Design for What"是希望以后自己做设计的时候可以多思考设计是为什么Find your passion,and let it kill you那么开始今天的开场首秀!今晚本想磕磕榛子垫垫肚子就……就开始做事来着,结果不小心打开平板……看了会视频(明明是好久……都是借口😭)不过视频不错分享给大家👇视频在这:截了有点不一样...

    2018-04-14
  • 色彩和体验的平衡:为色盲用户设计网站

    如何为色盲用户设计网站?本文作者与大家分享了5点小技巧。WCAG 2.0级AA要求正常文本的对比度为4.5:1,大文本的对比度为3:1(14点和大于或大于18点或更大)。——WebAim颜色对比检查器

    2017-08-02
  • 交互的细节!向用户征询IOS授权的五种常见设计模式

    对于iOS app,当功能涉及到推送通知、访问照片或调用相机、获取地理位置等等时,都需要向用户申请授权。申请会发生在app运行的过程中,而不是像Android那样在安装的时候就莫名其妙的问用户是否同意app调用某些系统…

    交互设计 2015-09-17
  • 用好这些可用性原则,你就能简单做好交互设计!

    做产品经理不懂交互设计,那就是寸步难行。“交互原则多,体验出彩少”,既然要做好产品体验,那么吃透基本的交互设计原则,就是必须且必然的事儿。今天给大家挖了很多可靠的栗子,直接给你提供干货,拿走不谢。

    2017-05-20
  • Day 5 | 关于 [交互设计] 的一些思考

    你知道坚持做一件事的动力是什么吗?除去喜欢,那应该就是大家的反馈与交流。我不会分享干货,也没有能力分享干货,只是觉得有一个平台能够表达自己的思考与想法,并能够和大家交流,这样成长很快不是吗?坚持了几天写完个人思考的文章后,收到很多回复,特别感动的就是收到特别认真的回复hhh,比如:有人问了我一句:交互设计是做什么的呀?其实这个时候自己脑子里飘过很多词,什么用户体验,用户研究啊,UX,UED啊,使用流程啊,人机交互啊,操作逻辑啊等等,就是...

    2018-04-26
  • 能够带来更好体验的“浅交互设计”,是对人机交互设计方式的全新思考

    原文地址:https://www.smashingmagazine.com/2016/03/getting-disconnected-shallow-interaction-design-deeper-human-experiences/本文由设计夹设计研究小组 成员杨梦龙翻译校对我们的一切都被连接起来了。我的手…

    2017-08-02
  • 尼尔森交互原则,讲的到底是什么?

    这几天,脑海里面一直回绕着一个声音,尼尔森,尼尔森交互,尼尔森交互十大原则。blues老师的讲解至今让我记忆犹新,如果真的让我选择一款产品进行尼尔森交互分析,我想应该就是简书了。

    2017-06-01