給老羅的一封公開信(第二部)——錘子官網(wǎng)再吐槽

DT
3 評(píng)論 18595 瀏覽 7 收藏 20 分鐘

老羅:

你好,又見面了。之前我介紹我說(shuō)是一個(gè)有強(qiáng)迫癥的設(shè)計(jì)師,后來(lái)發(fā)現(xiàn)有些強(qiáng)迫癥的人洗手能洗一個(gè)小時(shí),跟他們相比,我還是說(shuō)我其實(shí)是一個(gè)眼里容不得沙子的產(chǎn)品經(jīng)理更合適吧。

去年 9 月給你寫一封公開信,里面有關(guān)于錘子官網(wǎng)有不下 10 條的吐槽。然而經(jīng)過(guò)和你們的良好互動(dòng),里面 95% 的問(wèn)題都得以修改和規(guī)避了。所以才有了新的這封公開信。

一、免責(zé)聲明

作為外部人士,有的“猜測(cè)”未必準(zhǔn)確。但我相信其中一些是程度問(wèn)題,而不是有沒(méi)有的問(wèn)題。因輕信和參考里面的信息而帶來(lái)了任何直接或間接損失與本人無(wú)任何關(guān)系。如對(duì)此聲明有異議,則請(qǐng)停止閱讀來(lái)信。

二、使用環(huán)境

  1. 電腦硬件:MacBook Pro (Retina, 15-inch, Late 2013)
  2. 系統(tǒng)版本:OS X 10.10.4 (14E17e) [系統(tǒng)語(yǔ)言為中文]
  3. 瀏覽器:Safari 8.0.7 (10600.7.5)
  4. 所有截圖均來(lái)自 5 月 9 日到 10 日期間

三、問(wèn)題概括

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

四、具體說(shuō)明

(一)文案啰嗦

1)功能介紹文字的「論據(jù)」毫無(wú)說(shuō)服力,邏輯混亂

網(wǎng)站的每一屏就應(yīng)該是一個(gè)能夠說(shuō)服人的「幻燈片」,每個(gè)小標(biāo)題是一個(gè)論點(diǎn)的話,那下面論述它的文字就應(yīng)該是論據(jù),而錘子官網(wǎng)的文字卻可謂是亂寫一通。

d17c041c70d03e52d454c8351c25a2c5

via 錘子科技官網(wǎng)

圖中小標(biāo)題(論點(diǎn))看起來(lái)是要論述「OS 美觀、易用和人性化」。正文(論據(jù))句子主干卻是:「提高至程度」、「打磨至程度」和「貫徹至程度」,超長(zhǎng)定語(yǔ)組合而成的三個(gè)排比句,沒(méi)有明確主語(yǔ),讀得人云里霧里,也跟「美觀」、「易用」和「人性化」沒(méi)什么對(duì)應(yīng)關(guān)系。

第二段的句子主干是「新特性讓你無(wú)回頭之路?!苟嗌俳o人一種很恐怖的感覺(jué)。另外,「七年一遇」的哏默認(rèn)誰(shuí)都知道嗎?埋了包袱卻不抖,給人一種另一只鞋沒(méi)落地的感覺(jué)。

2304c02e498205d149395c12a6170b21

via 蘋果中文官網(wǎng)

而上圖是來(lái)自蘋果官網(wǎng)的例子。小標(biāo)題(論點(diǎn))「iOS 版本」。正文(論據(jù))句子主干:「iOS 8 系統(tǒng)功能和特性將優(yōu)勢(shì)呈現(xiàn)」,主語(yǔ)明確,完成的任務(wù)明確。

第二句的主干是「這不僅是絕佳匹配,更是絕佳體驗(yàn)。」易懂且準(zhǔn)確。

2)啰嗦的文案「貫徹」了網(wǎng)站和產(chǎn)品

文案應(yīng)該追求的是簡(jiǎn)短、精準(zhǔn)。不能長(zhǎng)篇累牘和「講故事」。這樣的文案或許在剛開始的時(shí)候帶來(lái)趣味和傳播(營(yíng)銷),但當(dāng)用戶重復(fù)打開使用時(shí),就會(huì)像一直講的冷笑話一樣無(wú)聊。

c5fd6fdc892e8da2ce6a1df9a45e4299

via 湖南衛(wèi)視《真正男子漢》

