去年那封公開信火得一塌糊涂，甚至驚動(dòng)到老羅，木想到今天作者又出新篇了，槽點(diǎn)依舊犀利，不過(guò)只有強(qiáng)迫癥設(shè)計(jì)師才找得到 >>>

　　[核心提示] ：文案啰嗦、前端奇葩、流程混亂和人才缺失，這位挑剔的設(shè)計(jì)師又有了新的槽點(diǎn)。

　　作者公眾號(hào)：OCDesigner，歡迎關(guān)注呦

　　老羅：

　　你好，又見面了。之前我介紹我說(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ī)避了。所以才有了新的這封公開信。

　　那封公開信：《給老羅的公開信!一個(gè)設(shè)計(jì)師關(guān)于錘子官網(wǎng)的吐槽》

　　一、免責(zé)聲明

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

　　二、使用環(huán)境

　　電腦硬件：MacBook Pro (Retina, 15-inch, Late 2013)

　　系統(tǒng)版本：OS X 10.10.4 (14E17e) [系統(tǒng)語(yǔ)言為中文]

　　瀏覽器：Safari 8.0.7 (10600.7.5)

　　所有截圖均來(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)的文字卻可謂是亂寫一通。

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

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

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

　　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ú)聊。

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

　　累贅的文案就像是多余的配音，開始有它是為了「搞笑」，之后有它卻「可笑」。上面的視頻中，王寶強(qiáng)在訓(xùn)練扣動(dòng)扳機(jī)時(shí)還自配音效，要說(shuō)相較于沒有音效的訓(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)在沒人愿意閱讀，尤其是反復(fù)閱讀。

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

　　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)槲幕町愋纬傻摹高纭雇ǔ２荒鼙缓芎玫姆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)了工作鏈條。

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

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

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

　　上面陳列的文字在排版樣式上幾乎可以說(shuō)是沒有任何奇特之處，通過(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ò)代碼「干干凈凈」的完成。

　　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ò)如此沒有技術(shù)含量的實(shí)現(xiàn)方式。

　　（三）流程混亂

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

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

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

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

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

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

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

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

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

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

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

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

　　相關(guān)部門不了解自己手中的可用資源有哪些，更不了解手中項(xiàng)目牽扯的項(xiàng)目有哪些。或者知道也不記得更新。

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

　　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)富。

最新評(píng)論