给老罗的一封公开信(第二部)——锤子官网再吐槽

摘要

文案啰嗦、前端奇葩、流程混乱和人才缺失,这位挑剔的设计师又有了新的槽点。

编辑注:本文选自 Jason2be 的公众账号强迫症设计诗

老罗:

你好,又见面了。之前我介绍我说是一个有强迫症的设计师,后来发现有些强迫症的人洗手能洗一个小时,跟他们相比,我还是说我其实是一个眼里容不得沙子的产品经理更合适吧。

去年 9 月给你写一封公开信,里面有关于锤子官网有不下 10 条的吐槽。然而经过和你们的良好互动,里面 95% 的问题都得以修改和规避了。所以才有了新的这封公开信。

一、免责声明

作为外部人士,有的「猜测」未必准确。但我相信其中一些是程度问题,而不是有没有的问题。因轻信和参考里面的信息而带来了任何直接或间接损失与本人无任何关系。如对此声明有异议,则请停止阅读来信。

二、使用环境

  1. 电脑硬件:MacBook Pro (Retina, 15-inch, Late 2013)
  2. 系统版本:OS X 10.10.4 (14E17e) [系统语言为中文]
  3. 浏览器:Safari 8.0.7 (10600.7.5)
  4. 所有截图均来自 5 月 9 日到 10 日期间

三、问题概括

  • 文案啰嗦
  • 前端奇葩
  • 流程混乱
  • 人才缺失

四、具体说明

(一)文案啰嗦

1)功能介绍文字的「论据」毫无说服力,逻辑混乱

网站的每一屏就应该是一个能够说服人的「幻灯片」,每个小标题是一个论点的话,那下面论述它的文字就应该是论据,而锤子官网的文字却可谓是乱写一通。

屏幕快照 2015-05-13 下午7.14.56.png

via 锤子科技官网

图中小标题(论点)看起来是要论述「OS 美观、易用和人性化」。正文(论据)句子主干却是:「提高至程度」、「打磨至程度」和「贯彻至程度」,超长定语组合而成的三个排比句,没有明确主语,读得人云里雾里,也跟「美观」、「易用」和「人性化」没什么对应关系。

第二段的句子主干是「新特性让你无回头之路。」多少给人一种很恐怖的感觉。另外,「七年一遇」的哏默认谁都知道吗?埋了包袱却不抖,给人一种另一只鞋没落地的感觉。

屏幕快照 2015-05-13 下午7.17.25.png

via 苹果中文官网

而上图是来自苹果官网的例子。小标题(论点)「iOS 版本」。正文(论据)句子主干:「iOS 8 系统功能和特性将优势呈现」,主语明确,完成的任务明确。

第二句的主干是「这不仅是绝佳匹配,更是绝佳体验。」易懂且准确。

2)啰嗦的文案「贯彻」了网站和产品

文案应该追求的是简短、精准。不能长篇累牍和「讲故事」。这样的文案或许在刚开始的时候带来趣味和传播(营销),但当用户重复打开使用时,就会像一直讲的冷笑话一样无聊。

屏幕快照 2015-05-13 下午7.19.20.png

via 湖南卫视《真正男子汉》

累赘的文案就像是多余的配音,开始有它是为了「搞笑」,之后有它却「可笑」。上面的视频中,王宝强在训练扣动扳机时还自配音效,要说相较于没有音效的训练,教官可能更能了解的他的发射动作。而当他被训斥需要配音来十遍的时候,配音就显得多余且可笑了。

有时候为了免责或者说明,看起来锤子不得不说上好长一段介绍性的文字。这些文字保留了我们设计功能的初衷,它也切实对功能的使用提供了趣味和说明。

然而如果这是一个使用情景稍高的功能的话,废话连篇的说明总让人厌烦,毕竟现在没人愿意阅读,尤其是反复阅读。

屏幕快照 2015-05-13 下午7.23.18.png

via 锤子科技英文官网

屏幕快照 2015-05-13 下午7.23.48.png

via 锤子便签英文界面

