设计师的顽症

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

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

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

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

再谈一个地方。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的父亲是谁大家都知道,全国最牛的产品经理。

再来对比点别的。

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

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

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

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

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


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

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 212,332评论 6 493
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 90,508评论 3 385
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 157,812评论 0 348
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 56,607评论 1 284
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 65,728评论 6 386
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 49,919评论 1 290
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,071评论 3 410
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,802评论 0 268
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,256评论 1 303
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,576评论 2 327
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,712评论 1 341
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,389评论 4 332
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,032评论 3 316
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,798评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,026评论 1 266
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 46,473评论 2 360
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 43,606评论 2 350

推荐阅读更多精彩内容