累贅的文案就像是多余的配音,開始有它是為了「搞笑」,之后有它卻「可笑」。上面的視頻中,王寶強(qiáng)在訓(xùn)練扣動(dòng)扳機(jī)時(shí)還自配音效,要說(shuō)相較于沒(méi)有音效的訓(xùn)練,教官可能更能了解的他的發(fā)射動(dòng)作。而當(dāng)他被訓(xùn)斥需要配音來(lái)十遍的時(shí)候,配音就顯得多余且可笑了。

有時(shí)候?yàn)榱嗣庳?zé)或者說(shuō)明,看起來(lái)錘子不得不說(shuō)上好長(zhǎng)一段介紹性的文字。這些文字保留了我們?cè)O(shè)計(jì)功能的初衷,它也切實(shí)對(duì)功能的使用提供了趣味和說(shuō)明。

然而如果這是一個(gè)使用情景稍高的功能的話,廢話連篇的說(shuō)明總讓人厭煩,畢竟現(xiàn)在沒(méi)人愿意閱讀,尤其是反復(fù)閱讀。

dc61f3323ec9f30be7b6464fd8ba759a

via 錘子科技英文官網(wǎng)

cdecf3233cbe6bba0b23cee5105acc3e

via 錘子便簽英文界面

「What`s the point?」外國(guó)人無(wú)法 Get 到的「點(diǎn)」,正成為國(guó)際化的障礙。

產(chǎn)品和網(wǎng)站文案的撰寫應(yīng)該「去流行化」和「去區(qū)域化」。將當(dāng)下網(wǎng)絡(luò)上流行的文字和句式寫入文案將成為一場(chǎng)災(zāi)難。除了長(zhǎng)達(dá)一年非更新期里它早晚會(huì)不流行,更多是因?yàn)槲幕町愋纬傻摹高纭雇ǔ2荒鼙缓芎玫姆g并傳遞給外國(guó)人。

上圖 1 的 Revolutionary、Disruptive、Redefined 的哏最早來(lái)自于蘋果的廣告,但糟糕的是蘋果廣告的英文版中卻從未出現(xiàn)過(guò)這幾個(gè)詞,這就造成了「點(diǎn)」的丟失。上圖 2 所指的部分用戶其實(shí)來(lái)自中國(guó),冷嘲熱諷用戶還煞有介事的被翻譯出來(lái),肯定也有所不妥。

(二)前端奇葩

1)網(wǎng)站中多處文本顯示都是靠圖片完成

這既不利于傳播(SEO 和復(fù)制),修改和維護(hù)的成本也被提高。當(dāng)需要更新和修改文本的時(shí)候,就必須有設(shè)計(jì)介入并出多份素材最終才能更新,加長(zhǎng)了工作鏈條。

61b6549ec3039ef7a168837c8d17143f

via 錘子科技官網(wǎng)

上圖中這些排版或簡(jiǎn)單或復(fù)雜的「文字與圖片」全部靠加載一整張圖片來(lái)實(shí)現(xiàn)的。

沒(méi)有任何理由使用圖片展示網(wǎng)頁(yè)最基本的元素,將文字在內(nèi)的元素全部以圖片的方式來(lái)呈現(xiàn),既影響網(wǎng)頁(yè)的加載速度,浪費(fèi)服務(wù)器的資源,同時(shí)也不尊重系統(tǒng)本身的文字渲染方式,顯示效果也不是最佳的。

上面陳列的文字在排版樣式上幾乎可以說(shuō)是沒(méi)有任何奇特之處,通過(guò)簡(jiǎn)單代碼實(shí)現(xiàn),既利于維護(hù)更新,也會(huì)加快移動(dòng)版的開發(fā)進(jìn)度(元素復(fù)用)。

2)前端的惰性還反映在僅對(duì)最終效果負(fù)責(zé),而不對(duì)實(shí)現(xiàn)方式負(fù)責(zé)

樣式的多樣性和材質(zhì)素材的使用并不應(yīng)該成為偷懶的借口。我所看見的樣式均可以通過(guò)代碼「干干凈凈」的完成。

38f8852b4049c9636b111734d406c44a

via 錘子科技官網(wǎng)

上圖中為了實(shí)現(xiàn)頁(yè)面材質(zhì)底紋,前端使用了一張 2350×7146 的背景圖片。

分個(gè)層、切個(gè)片、或者什么都不做,直接一整張圖放上去。用「設(shè)計(jì)圖本人」來(lái)還原「設(shè)計(jì)圖」,那么還原效果當(dāng)然是「一級(jí)棒」啦。然而這樣越是看上去的「高大上」的頁(yè)面背后,實(shí)現(xiàn)的方式卻越是 low 到了極點(diǎn)。

其實(shí)并不是因?yàn)殄N子因?yàn)閳?jiān)持「擬物風(fēng)格」才會(huì)遇此難題,游戲網(wǎng)站也常常使用「卷軸」樣式來(lái)發(fā)布公告等,卻也未曾見過(guò)如此沒(méi)有技術(shù)含量的實(shí)現(xiàn)方式。

(三)流程混亂

1)代碼的維護(hù)和管理暴露了流程管理的混亂

比如對(duì) Retina 屏的支持,一樣的內(nèi)容形式,一張就支持,一張就不支持,可見缺乏規(guī)范。

同時(shí)該公用代碼的地方,沒(méi)有建立起公用代碼,多份不同代碼同時(shí)運(yùn)作才會(huì)導(dǎo)致 bug 改了又改。

1c637cf7038882ec395e7e21628d6b8a

via 錘子科技官網(wǎng)

高清屏兼容還是不兼容并不是事,是事的是沒(méi)有明確的需求,就不會(huì)有明確的行動(dòng)。

錘子當(dāng)然可以在意或者不在意高清屏的份額,也可以在意或不在意高清屏的體驗(yàn)。但無(wú)論怎樣,這都是一開始就需要被定下來(lái)的需求,這樣才有標(biāo)準(zhǔn)來(lái)執(zhí)行和規(guī)范。

同一個(gè)頁(yè)面中,同等類型的素材,有的就是 Retina 素材,有的就不是,沒(méi)有任何理由。缺乏規(guī)范的管理,必然流程混亂。

2778d135802d282133f3388c2fdf7045

via 錘子科技官網(wǎng)

同一個(gè)世界,同一個(gè)夢(mèng)想。相同的樣式采用公用的代碼,維護(hù)更新才可以高效便利。

錘子科技的官方在底部樣式徹底一樣的情況下,卻使用了分開維護(hù)的多份代碼。這樣的做法常常會(huì)導(dǎo)致 bug 死灰復(fù)燃,就如圖中那樣,曾更新修改了備案信息為文本,網(wǎng)站上卻仍舊因?yàn)闆](méi)有調(diào)用公用代碼來(lái)再出現(xiàn)老的樣式。

公用代碼的建立與維護(hù)的意識(shí)缺乏,暴露了產(chǎn)品經(jīng)理的流程管理不足。

2)項(xiàng)目的推進(jìn)時(shí),「相關(guān)」或「受影響」項(xiàng)目沒(méi)有更新

相關(guān)部門不了解自己手中的可用資源有哪些,更不了解手中項(xiàng)目牽扯的項(xiàng)目有哪些?;蛘咧酪膊挥浀酶隆?/p>

7959d8a5f165d74ebf518c89d0285af8

via 錘子科技公眾賬號(hào)

f18f10b41ddc44ec66ef319f4d104917

via 錘子科技官網(wǎng)

圖 1 的錘子科技公眾賬號(hào)于 5 月 4 日發(fā)布了招賢納士的通告,招聘了文案編輯等新近人才。圖 2 官方網(wǎng)站的最后更新時(shí)間是 3 月 20 日,找不到公號(hào)羅列的職位。

「這個(gè)有效果先發(fā)這個(gè),回頭再更新那個(gè)?!鬼?xiàng)目推進(jìn)應(yīng)有流程管理,這是工作積累的最大財(cái)富。

蘋果要開發(fā)布會(huì)要上新品了,首先都會(huì)把在線商店先下線了。這樣的流程即是他們的最佳實(shí)踐,也給用戶形成固定期待。

懂得了解自己的資源和業(yè)務(wù),才能安排和規(guī)劃出合理的流程。推進(jìn)項(xiàng)目時(shí)先分析出哪些項(xiàng)目受影響,并通過(guò)分發(fā)或自己完成的方式來(lái)避免受影響項(xiàng)目的滯后和出錯(cuò),最終將合理流程總結(jié)固化,就能成為公司重要的財(cái)富。

(四)人才缺失*

*人才的缺失:并不意味著需要大量的招聘或者解聘,它默認(rèn)應(yīng)該是團(tuán)隊(duì)現(xiàn)有人員的專門素質(zhì)有意識(shí)的培養(yǎng)。

1)技術(shù)人才的缺失

① 勤勞的技術(shù)人才

② 先鋒的技術(shù)人才

③ 懂得查漏補(bǔ)缺的技術(shù)人才

6fc3bb3ccb33f8cba04925ec2364011e

勤勞并不僅僅是快速工作。從未放低過(guò)自我要求的人,才能有所創(chuàng)造。

不會(huì)有時(shí)間充足的開發(fā)項(xiàng)目,「時(shí)間不夠」不應(yīng)成為任何事的借口。堅(jiān)守自己:時(shí)間和 sense 就是你的陣地。

3a25d18aad1d9f69e16a35f186225310

審美或許可以循環(huán),而技術(shù)只會(huì)向前發(fā)展。做到今天的錘子已不容易

但何不將它做得更好。

只有錘子科技的員工都能夠自我驅(qū)動(dòng)和快速學(xué)習(xí)了,錘子科技才會(huì)有光明的未來(lái)。技術(shù)當(dāng)然應(yīng)該成為科技公司改變世界的法寶,學(xué)習(xí)和運(yùn)用它才應(yīng)該錘子驕傲的資本。

c10a59116b1fe13aac120f11e77b8cc1

讓員工懂得查漏補(bǔ)缺,就要讓員工感覺(jué)公司是自己的。經(jīng)過(guò)開發(fā)完善的每一行代碼,都只為讓產(chǎn)品更美。

斯巴達(dá)方陣的勇猛建立在戰(zhàn)士對(duì)每個(gè)看守他后背的另外三個(gè)戰(zhàn)士的信任。有全局觀,能發(fā)現(xiàn)同事的不足并主動(dòng)完善。

2)產(chǎn)品經(jīng)理的缺失

沒(méi)有產(chǎn)品經(jīng)理來(lái)把任務(wù)的真實(shí)需求了解,來(lái)把「使用情景」分析,甚至導(dǎo)致了 key feature 的丟失。

1c8075dd04c8857ff32dbf3edacf6f60

via 錘子科技官網(wǎng)

讓無(wú)數(shù)「錘粉」、「羅粉」揚(yáng)眉吐氣的 IF 獲獎(jiǎng)頁(yè)面: 不能復(fù)制任何一個(gè)字,沒(méi)有任何一個(gè)分享按鈕。

因?yàn)榭壳衅N圖的方式來(lái)實(shí)現(xiàn),IF 獲獎(jiǎng)的榮譽(yù)頁(yè)面既然沒(méi)有任何一個(gè)字可以供用戶或者科技媒體復(fù)制。同時(shí)這個(gè)頁(yè)面從頭到尾從上到下沒(méi)有一個(gè)「分享」按鈕。難道錘子希望的,用戶需要的不就是一個(gè)「?jìng)鞑ァ沟墓δ軉??既然就這樣 miss 掉了。

在錘子「好看」往往成為需求,而它其實(shí)只是要求。對(duì)需求的理解是產(chǎn)品經(jīng)理的職責(zé)。

3)戰(zhàn)略人才的缺失

在錯(cuò)過(guò)的和還未來(lái)到的戰(zhàn)略意義的時(shí)刻,錘子一直沒(méi)有一個(gè)具有戰(zhàn)略觀的人才出現(xiàn)。

小米公司:

b5f34668ea9f6be5ce8324455c3a2560

小米手機(jī):

4a41b27be8e6a74363fc04764ac4faad

小米網(wǎng)站:

1d4dbf80c3285116a92a21ab64bfb396

今天看來(lái),小米的每個(gè)項(xiàng)目與品牌都完成了各自的使命與定位。然而故事剛開始時(shí),小米只是比較早懂得管理粉絲的關(guān)注力而已。

2d92d5cc2f8beba0d7627259f294d31e

小米手機(jī):

  • 永遠(yuǎn)的「產(chǎn)能不足」
  • 不斷豐富的產(chǎn)品線
  • 毫無(wú)規(guī)律的進(jìn)化路線

dd085770d9f01bedf7c757d1245514a0

小米網(wǎng)站:

  • 發(fā) F 碼、搶購(gòu)(定期吸引流量)
  • 招人(擴(kuò)大團(tuán)隊(duì))
  • 手機(jī)配件(手機(jī)殼、貼膜)
  • 小米周邊(兔子、書包、T 恤)
  • 貼牌的各種商品(鼠標(biāo)墊、電視)
  • 電子書雜志(多看)
  • 收購(gòu)整合的新產(chǎn)品(智能硬件)

反觀錘子官方網(wǎng)站,在線商城功能沒(méi)有加分反而扣分。

68d743019e1b7ab1689bc8b05c6c272f

錘子手機(jī):

  • 前期產(chǎn)能不足
  • 單一產(chǎn)品線

錘子網(wǎng)站:

  • 招人(公告、員工訪談)
  • 電子商城(手機(jī)配件、第三方周邊)

17bf93ed3df51bb06afbd559bbaafcc5

錘子官網(wǎng)在線商城:

  • 銷售商品屈指可數(shù)
  • 全站唯一整塊不支持 Retina 屏的板塊
  • 大部分商品實(shí)際上不可購(gòu)買
  • 前端實(shí)現(xiàn)奇葩,體驗(yàn)差勁
  • 入口較深,不認(rèn)可為主要業(yè)務(wù)

所謂小米模式:

e0c08e34cd4035c9b57f469e13583dac

所謂錘子模式:

d44c6b440ec0fa008dbc97265cb5274f

一樣的機(jī)遇與挑戰(zhàn),缺乏戰(zhàn)略眼光和人才的錘子,讓人感覺(jué)「沒(méi)愛夠」。

小米與錘子的「營(yíng)銷天分」并沒(méi)有相差太多,遇到相同的問(wèn)題,小米卻能通過(guò)持續(xù)制造尖叫的方式,不斷吸引甚至玩弄粉絲的注意力,來(lái)盤活新項(xiàng)目,拓展新領(lǐng)域。

錘子卻在相同的時(shí)刻,處理得僅僅就像是「危機(jī)公關(guān)」,一切都是在堵漏洞,而沒(méi)有創(chuàng)造性(或者哪怕是借鑒下小米)地真正解決問(wèn)題。

 

高手過(guò)招,點(diǎn)到為止。

上來(lái)說(shuō)了這么多「問(wèn)題」,是因?yàn)椤溉襞u(píng)不自由,則贊美無(wú)意義」,錘子的好其實(shí)很多人都是了解的,我重述一遍沒(méi)啥意義。

另外就是,我創(chuàng)業(yè)失敗了。目前正在找工作,關(guān)注老羅的還是比較多的,「噴一下」羅老師還是會(huì)比較能引來(lái)關(guān)注的,所以我們就「互惠」一下吧。如果讀者當(dāng)中有人能提供一個(gè)職位給眼里容不得沙子的產(chǎn)品經(jīng)理的話,歡迎給我郵件:hongsen.w 在 gmail.com。

另外,個(gè)別細(xì)心的讀者或許也要吐槽,為什么你也跟老羅網(wǎng)站一樣,明明可以文字寫的內(nèi)容,也靠圖片來(lái)顯示呢?那是因?yàn)檫@本來(lái)是一個(gè)可以當(dāng)面跟老羅講的一個(gè)幻燈片。后因見不上面,我就又轉(zhuǎn)制成了公開信了。

原幻燈片里還有附加內(nèi)容是我怎么看錘子的未來(lái)的,「(錘子)如何成為或不成為蘋果公司」和「如何看錘子手機(jī)的國(guó)際化之路,和小米是否有得一戰(zhàn)?」有興趣的同學(xué)就當(dāng)是彩蛋去下載吧。

 

作者: Jason2be

文章來(lái)源:強(qiáng)迫癥設(shè)計(jì)詩(shī)(微信公眾號(hào):OCDesigner )

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. ceshihyongli

    來(lái)自河北 回復(fù)
  2. ?? 我想問(wèn)問(wèn)老羅是咋回復(fù)你的 ?

    來(lái)自上海 回復(fù)
    1. 文案啰嗦那個(gè),人家的主語(yǔ)是Smartisan OS,那么大的字母你竟然沒(méi)看到

      來(lái)自上海 回復(fù)