「What`s the point?」外国人无法 Get 到的「点」,正成为国际化的障碍。

产品和网站文案的撰写应该「去流行化」和「去区域化」。将当下网络上流行的文字和句式写入文案将成为一场灾难。除了长达一年非更新期里它早晚会不流行,更多是因为文化差异形成的「哏」通常不能被很好的翻译并传递给外国人。

上图 1 的 Revolutionary、Disruptive、Redefined 的哏最早来自于苹果的广告,但糟糕的是苹果广告的英文版中却从未出现过这几个词,这就造成了「点」的丢失。上图 2 所指的部分用户其实来自中国,冷嘲热讽用户还煞有介事的被翻译出来,肯定也有所不妥。

(二)前端奇葩

1)网站中多处文本显示都是靠图片完成

这既不利于传播(SEO 和复制),修改和维护的成本也被提高。当需要更新和修改文本的时候,就必须有设计介入并出多份素材最终才能更新,加长了工作链条。

屏幕快照 2015-05-13 下午7.26.31.png

via 锤子科技官网

上图中这些排版或简单或复杂的「文字与图片」全部靠加载一整张图片来实现的。

没有任何理由使用图片展示网页最基本的元素,将文字在内的元素全部以图片的方式来呈现,既影响网页的加载速度,浪费服务器的资源,同时也不尊重系统本身的文字渲染方式,显示效果也不是最佳的。

上面陈列的文字在排版样式上几乎可以说是没有任何奇特之处,通过简单代码实现,既利于维护更新,也会加快移动版的开发进度(元素复用)。

2)前端的惰性还反映在仅对最终效果负责,而不对实现方式负责

样式的多样性和材质素材的使用并不应该成为偷懒的借口。我所看见的样式均可以通过代码「干干净净」的完成。

屏幕快照 2015-05-13 下午7.28.50.png

via 锤子科技官网

上图中为了实现页面材质底纹,前端使用了一张 2350×7146 的背景图片。

分个层、切个片、或者什么都不做,直接一整张图放上去。用「设计图本人」来还原「设计图」,那么还原效果当然是「一级棒」啦。然而这样越是看上去的「高大上」的页面背后,实现的方式却越是 low 到了极点。

其实并不是因为锤子因为坚持「拟物风格」才会遇此难题,游戏网站也常常使用「卷轴」样式来发布公告等,却也未曾见过如此没有技术含量的实现方式。

(三)流程混乱

1)代码的维护和管理暴露了流程管理的混乱

比如对 Retina 屏的支持,一样的内容形式,一张就支持,一张就不支持,可见缺乏规范。

同时该公用代码的地方,没有建立起公用代码,多份不同代码同时运作才会导致 bug 改了又改。

屏幕快照 2015-05-13 下午7.30.54.png

via 锤子科技官网

高清屏兼容还是不兼容并不是事,是事的是没有明确的需求,就不会有明确的行动。

锤子当然可以在意或者不在意高清屏的份额,也可以在意或不在意高清屏的体验。但无论怎样,这都是一开始就需要被定下来的需求,这样才有标准来执行和规范。

同一个页面中,同等类型的素材,有的就是 Retina 素材,有的就不是,没有任何理由。缺乏规范的管理,必然流程混乱。

屏幕快照 2015-05-13 下午7.32.56.png

via 锤子科技官网

同一个世界,同一个梦想。相同的样式采用公用的代码,维护更新才可以高效便利。

锤子科技的官方在底部样式彻底一样的情况下,却使用了分开维护的多份代码。这样的做法常常会导致 bug 死灰复燃,就如图中那样,曾更新修改了备案信息为文本,网站上却仍旧因为没有调用公用代码来再出现老的样式。

公用代码的建立与维护的意识缺乏,暴露了产品经理的流程管理不足。

2)项目的推进时,「相关」或「受影响」项目没有更新

相关部门不了解自己手中的可用资源有哪些,更不了解手中项目牵扯的项目有哪些。或者知道也不记得更新。

屏幕快照 2015-05-13 下午7.35.07.png

via 锤子科技公众账号

屏幕快照 2015-05-13 下午7.39.40.png

via 锤子科技官网

图 1 的锤子科技公众账号于 5 月 4 日发布了招贤纳士的通告,招聘了文案编辑等新近人才。图 2 官方网站的最后更新时间是 3 月 20 日,找不到公号罗列的职位。

「这个有效果先发这个,回头再更新那个。」项目推进应有流程管理,这是工作积累的最大财富。

苹果要开发布会要上新品了,首先都会把在线商店先下线了。这样的流程即是他们的最佳实践,也给用户形成固定期待。

懂得了解自己的资源和业务,才能安排和规划出合理的流程。推进项目时先分析出哪些项目受影响,并通过分发或自己完成的方式来避免受影响项目的滞后和出错,最终将合理流程总结固化,就能成为公司重要的财富。

(四)人才缺失*

*人才的缺失:并不意味着需要大量的招聘或者解聘,它默认应该是团队现有人员的专门素质有意识的培养。

1)技术人才的缺失

① 勤劳的技术人才

② 先锋的技术人才

③ 懂得查漏补缺的技术人才

屏幕快照 2015-05-13 下午7.42.35.png

勤劳并不仅仅是快速工作。从未放低过自我要求的人,才能有所创造。

不会有时间充足的开发项目,「时间不够」不应成为任何事的借口。坚守自己:时间和 sense 就是你的阵地。

屏幕快照 2015-05-13 下午7.43.28.png

审美或许可以循环,而技术只会向前发展。做到今天的锤子已不容易

但何不将它做得更好。

只有锤子科技的员工都能够自我驱动和快速学习了,锤子科技才会有光明的未来。技术当然应该成为科技公司改变世界的法宝,学习和运用它才应该锤子骄傲的资本。

屏幕快照 2015-05-13 下午7.44.14.png

让员工懂得查漏补缺,就要让员工感觉公司是自己的。经过开发完善的每一行代码,都只为让产品更美。

斯巴达方阵的勇猛建立在战士对每个看守他后背的另外三个战士的信任。有全局观,能发现同事的不足并主动完善。

2)产品经理的缺失

没有产品经理来把任务的真实需求了解,来把「使用情景」分析,甚至导致了 key feature 的丢失。

屏幕快照 2015-05-13 下午7.45.23.png

via 锤子科技官网

让无数「锤粉」、「罗粉」扬眉吐气的 IF 获奖页面: 不能复制任何一个字,没有任何一个分享按钮。

因为靠切片贴图的方式来实现,IF 获奖的荣誉页面既然没有任何一个字可以供用户或者科技媒体复制。同时这个页面从头到尾从上到下没有一个「分享」按钮。难道锤子希望的,用户需要的不就是一个「传播」的功能吗?既然就这样 miss 掉了。

在锤子「好看」往往成为需求,而它其实只是要求。对需求的理解是产品经理的职责。

3)战略人才的缺失

在错过的和还未来到的战略意义的时刻,锤子一直没有一个具有战略观的人才出现。

小米公司:

屏幕快照 2015-05-13 下午7.50.20.png

小米手机:

屏幕快照 2015-05-13 下午7.50.35.png

小米网站:

屏幕快照 2015-05-13 下午7.50.50.png

今天看来,小米的每个项目与品牌都完成了各自的使命与定位。然而故事刚开始时,小米只是比较早懂得管理粉丝的关注力而已。

屏幕快照 2015-05-13 下午7.51.47.png

小米手机:

  • 永远的「产能不足」
  • 不断丰富的产品线
  • 毫无规律的进化路线

屏幕快照 2015-05-13 下午7.52.22.png

小米网站:

  • 发 F 码、抢购(定期吸引流量)
  • 招人(扩大团队)
  • 手机配件(手机壳、贴膜)
  • 小米周边(兔子、书包、T 恤)
  • 贴牌的各种商品(鼠标垫、电视)
  • 电子书杂志(多看)
  • 收购整合的新产品(智能硬件)

反观锤子官方网站,在线商城功能没有加分反而扣分。

屏幕快照 2015-05-13 下午7.53.26.png

锤子手机:

  • 前期产能不足
  • 单一产品线

锤子网站:

  • 招人(公告、员工访谈)
  • 电子商城(手机配件、第三方周边)

屏幕快照 2015-05-13 下午7.54.17.png

锤子官网在线商城:

  • 销售商品屈指可数
  • 全站唯一整块不支持 Retina 屏的板块
  • 大部分商品实际上不可购买
  • 前端实现奇葩,体验差劲
  • 入口较深,不认可为主要业务

所谓小米模式:

屏幕快照 2015-05-13 下午7.55.24.png

所谓锤子模式:

屏幕快照 2015-05-13 下午7.55.57.png

一样的机遇与挑战,缺乏战略眼光和人才的锤子,让人感觉「没爱够」。

小米与锤子的「营销天分」并没有相差太多,遇到相同的问题,小米却能通过持续制造尖叫的方式,不断吸引甚至玩弄粉丝的注意力,来盘活新项目,拓展新领域。

锤子却在相同的时刻,处理得仅仅就像是「危机公关」,一切都是在堵漏洞,而没有创造性(或者哪怕是借鉴下小米)地真正解决问题。


高手过招,点到为止。

上来说了这么多「问题」,是因为「若批评不自由,则赞美无意义」,锤子的好其实很多人都是了解的,我重述一遍没啥意义。

另外就是,我创业失败了。目前正在找工作,关注老罗的还是比较多的,「喷一下」罗老师还是会比较能引来关注的,所以我们就「互惠」一下吧。如果读者当中有人能提供一个职位给眼里容不得沙子的产品经理的话,欢迎给我邮件:hongsen.w 在 gmail.com。

另外,个别细心的读者或许也要吐槽,为什么你也跟老罗网站一样,明明可以文字写的内容,也靠图片来显示呢?那是因为这本来是一个可以当面跟老罗讲的一个幻灯片。后因见不上面,我就又转制成了公开信了。

原幻灯片里还有附加内容是我怎么看锤子的未来的,「(锤子)如何成为或不成为苹果公司」和「如何看锤子手机的国际化之路,和小米是否有得一战?」有兴趣的同学就当是彩蛋去下载吧。

点击「这里提供了文件下载」,你可以找到这个文件。Keynote 格式的,120 兆,免费下载,至于播放它需要的苹果电脑就恕不提供了。


我是一名眼里容不得沙子的产品经理,更是一名强迫症设计师,这是我的微信公众账号。如果你还希望读到类似文章(公开信),你可以通过扫描下方的二维码关注我的公众账号,名字就叫「强迫症设计诗」,你也可以通过搜索 OCDesigner 来添加它,我会继续在这里更新。

640.jpeg

最新文章

极客公园

用极客视角,追踪你不可错过的科技圈.

极客之选

新鲜、有趣的硬件产品,第一时间为你呈现。

张鹏科技商业观察

聊科技,谈商业。