電子商務下一個戰場:行動端!該如何說服你的客戶了解行動網頁的重要?

Mark Reeves 身為網頁開發、諮詢公司 Clearbold 的創辦人兼網頁設計與開發者,他深知支援行動裝置這一塊越來越重要,也已經很熟悉轉換網頁內容的技術,不過要讓客戶知道支援行動裝置的重要性和價值,就比較有挑戰性。

網路專業的人都有義務傳達支援行動裝置的價值和重要性,這幾年,他都強力建議客戶做支援行動裝置的網頁,隨著智慧型手機、平板電腦或各種大小螢幕的使用人口劇增,支援行動裝置已經不只是附加功能而已,反而是目前網站設計最重要的部分。

不過多做網頁轉換的設計、跨裝置測試,甚至是把網頁導向行動裝置為主,這些對那些舊網頁觀念的人來說都沒有必要;而有些人或許知道支援行動裝置的重要性,也知道需要做這一塊,只是往往手上並沒有做傳統網頁以外的經費。

  • 從聽開始,找到客戶關心的重點再個別擊破

在有限經費下要找出支援行動裝置的辦法,Reeves 認為,要「從聽開始」。客戶帶來的方案不一定是他們真正需要的東西,聆聽客戶的需求與困難才能了解客戶企業的本質和狀況,然後再想辦法把支援行動裝置配到他們的原先的計畫裡。

Reeves 遇到的客戶典型分成四種,分別是資料取向、競爭者取向、費用取向,和特別有社會正義觀念的人。如何針對個別客戶關心的事務著手,讓他們了解網頁支援行動裝置的重要性與價值?

  • 類型一:資料取向客戶

每當要說服別人的時候,資料和數據就是最清楚也最客觀的工具,網路本身就是個有很多資料和數據的東西,所以要說服資料取向客戶做支援行動裝置的時候,就常常會提到以下的事實:

1. 在 Pew Internet 有研究顯示,美國境內有 55 % 的智慧型手機用戶會用手機上網,其中又有 31 % 幾乎都用手機上網。

2. QuirksMode 曾研究過,單單是智慧型手機(不包括平板)就占了網頁瀏覽量的 11 %。

3. Campaign Monitor 也說,人們在手機上看的 email 比在桌電上看的還多。

4. Technology Review 有報導過,2012 年的手機銷售量比 PC 還高。

5. 根據數據預測,美國在行動端的商務達成會成長 81%,達到 250 億美金

Reeves 也會跟客戶要 Google Analytics 的權限,拿資料跑數據出來,讓客戶知道自己網站的需求。如果遇到資料取向的客戶,拿出研究和數據就對了,讓他們看清楚行動裝置的影響力。

  • 類型二:競爭者取向客戶

如果客戶拿著很多競爭者的 Demo 來談,這對網頁設計者是再方便不過了,這意味者客戶已經設定好網站該有的樣子、訂立所謂成功的標準,那網頁設計者就只要把這些 Demo 研究一番,把好的集結起來再加強一下,放些使用者經驗的概念,大概就可以完成了。

如果沒有確切的競爭者,那就找同業中類似的公司,看看他們的網頁,再讓客戶以使用者的角度去試用別家網頁和自己的網頁。

同時要告訴客戶,行動裝置的使用者已經越來越沒有耐性了,如果使用經驗很糟的話,可能會影響對品牌的觀感,因此做好支持行動裝置也是鞏固品牌收入的一環。

如果客戶還是專注於和同業的競爭關係,就可以鼓勵他們優化網站表現,除了美美的網站外表,優秀的網站應該是一個快速載入網頁、簡單易操作的網站。

(左邊是採用響應式設計的版本,右邊則是沒有支援行動裝置的畫面,內容被擠壓且不易閱讀。)

  • 類型三:費用取向客戶

有些小企業的經費全來自老闆自己的口袋,無法像那些經費充足的企業一樣,在網站設計上有大刀闊斧的修改氣勢。這時候網頁設計者就要站在小企業的角度思考,小企業也不是要拗網頁設計,只是想在現實的困難和限制中找到可行的方案。

如果小企業尚有能力提高資金,那就向企業上層說明支援行動裝置的遠瞻性,響應式設計(Responsive Web Design)不是為 5 個裝置分別設計 5 個頁面,而是設計一個有彈性的系統,讓不同的裝置自動配合內容。

《TO》編按:「響應式設計」意指個網頁在電腦、平板、手機等不同裝置、不同解析度下,會呈現不同的介面形式,欲了解更多可見:http://fundesigner.net/responsive-web-design-explain/

即使是桌電螢幕也會因為大小而有不同的網頁排列,幾年之後,也許會有新的電視、新的 Google Glass、新的電腦技術會一直出來,若以傳統方式製作網頁,過不了幾年又要打掉重練,不如現在就做比較有彈性的響應式設計去支援行動裝置,多多少少免去碰到新科技就要修改的麻煩。

但如果小企業客戶真的沒有多餘的資金,卻又要支援行動裝置,套用已有的響應式架構,也許是個選擇,像 Zurb Foundation 和 Twitter Bootstrap 都很不錯,Zurb Foundation 4 甚至已經做成行動裝置為主的網頁了。

(桌電的大螢幕上,響應式設計的方格會照序排列顯示。)

對應到行動裝置上會變成單一方格排列的形式。)

  • 類型四:特別有社會正義觀念的客戶

上網已經是現代社會的基本權利和需求,而智慧型手機就是進入全球網路的最快的媒介。但很多時候支援行動裝置都是靠剝削內容做成的,可是這不是真正的支援行動裝置,過度省略的內容反而讓行動裝置使用者成為次等公民,得到的資訊硬是比其他人差了一截。

根據調查,美國年輕族群和非白裔族群使用智慧型手機上網的比率頗高,其中包含許多低收入或低教育家庭;在其他開發中國家,手機是普遍而且唯一的上網工具。如果支援行動裝置設計做得好,客戶網站的內容會更容易被世界看到。

忽視行動裝置不僅僅意味著忽視某部分的群體,同時也是限制許多人找工作、查醫療設施資訊或享受網路資源的權利,忽視行動裝置的重要性總有一天會導致族群歧視的問題,如果你的客戶對這種社會正義很關心的話,這些原因就可能促使他們做支援行動裝置的設計。

  • 行動裝置是重新開始的機會

也許有時候你會覺得網路上的種種很令人厭倦,不管是瀏覽器之戰就是 Flash 的問題,現在這個行動裝置時代卻像是一個 reset 鍵,全部重新開始,重新建構方便好用的網站,也為未來不同裝置間的資料流轉做好準備。

不過重新開始的這條路上還有很多事情要做,跨裝置的品質、更完善整體計畫和各個轉換的 Coding 都需要很多時間和努力;然而一旦克服跨裝置轉換的種種大問題後,設計和建構網站就相對容易啦,接下來的關卡,大概只剩把需求對應好、把網站做得更有效率了。

(資料來源:Smashing Magzine;封面圖片來源:Alvaro Rubioc, CC Licensed;內文圖片截自:Smashing Magzine