阿森納網站改版：一次負責任的再設計

張爭輝

倫敦機構Ostmodern公司和阿森納足球俱樂部再次攜手，重新設計了阿森納的網站。在專訪當中，讀者將了解到這個瘋狂的賽場是如何跨越那條邊界線的。

英超俱樂部似乎從最近開始才逐步肯定了數字市場對擴大球迷數量的重要性。

在此之前，這些俱樂部網站看起來似乎都是千篇一律的設計，外包給第三方提供商后沒有過多要求，這使得與這些精彩絕倫的賽事相齊名的部族認同感大打折扣。在如今這個移動化數字化普及的時代里，一個網站的成功與否直接會影響到你的雇傭支持者們的忠實度和粘度，甚至包括一些非支持者的青睞。

合作的開始

那些著眼于在全球范圍內塑造出知名品牌形象的俱樂部們，諸如曼聯和曼城俱樂部、切爾西以及阿森納，他們已經形成了第一陣營并已定制頂級獨立機構的服務去實現俱樂部的目標。

Ostmorden便是一家在該行業有著實戰經驗的創新型公司，其曾在2012年接受阿森納俱樂部技術合作伙伴Rippleffect公司的邀請，徹底的修復了網絡泡沫的存在。

如今視頻點播技術興起，在諸多知名公司（比如英國廣播公司、英國獨立電視臺第四頻道、EE、維珍傳媒以及澳式橄欖球聯賽）為客戶開發網頁媒體項目的背景下，Ostmorden這家全球二十強的公司當然也會有他獨到的優勢和技術。

“我們過去遇到的挑戰就是如何最有效的利用這些俱樂部提供的深層次內容，包括攝影、社論、球員簡介、元數據和視頻，并觀察編輯團隊是如何制作內容，以及他們的用戶群是如何使用這些內容，這是我們深入制作的關鍵所在。”項目負責人詹姆斯·坎伯尼（James Cambourne）解釋道。

這次Ostmorden的任務主要圍繞提升用戶體驗、引入一個可擴展的后端和為網站制定一個新的編輯策略而進行全方位的重新設計，所有這些需要在2013年2月以前完成。

為了使絕大多數的阿森納球迷滿意這次改版的結果，Ostmorden在阿森納官網做了一個設計日記全天候現場分析欄，邀請球迷們發表自己的意見。

找準切入點

當被問到此次項目是如何開始時，UX部門負責人理查德·拉莫斯（Richard Amos）這樣說道：“我們和阿森納俱樂部的友誼起始于2010年，當時他們邀請我們對網站的視頻點播服務進行重新設計，也就是現在的阿森納播放器。從一開始我們就不斷強調阿森納播放器只是對這個世界知名品牌重新定義的第一步，很顯然，我們正在使其內容輸出這一項發展到超越其系統內部其余所有部分的功能，之后把這移進阿森納的官網也是水到渠成的事情。”

從有機的進展和工作信任上來說，Ostmodern公司一直都是最完美最適合的那一個，通過更精細的感知，了解到顧客到底需要什么，從而使這些更廣泛的網絡力量重新恢復活力。“從技術角度來說，網站簡介只是一個進步，而非一次革命。但是從一開始我們的意圖就很明確，那就是我們的網站不能以任何非同尋常的方式存在。”拉莫斯繼續說道。“我們第一階段的工作目標集中在和阿森納官網相關的廣泛主題上。通過和編輯團隊一起共事，我們剖析了目前的編輯發行方式并制定了簡單明了的內容模型。這提出了報道內容應具有的廣度、深度和質量，并突出了現有網站基礎設施的復雜性和面臨的挑戰。

通過觀察我們發現阿森納官網的內容過于繁雜，應該簡化，而這也在阿森納的編輯團隊中引起共鳴。于是‘簡化就成了我們工作的切入點。”

作為現在網站上訴的中流砥柱，Ostmodern公司獲得的社論方面的欣賞，對這個團隊來說，無疑是一支強心劑。

