Unlimited Wordpress themes, plugins, graphics & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Web Design
  2. Global Influences
Webdesign

牆內生存指南:中國的網頁設計現狀

by
Length:LongLanguages:
This post is part of a series called Web Design Across the World.
Big in Japan: Web Design in the Land of the Rising Sun

Chinese (Traditional) (中文(繁體)) translation by Quill Qian (you can also view the original English article)

隨著越來越多的西方的公司將注意力轉向中國市場,我收到了許多提問,大多關於如何為中國市場設計一個網站以及在中國開展電子商務的一些技術細節。在本文中我將回答那些最常見的問題。

首先,需要聲明的是

中國是一個特別多元化的國家。不同社會階層的差異是如此巨大以至於不可能簡單地使用“中國”或者“中國人”來概括。這種巨大的差異不僅存在於生活在像北京和上海那樣的大城市的人們與其他地區的人們對於新技術的瞭解,同樣也存在于對於“中國人”這個詞語的理解中。當我在這篇文章中提到“中國”時,它一般指代的是中國大陸,而“中國人”將主要指代的是生活在城市裡的中產階級居民。

也就是說,下面的內容完全基於我對於中國科技產業的經驗。考慮到我無法覆蓋到所有人各自獨特經歷,同時為了簡潔,我會做一些總體性的歸納。希望這些能夠有用。

誰可以在中國擁有一個網站?

只有擁有有效的中國公司執照的的企業才能夠合法地在一台中國的伺服器上架設網站,個人在中國大陸無法擁有一個自己的網站。而這一管控在主機層面上實現:所有架設在中國伺服器上的網站必須進行備案,獲取一個ICP備案號,主機服務商會在核准你的帳號時要求你提供ICP號。然而ICP號只提供給擁有公司執照的企業(譯者注:事實上個人能夠申請非經營性的網站,但同樣需要ICP備案,並且多數主流主機服務商都會提供ICP備案代辦服務)。法律規定網站的ICP備案號需要出現在網站主頁上,通常是在底部。舉個例子,翻到百度 首頁的底部,你可以在茶色的版權資訊邊上看到它的ICP號。

任何人都可以通過從其他國家的公司購買主機服務的方式來規避ICP備案,但是這會導致其他問題:

  • 架設在大陸以外地區的伺服器上的網站隨時可能被中國國家防火牆(以下簡稱GFW)封鎖(下文中將會提到更多關於GFW的情況)。
  • 訪問架設在美國或者歐洲的網站的速度會較慢。
  • 主機服務商通常需要中國使用者使用Visa或者Mastercard完成支付過程,然而它們在中國的普及率並不高。
  • 中國的網站管理員的需要使用英文的伺服器管理介面,這對於他們的英語水準有一定的要求。

對此最常用的解決方案是把網站架設在香港的伺服器上。香港的伺服器與大陸接近,被封鎖的可能性稍低,存取速度快,提供中文管理介面,不需要ICP備案,支付方面通常也支持從大陸進行銀行轉帳。

在牆內的日常生活現狀是怎樣的?

或多或少有一點令人討厭。

大多數主流的非中國的網站完全無法訪問。試圖訪問一個被封鎖的網站時通常會返回“該頁無法顯示”的資訊,其中的原因不對任何人公開。此外,它還有可能導致你的流覽器在大約三十秒內無法訪問任何網站。

有些網站被永久遮罩,例如Twitter、Facebook和Youtube,而有些網站偶爾會被遮罩(例如Mashable和Dropbox)。Gmail曾經一度能夠訪問,然而中國最近堵上了這個漏洞,它從2014年年中起被永久遮罩。

有些流覽器無法訪問的網站依舊能夠通過App進行訪問。例如,IMDB不能夠通過流覽器訪問,但是IMDB的iPad應用的所有功能能夠正常使用。類似地,我的移動設備能夠通過POP/IMAP的方式連接到我的Gmail帳戶,儘管移動設備上的流覽器無法打開Gmail的網頁端。對於網站和應用的封鎖變化的十分頻繁,以至於許多時候週五晚上喝一杯時的對話裡囊括了最近哪些網站的哪些訪問方式被遮罩了的內容。Instagram就在2014年9月29日因為香港的抗議事件而被封鎖,我十分懷疑他們是否還會解封。

在這樣的條件下如何工作?

三個字:VPN。 擁有一個VPN帳號對於所有技術辦公室來說是必須的,平常的幾乎不值一提。

對於非程式師們來說,VPN的作用大致上就是在你訪問目標網站之前首先連接到一個不會被遮罩的伺服器上,然後再從那裡訪問目標網站,從而避免本地防火牆的封鎖。例如你想訪問Facebook,但是它被牆了。所以你選擇要求訪問某個在澳大利亞的電腦,因為澳大利亞沒有遮罩Facebook,所以你能通過那台電腦連接到Facebook。這聽上去完全不合法,可能的確是違法行為,但是我猜測政府對於這樣的行為有一定的忍耐度:多數未接受足夠教育的民眾沒有能力設置一個VPN帳戶,並且由於英語水準的欠缺,他們也很難對外面更廣闊的網路世界裡發生了什麼感興趣。

