美叶研学
文章小册观察
文章小册观察
目录
设计漫谈
  • 前言

    第1节

    关于本课

  • 全部课程

    第1节

    行为判定

    第2节

    移动注册

    第3节

    消息推送

    第4节

    分层呈现

    第5节

    多选

    第6节

    防止犯错

    第7节

    排序

    第8节

    标准化录入

    第9节

    打断

    第10节

    视觉层级

    第11节

    进程状态

    第12节

    密码设定

    第13节

    内容归类

    第14节

    反馈

    第15节

    操作距离

    第16节

    折叠播报

    第17节

    按钮注释

    第18节

    滑屏操作

    第19节

    选择权

    第20节

    内容溢出

    第21节

    输入暗示

    第22节

    关系映射

    第23节

    返回顶部

    第24节

    位置锚定

    第25节

    分页

    第26节

    面板优化

    第27节

    输入补全

    第28节

    信息检索

    第29节

    还原

    第30节

    内容折叠

    第31节

    通知提示

    第32节

    可视化

    第33节

    对话框

    第34节

    页面直达

    第35节

    输入法

    第36节

    清空删除

    第37节

    路径指引

    第38节

    社交对话

    第39节

    评论

    第40节

    文本框标签

    第41节

    筛选

    第42节

    光标控制

    第43节

    富媒体播放

    第44节

    数值修正

    第45节

    帮助说明

    第46节

    特殊状态

    第47节

    情感化

    第48节

    浏览线

    第49节

    模态叠层

    第50节

    预览

美叶 © 2026京ICP备18053775号-2    京公网安备 11010502047597号
面板优化
2023年2月19日

如果你是一位“资深网民”,经历过早期门户网站时代,那么你一定对那时的门户网站设计印象深刻。那时的网页,通常被被塞入各类信息。


我们需要在密密麻麻的各类信息中,查找自己感兴趣的内容,通常这不是一件容易的事情。在一个内容编辑主导产品设计的时代,出现这样的网站设计倒也不足为奇。主编总有这样的“担心”,那就是害怕网站内容的丰富度不够。

似乎这种“担心”非常在理,即便是在如今产品主导产品研发的时代,我们在团队产品的讨论会上经常看到,一些与会的参与者,站出来反对,诸如隐藏某个功能按钮,或优化掉某个功能这类提案。


遥控器

早期的电视遥控器面板上,通常排布着密密麻麻的按键,每一个按键背后,都可能都会隐藏着让用户“尖叫”的功能(设计者角度),但遗憾的是用户并不是一个机车发烧友,或者航天飞行员,即便是操控面板上有再多的微操按钮,也依然唤不起他们的兴致。



用户更喜欢简单的操作,这就是无可辩驳的事实。很多成功的产品之所以会大受用户青睐,大都是在操作层面上应用简单。早期的相机需要有专业级的设定(光圈、焦距的调节),一般用户很难上手。后来有的厂家看准商机,发明了一种后来被大家称作“傻瓜相机”(一种不需要用户设定任何参数的相机)的新产品,于是一键拍照变得风靡。


早期柯达生产的傻瓜相机

如今很多产品在推广说明书中,会反复强调自家产品的功能强大,然后在使用宣传语上,附上这样的一句话描述“一键XXX”,以此来凸显产品使用非常简单。

我们再回到遥控器的话题,如果我们以周围人为研究对象,观察他们使用电视遥控器的情况,就会发现遥控器上最先被磨平文字的按键,只有非常少的几个。这也能从侧面反映出,这种面板设计复杂的遥控器,多数按键用户很少用到。那么我们不仅要问,给出如此之多按键的意义何在?要知道,在面板中增加任何低频按钮,除了会增加用户误触的几率外,用户几乎感受不到任何便利。

早期的电视遥控器面板设计如此,我们尚可接受,因为那时的电视设备,无法为用户提供一个可交互的操作界面。如今随着技术的进步,尤其是智能电视的普及,我们可以很好通过遥控器和电视交互,完成过去只能通过按键指令实现的操作。

