Twitter急需在不同的客戶端上保證用戶體驗和用戶界面的一致性(騰訊科技配圖)
騰訊科技訊(蘇格)北京時間3月17日消息,據(jù)國外媒體報道,Twitter于2012年年底向第三方開發(fā)者發(fā)出了警告:他們將很快拒絕主要開發(fā)者的產(chǎn)品通過API接入Twitter,從而將官方版手機(jī)應(yīng)用和網(wǎng)絡(luò)平臺作為用戶唯一的接入方式?梢韵胂,此消息一出立刻在開發(fā)者當(dāng)中引起一片嘩然——正是開發(fā)者們的努力,Twitter的平臺才得以不斷完善。但是,Twitter急需在不同的客戶端上保證用戶體驗和用戶界面的一致性——用戶和廣告客戶都將從中受益。
不管如何,Twitter的需求已經(jīng)很清楚。對于這個價值上億美元的品牌來說,它的Web平臺和移動應(yīng)用在設(shè)計上缺乏一致性。因此,其整體的體驗——發(fā)推、私信、收藏和轉(zhuǎn)發(fā)等功能——令人感到困惑。糟糕的體驗最終威脅到Twitter的廣告發(fā)布以及盈利能力。
事實證明,Twitter限制第三方的應(yīng)用是為上個月推出廣告API鋪平道路。Twitter的廣告API允許廣告客戶和廣告機(jī)構(gòu)直接在Twitter上插入廣告并展開大規(guī)模營銷。在一個極其多樣化的市場,頂級公司也會在不同平臺和設(shè)備上提供不同的客戶端,同時保持設(shè)計的一致性。這保證了不同的客戶端能充分利用不同平臺的優(yōu)勢,又能保證核心體驗的高度一致,使產(chǎn)品的流行推廣更容易實現(xiàn)。
每年,操作系統(tǒng)和設(shè)備的數(shù)量成倍增長——通常是在一個單一的產(chǎn)品周期內(nèi)——用戶體驗的一致性需要一開始就建立起來。導(dǎo)航、布局、圖標(biāo)等等錯綜復(fù)雜的數(shù)字設(shè)計只是副產(chǎn)品,創(chuàng)造性的設(shè)計流程才是關(guān)鍵,而且正確的開始和理念決定了后面的發(fā)展。
整體分析
人們對科技行業(yè)的高速發(fā)展津津樂道,也迫不及待地想把科技推向市場。應(yīng)用程序和網(wǎng)站的設(shè)計目的往往超越了這種短淺的期望。相反,技術(shù)應(yīng)該被看作是一種提升體驗和解決日常生活問題的工具。要利用這種科技進(jìn)步,我們的第一步就是要放眼全球,看清人們對體驗需要的趨勢。
用戶體驗研究與設(shè)計公司User Centric運(yùn)營主管加文•盧(Gavin Lew)表示:“創(chuàng)造東西不是設(shè)計東西。技術(shù)無法驅(qū)動設(shè)計。技術(shù)只是設(shè)計的推動者和墊腳石。”在產(chǎn)品開發(fā)方面,更底層的概念基礎(chǔ)(即設(shè)計目的)要求科技幫助其展現(xiàn)這個目的,而不是一開始就讓科技來決定設(shè)計的目的。
在國際領(lǐng)先的創(chuàng)意機(jī)構(gòu)Wolff Olins那里,技術(shù)被看作是一個展現(xiàn)內(nèi)容的大門。創(chuàng)意總監(jiān)麥克•阿賓克(Mike Abbink)說:“因為我們飛得高看得遠(yuǎn),我們知道科技可以改變未來。我們的團(tuán)隊先著眼未來,然后才上路。之后,科技可以幫我們解決各種各樣的問題!盬olff Olins有能力為所有設(shè)備提供設(shè)計,那是因為他們一開始就著眼最合適的設(shè)計,然后按設(shè)計思路前進(jìn)。
最終,一系列的目標(biāo)——產(chǎn)品可以做什么;客戶端可以怎樣使用;解決什么樣的現(xiàn)實問題——可以在實際的使用中進(jìn)行檢驗。紐約的交互設(shè)計機(jī)構(gòu)Fry公司執(zhí)行創(chuàng)意總監(jiān)凱文•梅辛(Kevin Messing)說,所有平臺都是基于一個共同的數(shù)字化戰(zhàn)略而建立起來的!耙〉贸晒,任何界面的功能和用戶體驗必須與總體的品牌和消費(fèi)體驗保持高度一致。所以,我們的設(shè)計基于品牌和消費(fèi)體驗,然后將其它東西提升到與這些體驗相同的水平。”
組織你的團(tuán)隊
有了這種全局觀之后,在處理各種設(shè)備和系統(tǒng)之間的細(xì)微差別時,設(shè)計師或設(shè)計團(tuán)隊必須保持對接,保證在不同的設(shè)備和系統(tǒng)上(甚至在其發(fā)展的不同階段)建立起平行的用戶體驗。設(shè)計上的對接使不同的設(shè)計人員能夠保持同一個設(shè)計策略,同時又能利用不同平臺各自的優(yōu)勢,無論這些平臺是web、iOS、Android,還是iPad。
阿賓克的設(shè)計項目常常涉及數(shù)字策劃師、品牌咨詢師、UI設(shè)計師和內(nèi)容策劃師。他表示:“在設(shè)計的內(nèi)部保持對接非常重要。我們要解決的更大問題是為所有這些事情設(shè)立一個戰(zhàn)略。同時,要確?蛻舳松厦總用戶的體驗和我們的團(tuán)隊對產(chǎn)品的理解是一致的!
阿賓克所指的“對接”也需要面向未來,這意味著設(shè)計的視角要基于對未來的平臺、操作系統(tǒng)和設(shè)備的理解。他解釋說:“對我們來說,關(guān)鍵詞就是前景——能看到前景。因為如果你有遠(yuǎn)見看到未來,你就能提早做好準(zhǔn)備。有了先見之明,你就能夠更變得成有戰(zhàn)略性,知道如何使用科技和不同的平臺來滿足對創(chuàng)意的需求!
梅辛說:“我們鼓勵客戶設(shè)計和他們主要網(wǎng)站一樣的手機(jī)網(wǎng)站和平板網(wǎng)站。即使手機(jī)和平板電腦的版本要在未來才上線,但最好同時把它們也設(shè)計好。通過研究當(dāng)前的用戶數(shù)據(jù),我們能預(yù)測未來的用戶和設(shè)備的滲透率和使用率!
至始至終的理念
當(dāng)你想要的體驗,以及搭載這種體驗的設(shè)備和系統(tǒng)已經(jīng)被篩選出來,那你可以開始考慮用戶體驗和用戶界面的設(shè)計了。這通常是與用戶流程或使用路徑有關(guān),在不同的平臺上也有不同的情況。阿賓克說:“我們要篩選想要實現(xiàn)的項目。第一步是定義各個項目的功能,比如用戶如何解決一個問題;在什么時候和在哪里解決;我們希望用戶通過這個功能實現(xiàn)什么樣的結(jié)果;這個平臺有什么特色的功能?”
加文•盧指出:“對于PC端很重要的體驗,可能在移動端上顯得很次要。相比在家里上網(wǎng),用戶在辦公室、汽車、街道或機(jī)場里上網(wǎng)所期望的體驗不一樣。了解這些差異對于實現(xiàn)直觀化的用戶體驗十分重要!
例舉說,報業(yè)媒體《今日美國》是Wolff Olins的客戶之一,而Wolff Olins為其設(shè)立的目標(biāo)是提升數(shù)字出版物的競爭力,同時保持其傳統(tǒng)印刷媒體的身份。這需要對品牌推廣、網(wǎng)頁設(shè)計、平面設(shè)計以及市場營銷有深刻的理解。印刷版本對布局的要求很高——比如,金融版塊采用了信息圖表的形式——而網(wǎng)絡(luò)版需要充分利用網(wǎng)絡(luò)的優(yōu)勢。例如,在全國橄欖球聯(lián)盟(NFL)賽季中,《今日美國》網(wǎng)絡(luò)版開設(shè)了一個Fantasy Football的版塊,網(wǎng)絡(luò)用戶可以體驗到交互式的內(nèi)容——這對于印刷版本來說完全不可能實現(xiàn)。在這期間,品牌身份在印刷版和網(wǎng)絡(luò)版上同時得到升級。
梅辛解釋說,在Fry公司,用戶體驗和用戶界面分別由一系列“無形和有形杠桿”來實現(xiàn)。雖然用戶體驗和用戶界面有不同的內(nèi)部流程,他們?nèi)砸_保體驗與界面相互配合和遵循。
在用戶體驗方面,梅辛和他的團(tuán)隊會提出以下問題來引導(dǎo)自己:
- 界面給你的感覺和這個品牌給你的感覺一樣嗎?
- 界面呈現(xiàn)出與品牌相同的特質(zhì)嗎?
- 用戶是否會得出一個結(jié)論“是的,我用的就是這個牌子”?
在跨設(shè)備的用戶體驗上,梅辛和他的團(tuán)隊會問:
- 不同設(shè)備上的界面使用相同的術(shù)語、標(biāo)記和分類嗎?
- 對于相同的功能操作,不同的界面是否使用相似的互動效果?
- 不同的界面是否使用相同的視覺語言或圖標(biāo)、指導(dǎo)性插圖和配色方案呢?
- 用戶是否會說“是的,這感覺很熟悉,我知道如何使用這個”?
能回答這些問題就能達(dá)到一個目的:在不同設(shè)備上實現(xiàn)用戶體驗差異化,同時又保證了用戶對產(chǎn)品的理解的一致性。梅辛說:“你不能單純地把內(nèi)容和功能混和在一起,然后提供給用戶。而且,內(nèi)容或功能本身有時候要按照設(shè)備的特性做出相應(yīng)的改變。”
梅辛舉例說,對于服裝品牌Lilly Pulitzer和鐘表生產(chǎn)商Tourneau來說,它們的最終目標(biāo)是相同的:提高銷售業(yè)績。但Lilly Pulitzer是一個低端的服裝品牌,消費(fèi)者可以在網(wǎng)上瀏覽,而Tourneau是一個高端的鐘表制造商,消費(fèi)會在購買之前親身參觀一番。在這兩種情況下,網(wǎng)絡(luò)端、手機(jī)端和平板端的功能都差不多,但需要重新考慮設(shè)計元素——在很大程度上是導(dǎo)航功能——同時又要保持一致的呈現(xiàn)效果。
因此,F(xiàn)ry公司為它們立下了兩個不同的設(shè)計目標(biāo):Lilly Pulitzer著重網(wǎng)上銷售;Tourneau則著重吸引消費(fèi)者與銷售代表見面。為此,Lilly Pulitzer電子商務(wù)平臺充分利用了其品牌特有的視覺氣質(zhì),比如形式各異的印刷效果,并允許用戶進(jìn)行排序和分揀,然后將用戶一步一步引向消費(fèi)。相反,F(xiàn)ry公司為Tourneau創(chuàng)建了一個“虛擬盤”,類似于那些在珠寶店的擺設(shè)。然后,用戶的體驗如同逛實體商店一樣有趣和真實,最終被引導(dǎo)與銷售代表安排見面預(yù)約。
在以上案例中,高度可視化的界面和虛擬托盤等設(shè)計元素都推動用戶走向一個特定的目標(biāo)。通過預(yù)先設(shè)立這一目標(biāo),F(xiàn)ry公司在iPad上為Lilly Pulitzer提供強(qiáng)勁的視覺體驗,最終Lilly Pulitzer50%銷售轉(zhuǎn)向iPad平臺。而Tourneau的網(wǎng)站內(nèi)容和易用性經(jīng)過Fry公司的優(yōu)化后,其流量也提高了140%。
Twitter的未來
盡管開發(fā)者對Twitter的限制一片嘩然,2014年,即Twitter發(fā)布廣告API一年后,Twitter預(yù)計將實現(xiàn)10億美元的銷售額。除了不斷增長的用戶群,用戶體驗的一致性保證了廣告客戶的投資回報。
Twitter和其它網(wǎng)絡(luò)公司接受這個挑戰(zhàn)有兩層好處:用戶從良好的體驗中獲益,而網(wǎng)絡(luò)公司也因為更多用戶使用它們的網(wǎng)站而獲益。界面的設(shè)計理念一開始就是虛擬而意識形態(tài)化的,首先設(shè)立最終目標(biāo),然后確定哪些技術(shù)可以引導(dǎo)用戶走向這一目標(biāo)。最后,為不同的設(shè)備或操作系統(tǒng)提供差異化的設(shè)計——即按照PC、移動和平板的不同特性提供不同的體驗。
如果理解了這個設(shè)計理念,那Twitter的需求也顯而易見了。加文•盧說:“對比一下Facebook對API的限制,以及MySpace六到八年前開放性的混亂用戶體驗。兩種方式都有其優(yōu)點(diǎn)和缺點(diǎn),但最終鎖定的方式勝出。Facebook現(xiàn)在有它自己的問題,這是一個成功的策略!
他繼續(xù)說:“有些人可能會覺得這些限制顯得礙手礙腳,抑制了競爭和阻止了網(wǎng)絡(luò)的均衡發(fā)展。這有時候是對的。但是,很多公司認(rèn)為這值得犧牲。因為無論我們是否喜歡這些限制,它最終會讓用戶體驗更加好!