中國的使用者是否知道他們的網路訪問受到限制?他們是否關心這一點?

我們再一次地回到了這個問題,哪些算是“中國的用戶”,大多數大城市裡35歲以下的中國人和大學學生十分清楚他們無法訪問大多數西方的網站,這也是網路上常見的話題之一。關於GFW網路上有許多怨言,但整體上是一種抱怨的語氣而非憤怒。這部分是因為多數流行的西方網站在中國都有替代品,當你有了 人人微信新浪微博的時候你很少有理由再去使用Facebook或者Twitter。

renren.com
My Sina Weibo Chinas Twitter user panel
我的新浪微博(中國版的Twitter)的使用者介面:

我們需要面對的現實是:GFW推動了中國科技企業的發展。

我和其他人一樣並不樂意承認這一點,我也不是GFW的支持者。但是GFW的確為本地初創團隊提供了巨額的利潤,對它們起到了孵化的作用。GFW給了中國的網站應用它們初期發展時所需要的足夠的時間和用戶基礎。那些本來會選擇使用更成熟的國外社交網路的使用者因為GFW而被迫使用國內的版本。就發展本地技術力量方面而言,這一措施卓有成效。

GFW的未來:它是否會倒下?

沒有人能夠回答這個問題,但是我會給出我自己的分析。我個人認為政府只有減少管制才能讓其良性發展而不影響中國經濟增長,阻斷本土的科技公司直面全球互聯網是一個巨大的錯誤。此外,今天對於網路有足夠瞭解的孩子們恰恰是未來的政策制定者。所以我認為隨著時間的發展,網路管制會逐漸減少直至至只遮罩一些色情內容和政治敏感話題。

但是誰知道呢?畢竟中國在歷史上並非沒有採取過不可取的激進的閉關鎖國的措施。

GFW會給網頁設計者和開發者帶來什麼樣的問題?

1) 完全無法使用Google API

你的聯繫頁上嵌入的Google地圖在中國無法被載入,Google fonts也是如此。除了Google Analytics之外,在任何你的網站上使用連接到Google API的代碼都可能導致整個網站無法正常使用。有時候它能夠完成載入,有時候則不能。

我們應該怎麼辦?Google API不久前才被遮罩,而百度地圖目前並不提供嵌入地圖的功能。我並不知道是否有任何人想出了一個標準的替代方案,我們目前使用的是一些開源的解決方案,例如OpenStreetMap。(譯者注:事實上百度地圖提供了相關的API)

線上字體的問題則可以通過存儲到一個不會被遮罩的或者中國國內的伺服器上解決-這樣我們就不需要連接到Google的API了。

2)嵌入的視頻無法載入

在應該出現你的視頻的地方會出現一個帶有哭臉的大方框。Youtube和Vimeo都會受到影響。

我們應該怎麼辦?我們可以存儲一份同樣的視頻在一個中國的視頻網站上,例如優酷或者土豆。然後我們可以寫一個腳本,根據使用者的IP來選擇所需要載入的視頻。

嵌入的線上字體和中文問題

啊,這是我最喜歡的話題。

所有人都想避免使用中國的四種標準線上字體——他們被濫用到了一種境界以至於設計師們看到它們都有點噁心。 我曾經寫過一個關於這個話題的帖子 ,現在我把大意貼在這裡:從技術角度來說,中文字體能夠和其他字體一樣使用@font-face嵌入。但是由於中文包含了太多 的字元,所以字體檔會變的異常大——每個字重都需要占到3到7兆。在載入的時候下載這樣一份完整的字體檔可以說是不切實際的。

直到不久前,對於這個問題只有一個不太理想的解決方案:如果你只想要使用少量特定的中文字元,你可以把這些字元放到一個精簡的字體檔中。顯然,這個方案對於CMS主題的設計而言並不具有可行性。

