美文网首页iDesign
设计师的顽症

设计师的顽症

作者: 福寒 | 来源:发表于2015-09-16 06:55 被阅读101次

第一次简书,想聊聊设计师的一些顽症。

作为设计师,我们有必要把经手的事物做的尽善尽美。但有些时候,我们对美的要求会脱离现实、甚至是不合时宜的,或者说是自相情愿的。这种带有自我谄媚般的形而上,有时候反而会杀伤用户。

作为一个界面设计者,我能感受到的最直接的例子就是,在本来可以用文字说明的地方,总是要放上图标的那种粗浅冲动。不可否认,一个界面上整齐划一的图标序列,能够给人相当工整的感觉,当然非常好看也耐看,但是一旦设计的不恰当,图标也会让人尤其是新手用户陷入非常难以理解的境地。

图片来于百度问题“洗衣机上的图标什么意思”

再谈一个地方。Google在2014年年中发布的Material Design语言中,我觉得哪一点都很好,唯独不喜欢那个总是突出的圆形按钮(FAB,Floating Action Button)。起初看官方设计文档时,感觉这个按钮放在页面上确实好看,满满的设计感。但其实在很多场景下,这个圆钮已经对用户的流式体验造成了障碍。我认为这是一个功能追随形式的典型案例。

Material design的Fab,目前已被很多人摒弃

但不管怎么说,毕竟这是一种设计上的尝试。关于这方面的更深入的探讨可以参考知乎上的讨论:Material Design 有什么缺点?


想想看,有很多产品,他们的Web主页在早期的时候,虽然设计的简陋,但往往直击用户痛点,非常清晰明了地告诉了用户我们能干什么,能为你解决什么,并且直截了当指出了下载位置。后来这些初创公司发达了,请了设计公司或高级设计师为他们设计了更牛逼的主页,新的主页往往美观清爽简约大方,动效图标视差滚动样样俱全,但是却很大程度上丧失了直观性。

一图胜千言,还是拿图举例子。

Kendo UI是国外的一套UI框架,可以用来快速开发部署H5应用,Ionic也是一款类似的产品。以前我收集了两款产品的首页,看看下面:

Kendo UI的早期首页界面 Ionic的首页界面

前者的首页第一屏,没有明显的指引用户下载,也没有明显的引导操作,下面的主要功能介绍(Key Features)既冗长又缺乏必要的图例,只用了几个抽象的图标表示一下。而后者的首页,则提供了明确的下载(Get Started)以及次要操作(Docs&Help),同时照顾了新老用户。直接了当让人印象深刻。

Kendo UI的那个主页我是去年采集的。估计他们目前已经发现了原版主页的弊端,做了一版改良。目前的主页是这样子的:

kendo UI 目前的主页

看起来好了很多,该说的都明确了,突出了用处,告诉了用户我们是谁以及能干什么。并且在第一屏就具有了显眼的“Download free trial”,比上一版强了很多。去掉了那些一点也不生动的图标,反而让整个界面看起来干净利落了,表达意思自然就清晰了。


浏览了这么多的产品主页,国内的产品中,我最喜欢的主页是foxmail的。他们的主页张这个样子:

foxmail的主页,感受一下做产品的极致

这是foxmail的主页。没有什么动效、没有过多的抽象图标。但是关键的下载按钮、界面展示、特性说明、版本更迭是不是全都说明白了,而且整个界面精美至极,各个元素之间的位置、排布恰到好处。foxmail的父亲是谁大家都知道,全国最牛的产品经理。

再来对比点别的。

左图是「来往」的早期首页,右图是后期的首页

这是阿里推出的面向普通用户的即时通讯软件「来往」的产品首页。左图是刚开始的介绍首页,右图是后来的页面。要我说,左侧的好于右侧的,虽然右侧的更有所谓的「设计感」,但是左侧无论从文案还是表现手法其实都更方便用户理解其突出的功能点。

好了,来看看微信的首页:

微信的产品下载、介绍页面

没有过多的复杂内容,就是要尽可能让任何一个用户在这个页面上找到其所需。


其实很多的公司主页、很多的产品界面、很多的工业设计也存在这个通病,那就是为了设计而设计,凭空搞了一些没什么用的素材堆积起来或者凭空加上一些装饰等等。就好像如果不把它做的复杂点、酷炫点就对不起公司给我开的这些工资一样。

人类在设计上的探索永远不可能停止,但探索的方向不应该是追求表面复杂度上的提升,那样就走入了形而上学的误区以及装饰主义的无用,这在建筑史、工业设计史上已经再三体现了。设计的探索方向而应当是通过背后机制的缜密合理来让界面简洁明了,为人好用。

相关文章

  • 设计师的顽症

    第一次简书,想聊聊设计师的一些顽症。 作为设计师,我们有必要把经手的事物做的尽善尽美。但有些时候,我们对美的要求会...

  • 顽症

    顽症 小任拿着调令来A科报到,科长正把腿搁在办公桌上挠痒。小任问:科长,贵体欠安?科长叹口气说:牛皮癣!小任凑到科...

  • 顽症

    有些病 年轻时谁都有 比如爱恋 过了年轻气盛的日子 就不治而愈 有些病 越老越重 比如 那声卡在喉间的 爱你 再比...

  • 现今书法顽症

    古代书法都要受到政治立场的影响,主要来自帝王的喜好。 古人的思想就是“ 学成文武艺,货与帝王家 ”...

  • 2020-04-21

    类风湿关节炎简介: 类风湿关节炎,简称类风湿,英文缩写为RA。位列世界五大顽症之一(其余四大顽症为癌症、艾滋病、白...

  • 与拖延顽症宣战……

    当今社会,信息铺天盖地,无所不在。过多的信息让我们无所适从。太多信息,太多决定,太多的选择,信息的泛滥让我们很多人...

  • 三行•顽症

    小小的口罩密不透风 有没有呼吸 靠运气

  • 《拖延心理学》听书笔记

    拖延心理学: 向与生俱来的行为顽症宣战原作名: Procrastination: Why You Do It, W...

  • 做,克服焦虑顽症的良药

    焦虑,现在挺流行的一个词,也是入行动营之后听的最多的一个词。 有的战友焦虑群里信息应接不暇,工作忙的不可开交无力去...

  • 大宝日记——数学的顽症(2019.3.10)

    今天继续做错题卷。 昨天的21道计算题错了13道,今天21道选择、填空、应用等题型只错5道。 我发现,有的算式明明...

网友评论

    本文标题:设计师的顽症

    本文链接:https://www.haomeiwen.com/subject/nokvcttx.html