案例解說！
以體驗為主軸的「未來的官方網站設計」

最能幫助人了解一家企業的媒體，就是官方網站。舉凡查詢公司概要、該公司如何建立品牌及回應客服需求，甚至是徵才狀況、給予投資者的承諾等，在經營具備各式各樣功能的官方網站時，企業該提供什麼樣的用戶體驗呢？

2018年11月20號，Loftwork與株式會社FrameWorks Software，以及株式會社BIGLOBE共同舉辦講座。在討論三家公司案例的同時，說明何謂不只停留在單純更改設計層面的網站設計，逐步揭曉如何打造適合的基礎，藉以實現預期中的用戶體驗。

Loftwork的製作人濱田真一，在提及網站設計變遷時解釋：「到2012年左右為止，都著重於讓用戶視線隨著網站內的引導來閱覽，但如今面臨複數的客戶接觸點，開始變得更需要去思考該網站理想的呈現方式。」

此外，呈現出理想樣貌的方式雖然很多，但最重要的並非方法本身，而是對照課題、發布狀況，找出最適合的流程、關聯性，並落實到設計之中。

「意思就是，思考如何設計網站，也等同於在思考商業模式。」濱田如此說道，接著介紹了2個由Loftwork經手的網站翻新案例。並強調必須將網站定位為各種客戶接觸點中的其中一種工具。

濱田表示：「為了像這樣產生接觸點，近幾年的網站製作專案中，在進入定義要件、設計和美術設計前，趨勢研究、驗證假說、訪談、製作人物誌、溝通計畫等流程，變得更加重要。」最後，他還介紹了近期的網站製作專案流程。

緊接著，由Loftwork的創意總監‧木島千加子結合實際案例，說明以用戶體驗為主軸的網站設計、專案設計。她表示：「想將訊息傳遞給誰、傳遞什麼內容、為何想要傳遞出去？想清楚這些問題後再來進行專案非常重要。」並介紹了2個不同案的案例，分別是架構新網站的專案，以及改善原有網站的專案。

這是在新的大學成立時建構的網站。新成立＝還未訂定具體的用戶形象，面對不易接觸到預設用戶（考生）的課題，我們運用了2種研究方法，來訂定包含用戶體驗的網站概念。

＜桌面研究＞
由於勉強製作人物誌或用戶形象欠缺可信度，於是研究了用戶想從一般學校網站獲得的體驗。也調查選單、網站構造等類似的大學網站設計趨勢，統整出普遍的傾向。

＜訪談利益關係人＞
訪問大學校長、理事長等關係人，了解設立大學的原委和理念。將聆聽的結果整理成各項要點，決定該如何實踐於網站中。

「想要訂定網站的概念、方向性，絕對少不了溝通的環節。」這麼說道的木島，認為對話中都藏有提示，接著進行下列的說明。

「比方說，在訪問中出現了如果是Web媒體，希望能給人活潑的印象…等意見。這種時候不該反過來指正Web媒體和大學網站不同，而是要去思考對方為何會那麼想，仔細聆聽對方希望呈現出怎麼樣的網站，就能聽出對方真正想要的，描繪出網站理想的樣貌。」

「蒐集完大學網站普遍需要提供的資訊，加上仔細聆聽設立大學關係人的想法後，訂定出網站的核心概念。這樣即使在設計網站公開後擴張內容的想像，或是網站實際的架構時，也能保持一致性。」木島如此回顧。

這個案例是翻新後已使用2年的大學網站。此專案並非盲目地修正不好用的地方而已，而是考量到使用上的需要解決的問題，從量化/質化兩方面進行調查，掌握網站的現況，找出需要改善的地方。

＜量化研究＞
使用Google Analytics等網站流量分析工具，從數字評價網站翻新前後的變化。接著從關鍵字檢索等統計資訊，研究用戶對該大學感興趣的內容。調查是什麼引起用戶的興趣、關心，進而獲得日後內容企劃的靈感。

＜質化研究＞
將閱覽翻新後網站後入學的用戶（就讀中的1、2年級生）分成好幾組，招集他們，聆聽他們實際準備考試時，是在什麼狀況下接觸到包含網站的大學廣告工具，因此進入該校就讀。最後再將結果統整成報告，重新整理出考生對於網站內外的體驗。