Google和Adobe最近發佈了中文線上字體(分別是(Noto中文思源黑體)。但是Typekit在中國的載入速度會很慢,而且中國國內的伺服器無法使用任何Google API。

Source Han Sans
思源黑體
Google Sans Hakka Chinese 100 weight
Google Noto Sans Hakka Chinese (字重為100)

這一問題在去年被Youziku.com解決。這是一個類似於Typekit的線上字型內嵌工具。他們有一套非常齊全的字形檔,並且可以存儲你自己設計的字體。如果你使用他們的雲端服務,每頁最多只能使用999個字元(同一個字元出現多次不會被重複計入字元總數)。所以如果你想要使用他們的服務,最好是盡可能地減少非標準字體的使用量——例如只在標題中使用。如果你需要突破這個限制,他們提供了一套可以在你自己的伺服器上完成處理過程並存儲字體檔的解決方案。

中國用戶和西方用戶對於UX方面的偏好有什麼區別?

沒有人喜歡過度複雜的設計。

在我們之前的問答裡, @jmshome 通過Twitter提出了一個問題:相比于極簡主義,中國人是否更偏好花哨的設計?

@wdtuts @tutsplus @kendraschaefer 我聽說他們更喜歡更花哨的設計,不喜歡極簡主義的設計。這是否是因為在UX的偏好上存在差異?

— James H (@jmshome) 2014/9/10

我收到過很多這樣的提問。這的確是一個非常常見的誤區。中國人和其他人一樣欣賞簡介的設計,並且我十分驚訝於來自香港Apogee的Daniel Szuc幾年前在一個會議上支援我的觀點時提到他們在幾年前就已經試圖挑戰這一觀念。根據我的個人經驗,中國人更傾向于將超極簡主義視作高貴——一個設計作品中字型大小越小,顏色越純,越乾淨尊貴,則更有可能會被認為是來自於奢侈品品牌的設計。

沒有人喜歡過度繁複。所以為什麼中國的互聯網看上去與之相悖呢?我認為主要源於對於網頁易用性的重要程度認識不足和抄襲的文化氛圍。中國網站裡有很大一部分都是在抄來抄去,一個人在某個網站上使用了比較重的設計獲得了成功,其他人便不願去在此之上做出改變。我的中國客戶們相比其他客戶而言更加不太樂意去踏入完全未知的領域,並且許多時候和客戶的會議都始於要不要複製競爭對手的網站的討論。這並非由於中國人的創造力低下,而是文化使然。在這裡,當你想要發佈一個新產品時,大家公認的最能夠保證成功的辦法就是選擇你的競爭對手已經走過的,被證明為行之有效的路,然後再在此之上做盡可能小的變化。

中國人還沒有習慣寬鬆的網格佈局

如果真要說在UX的偏好上有什麼區別,我覺得Bootstrap的大間距三欄式版式還沒能在這兒流行起來可能算一個。許多中國人認為30px的邊距太寬鬆,讓整個網頁看上去像散架了一樣。他們似乎更喜歡960.gs上那種間距稍小的版式。這不代表你不能夠讓你的客戶接受更寬的邊距,只是謹慎地提醒你這樣的設計再他們的接受度可能並沒有那麼高。

避免使用黑白頭像

我曾被一個問題困擾數年,那就是當我向中國客戶建議在開發團隊介紹頁面中使用黑白頭像的時候總會遭到拒絕。最終有個人告訴我了答案:黑白頭像通常被用在葬禮上,所以黑白的圖片一般代表圖片中的那位元已經去世了。好吧。

技術方面

作業系統

你可以選擇對此視而不見,但超過一半的中國互聯網用戶仍然在使用Windows XP,Windows 7以大約三分之一的份額緊隨其後,只有大約1%的人在使用iOS。當微軟停止對XP提供支援服務時,這兒的人們一片抓狂。你也可能會疑惑為什麼中國要努力開發自己的作業系統。不過幸運的是不是所有使用XP的人都在使用IE6(雖然直到2012年八月還有20%的用戶還在使用那個古董,天哪)

流覽器s

你知道嗎?截止到2013年9月,中國國內最流行的流覽器是你可能從來沒有聽說過的360安全流覽器,排在第二位的是IE,然後是一大塊“其他流覽器”。

如何應對中國的SEO?

在中國國內,替代Google的時一個叫百度的搜尋引擎/開發者平臺,它目前佔據了中國市場的最大份額。

就像所有的搜尋引擎一樣,百度的排名演算法不對外公開。但我可以說的是它主要為.cn的功能變數名稱和在中國國內架設的網站建立索引。所以如果你需要一個不錯的百度排名,你至少需要一個在中國國內的網站分支。

移動端現狀

移動端流覽量比桌面端流覽發展的更快這一趨勢在中國出現的時間遠早於西方,並且亞洲的移動入口資料絕對會讓你大感意外。移動端使用量是如此的大,以至於如果你的網站對於移動端並不友好,你會失去大部分用戶。如果想要瞭解中國移動端市場的最新發展情況,可以訪問中國互聯網觀察

微信

微信(也就是西方所熟知的Wechat)正在接近全球範圍內掀起一股熱潮。

微信
微信

微信是一個集合了其他一些社交網路的元素,主打聊天功能的移動端應用。它支援發送文字和語音進行聊天還有即時群聊。此外它還擁有一個類似於Twitter那樣的個人照片流、一些供用戶發現陌生人的特性和其他的一些功能。

微信公眾帳號

近些年來,微信開始提供公眾帳號,意味著企業可以使用微信向他們的訂閱者推送更新。當然,你需要一個中國企業執照才能夠申請。你可以從它的註冊入口 瞭解到更多資訊。

小結

總的來說,這一產業朝著非常良性的方向發展,除了可能會略微擔心隨時會有限制更嚴格的法律或者突如其來的上級的決定(例如政府使用了有效的對策來嚴格禁止VPN的使用)帶來釜底抽薪式的打擊。但請樂觀地相信這發生的可能性非常小。這裡是設計師們的新一片廣闊的天地,許多大城市裡的公司希望招募到更有才華的設計師,而客戶們也正越來越看重成品的品質而不再一味追求廉價和快速產出。祝願這樣的大趨勢能夠持續更久。

如果有任何疑問的話,就在評論裡提出吧!

Envato qr branded
关注我们的公众号
Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.