資源和團隊的結合

促成這一內容成行將是至關重要的，就如拉莫斯所說，對實際工作流程的認識是非常寶貴的。“作為一個有著雄厚歷史的新聞公司，阿森納的編輯團隊和Ostmodern公司一起花費了相當多的時間，幫助我們了解他們的工作流程和編輯風格。

盡最大努力把我們提供的想法和現下的工具相結合，試圖達到目標的完美融合，這個是關鍵之匙。了解現有的工作流程是非常重要的，找出彼此需求和影響的契合點也是重中之重。對于網站我們都有自己的概念想法，很大一部分工作都是圍繞著早期概念闡述和理解彼此的目的進行。

隨著項目的發展，阿森納的網站經理和我們的Shoreditch工作室團隊在一起工作，這確保他能夠理解用戶的各方面需求，還能為我們的品牌修護和在新框架中創造出新品牌方面提供力所能及的幫助。

最重要的是，我們是一個團隊，我們一起負責整個網站的概念推出， 一旦網站如期所望推出成功，我們希望最終他能使這個角色獨立于我們而存在。”

確定編輯內容是關鍵，團隊可以深入了解反饋過來的關鍵信息，定期更新和編輯新鮮事， 以吸引瀏覽者再次登錄。

當它涉及到謠言或者傳聞，再根據反饋的信息來提供球員的其它狀況給有質疑的球迷們。“根據網站的數據分析，很明顯，新聞是吸引球迷一天內多次登陸阿森納網站的最優版塊。”用戶體驗設計師露西·修斯（Lucy Hughes）強調道。

忠實的支持者

對于網站現在瀏覽不佳的情況，制作團隊也沒有打算袖手旁觀。委員會將始終與阿森納俱樂部建立并保持一個長期合作伙伴的關系，并將繼續為未來的合作提供寶貴的經驗教訓。正如項目經理坎伯尼所說，像這樣的項目，一旦網站連接到了服務器，就不會結束。

Ostmodern繼續與阿森納合作改善網站，在嚴格的管理范圍之內，將提供一個可行的、完整的產品，在功能增減的同時而不影響功能的完整性。

“我們現在能夠重新審視一個連貫和完整的產品，改進并進一步加強它的內容、功能和特性。”坎伯尼說到“有了像這樣大的一個網站，對我們這家機構和阿森納這家企業來說，能從中吸取經驗教訓，對我們以后的工作都是至關重要的。為此，我們通過制圖分析和社會媒體的反饋，來選了解這些設計對用戶行為的具體影響，以及這將如何影響到我們未來的設計方向和阿森納的編輯團隊的不斷更新和使用該網站。”

坎伯尼表示，在概念方面，團隊想要呈現一個全新的報道方式，即把以前的實足博客式報道轉變為動態新聞報道形式。“這樣的話粉絲們就可以隨時隨地獲得報道的最新內容。通過建立俱樂部的每周計劃表和每年計劃表的對比模型，我們可以掌握阿森納所有經營業務的低潮期和未來動向。

通過這些，我們既能看到我們期待的新聞，比如俱樂部的裝置情況，又能獲得我們意想不到的新聞，比如傷病情況、爭議事件以及頭條新聞事件”。

“迷失在網絡中是很容易的事，為了獲得真實的阿森納體驗，項目小組進行了一場模擬。我們對發生在酋長球場內部以及比賽中的數據統計和新聞充滿了期待，”設計師修斯津津樂道的對自己的項目介紹道。“現在的挑戰是如何將‘蜂鳴器轉換成一種連貫高效的工具，方便俱樂部和球迷之間的交流溝通。

我知道我們擁有使球迷趨之若鶩的豐富內容，所以挑戰就是把它呈現出來，以使球迷們能看到最新的消息并能輕易地了解比賽的全過程。這需要我們不停地起稿、做原型，直到我們滿意才能呈獻給球迷們。”

專業的合作伙伴