木島表示：「重點並非針對特定問題做修正，而是確實評價翻新後的結果，再找出想要執行、必須改善的地方。為了提供更好的用戶體驗，不是從戶接觸媒體的方式下手，而是從統合廣告整體戰略了解訴求為何、訴求表達的方式來設計，並透過Web、紙本媒體、活動等方法，找出哪些部分應當進行更新。」

最後，木島提出2個案例的共通點，以這句話作為該段落的總結：「不該以想像或臆測決定設計和概念，要以事實為基礎。」

接著繼續介紹以體驗為主軸的具體網站案例，登台演講的是株式會社FrameWorks Software的代表董事 桝室先生，關於WebRelease2，他說明：「WebRelease2作為商用CMS，已被廣泛地被業界採用。雖然近幾年有許多導入的案例，但仍有轉換的需求。」

他接著將轉換的理由大致分為下列4項，進行具體的解說。

強化安全性
比方產生動態內容的CMS時，可以從外部進入管理內容的CMS本身，有可能會被懷有惡意的第三者攻擊。另一方面，產生靜態內容的WebRelase2，CMS本身就處於物理上被Web伺服器隔離的環境，不會有被非法入侵的可能。

免除開發失敗的風險
若自行從零開始開發CMS，由於沒有開發規則的制約，開發、設計的自由度非常高。但沒有限制的弊害，就是容易花費相當長的時間在定義要件，且很難避免機能過多。已經是成品的WebRelase2完全不需要自行開發，只要安裝好，即可完成製作網站的準備。

受限於特定的開發商，因此想要脫離
若是網站製作公司或Sler自己開發的CMS，導入CMS後，製作和開發皆無法委託給外部人員。最後將受限於特定的開發商，這也是導入後花費高昂的主因之一。相較之下，WebRelase2和多家提供製作或基礎架構的夥伴合作，不會受限於供應商，可以毫無阻礙地選擇翻新或開發的合作夥伴。

降低CMS的維護費用
使用開源CMS的話，導入時不需要付費即可取得許可。但每當有補丁或版本升級時，就需要確認外掛程式的運作狀況，甚至有時還需要追加開發新的內容。1次的花費雖然不高，但得配合每年多次實施的版本升級調整，其實也不乏維護費用因此變高的案例。就中長期的花費而言，能減少讓補丁合用的花費，同時擔保互換性的WebRelase2，可以降低更多維護的成本。

最後桝室先生針對翻新網站時，會想確認的CMS選擇標準，介紹依據轉換需求提出的6個重點。並以「不知該如何做選擇時，建議可以和接觸過多種CMS，且有製作經驗的夥伴討論」這句話，為這段做出總結。

在桝室先生之後上台的是BIGLOBE的小山先生，他以「追求速度x性價比」為題，介紹先前經手的株式會社DAIHATSU MOTOR官方網站翻新案例。

這是想要改變體制上，官方網站和商品資訊在同一個網域下營運的翻新專案。目標是依網站的核心概念，分別設定成營運方用、網站閱覽者用。

面對2種不同概念實施的翻新，採取兩段式的導入流程，首先朝多語言網站的方向導入CMS，接著再進行官方網站的導入。

身為使用者的公司內部，已檢驗過CMS是否為必備要件，在認同這點後，才正式進行導入。「WebRelease2的許可不論是增加管理的網站，或者是增加使用者，都不需要再投入新成本這點，在剛開始小規模試水溫時非常有幫助。」小山先生回顧道。

此外，為了藉由善用CMS促進公司內部自行更新網站，設計了結合「專用模板」、「泛用模板」的CMS，在維持簡便操作性的同時，也能製作出各種類型的網頁。

小山先生分析，翻新前所有內容都要外包處理的網站更新手續，變成在公司內部就能自行完成更新，網站操作的步驟也被大幅簡化，進而提升效率，同時也降低了使用成本，這些都是翻新成功的主要原因。

最後，小山先生提及，網站翻新會發生「從重視完成變成重視永續使用」的典範轉移。

接著說明：「網站剛翻新完時價值提高，但在那之後容易漸漸跟不上時代，所以翻新後要一邊思索新的起始點，導入用戶的需求、最新的技術或當下的趨勢，讓永續使用的系統平台變得更加完備。」小山先生強調，不是要求一個基礎架構下什麼機能都要提供，重要的是回應需求進行擴張，保持彈性對應各種變更，為本段做出總結。