以小米遥控器为例,整个遥控器界面,只保留了10个左右的功能按钮,其中为了面板显得简洁,方向键和确定键在工业设计层面,还做了特别的处理。用户更喜欢使用这类遥控器,不仅是因为它设计美观,更重要的一点是它只关注用户的高频行为(开关机、方向选择交互、确定,返回、音量调整等)。



Foxmail

如果你用过早期的邮箱产品,那么被这些邮件产品“强大的”工具栏面板吸引。我们以当时市场占有率最高的Outlook为例进行说明。

Outlook的邮件工具栏,占据较大的页面空间。如果你问我工具栏这些工具都有何用途?做为一个收发邮件多年的老用户,除了几个常用的按钮外,我可以告诉你外,其他的按钮,我到现在仍旧一无所知。


邮箱诞生之初,国内做邮箱的公司很多(比如网易、新浪、搜狐、百度,QQ、几乎清一色的互联网巨头),竞争也很惨烈。但即使是在硝烟弥漫的巨头大战中,一款名不见经传的邮箱产品确曾风靡一时,这款产品的名字叫Foxmail,由后来成为微信之父张小龙,亲自研发设计。

Foxmail在传统邮箱功能基础上,进行了大刀阔斧的删减、整合。工具栏中只为用户提供数量极少的高频按钮,这使得Foxmail界面无比清爽。而在收发、设置、添加联系人等细节处,也做足了体验。


好产品就是好产品,好用就是好用,用户在这种产品面前,就是用脚都会投票。所以即便是在大厂竞争的夹缝中,Foxmail依然取得了巨大的成功。这一成功产品,也让大厂垂涎,于是在2005年腾讯持巨资收购了这款产品,包括它的创始人,这也为后来微信的诞生埋下了伏笔。


中间路线

如果你是一名从业多年的设计者,那么面对会议室争论,一定见怪不怪,你在产品上做出任何的改变,都会面临压力,这种压力不完全来自用户,更多的是来自团队内部。任何和产品的相关的参会者,无论是否深入思考过产品和设计方案,都喜欢给产品提上几句“建议”,而这些建议往往出自于他们日常所见。

在压力面前,那些不坚定的设计者往往会选择妥协,他们会选择走“中间路线”。比如结合“建议”,参考竞品的设计做出方案。他们非常清楚,这种方案即可以“取悦”团队成员,也能保证方案落地(减少修改)。但存在这种想法的设计者显然是可悲的。他们缺乏即践行想法的勇气,同时又要背负“抄袭”的恶名。

所以,很多产品到死掉,团队成员依然没有想清楚或是不愿想清楚,产品设计的终极目标是什么?是更好的服务团队成员还是用户?如果所有的产品设计仅限于跟随别的产品,那创新的发生又会在哪里出现呢?如果Foxmail当时的策略只是盲目跟随Outlook,那么这款产品将永远不会被大众所知晓。

很多设计师喜欢走中间路线,这也反映了设计这碗饭,“很难吃”的事实。首先是设计的交付物(界面、交互)是可以被所有人看到的,它不同于程序员的产出(逻辑跑通了,你管我代码优化的好不好呢,好不好你也看不懂,看不到),任何看到界面的人都可以站在自己的角度(非专业角度),对产品和设计“好坏”做出评价。

更要命的是,很多缺乏“常识”的领导者,只会用界面的美观度去衡量设计的价值,这显然会让设计者蒙受巨大的冤屈。尽管界面设计美观,可以愉悦用户这是不争的事实,但设计师的工作不等同于“美工”,其工作内涵,不止于界面设计产出,很多思想上的用意,很难被专业之外的人体会。所以向异议者做解释,几乎成了设计师的“随堂课”,但解释一多,往往又有掩饰之嫌。

设计本属于悲天悯人的工作,每一个设计者,都以解救苍生(用户)疾苦为己任,但来自方方面面的压力,让他们坚持初心变得困难。尽管我们的课程读者大多数都是设计师,我也想借此发声,如果你是一名产品人或是领导者,我希望您能够“善待”这一群体,在团队协作中,给予他们应有的信任和尊重。

分页
输入补全