由于阿森納俱樂部熱衷于提供一個干凈的具有創造性的平臺，這種偵測工作延伸到了網站的視覺效果上。“一次對球場細致入微的游覽使我們在現實中獲取了很多視覺素材，比如那些工業建筑、室內主題設計，甚至是整潔的廁所。”

Ostmodern公司的設計主管克里斯·蘭道爾（Chris Randall）笑著說。“最終的結果是一系列有關攝影、印刷、設計表格、色彩質地、文章格式以及數字語言的板塊。我們最初在印刷、攝影和圖形組件的整體平衡方面已經探索出一些概念性的路線。”

一旦這些核心想法獲得通過，團隊就可以解決前端構造的一系列問題。“交替變化是一個重要的因素。我們的方案必須對網站傳播和商業影響起到控制力和影響，同時又能適應跨越性平臺，”蘭道爾解釋道。“多種屏幕密度嚴重影響了我們的設計思路，所以一般情況下我們盡量會使用單一的CSS樣式。”

這里的一些經驗教訓都取自于阿森納播放器項目，這個項目試圖預測可能內容的重復，但被證明有局限性。之前設計用來確保一致性的內容模板，根據坎伯尼的測試結果，易變的單調化和差異化。

“最新的阿森納網頁框架正是解決這一問題的良藥。該網頁采用信息集群的模塊化格式，這就使社論能及時對團隊的重心和活動變化做出反應。

比如當阿森納的第一支團隊遭受了一連串重大失敗后，就會出現新聞的真空期。有了這樣的教訓，阿森納采用網頁框架來報道一年中的重大事件，相反傳統的規范性布局和體系結構則可能會使這個內容石沉大海。”

球迷在面對逆境時會表現得優柔寡斷，所以你對一個足球網站的目標客戶會持懷疑態度，擔心他們是不是一個堅定的用戶團體，這樣就會導致所有外觀、感覺和聲音的鋪墊都會白白浪費。在2013賽季的英超圣誕大戰和新年對決之后，設計師們就能在社交媒體的入口處獲取確定的消息了。

“我們決定將對編輯方法和網站設計進行全方位的改進，以期重振雄風。”坎伯尼強調道，“我們通過Twitter和Facebook來評估反應。有些球迷不喜歡這樣大波動的變化，但隨著人們發現并掌握這些新設計和新功能的優勢時，大家就會接受并喜歡上這些好的想法。”

經驗的形成

任何項目設計的絕大部分工作就是和客戶建立友誼。一旦這些進入軌道，那接下來的工作就是客戶解決方案。然而對設計師們來說，這經常意味著要進行一個未知的航行和一段發現之旅。

就目前Ostmodern公司的發展階段來說，凝聚力在這兩個階段都不可欠缺，正如被證明很有效的原型設計過程一樣。UX項目負責人拉莫斯詳細講述了當其測試開發時所實施的戰略。“一個單獨的構建和設計團隊之間所面臨的挑戰之一就是清晰地表達系統和交互設計的細微差別。反而會常使優秀的想法在傳達的過程中慢慢消失。不能清晰的表達想法常常是設計中最脆弱的一環，而并非是設計者無法提供好的創意。

“為了緩和這種情況，我們投入了大量時間去研制HTML（超文本標記語言）以及在Heroku（無需準備的部署服務）上運行的Python或Django（用Python語言寫的開源Web開發框架）數據驅動。這能讓我們在數據模型基礎上去實驗我們的核心概念。我們花費大量的時間去探索諸如‘話題這樣的數據源，以及與之匹配的內容。但這些目前還沒有展現。”

“我們可以測試用戶流量是如何在這些內容構架上運行的，并向技術供應商證明我們是如何設想這些數據出現在真實網絡上。我們也在設計‘巨型下拉菜單時經歷了嚴峻的考驗，即使這些想法在紙面上看來非常妥當，我們也會等到全部做好之后再和制作團隊進行深入并且清晰的溝通。”

（編輯：楊磊）