注：本文來自國外網站的一篇文章，該文章寫的非常精彩，分析2015年中國網站設計的發展趨勢，是近幾年第一次看到有國外的網站這樣介紹國內的網站的文章，深刻的意義在于，看來中國的崛起絕對不是僅僅的其他方面，網站設計方面也開始有了不同的市場，希望我們這些在國內從事網站建設的同行們，繼續努力，翻譯有限，有些不是很通順，但大概意思，我想應該是可以看明白的。以下位相關內容。原文章地址：http://dwz.cn/Cp7Xz

網絡產業和中國飛速的變化:一方面,很難保持手指的脈沖。 但添加兩個在一起,你得到中國的科技,虛擬景觀在不斷地變化,我們同步的唯一希望是未來當我們能力,嘗試辨別什么是未來,做好的影響。

別搞錯:?中國的網絡是在某些方面比web你習慣不同的地方?——尤其是在兩個或三個至關重要的方面——和用戶的期望是不一樣的。 在這篇文章中,我將研究所有web專業人員應該知道的東西跳進入中國市場之前,包括如何只用手機社交平臺已經成為中國網絡的革命性的新前沿設計,和世衛組織今天在中國設計漂亮的網站。

一個新的典范

指出正確的方向,我在看到停了下來?軍刀鄒?每天設計前沿。 軍刀是創造性的主管?邏輯設計?北京多學科數碼影像工作室,概念AnimalsAsia的網站?探索Moonbear?之一,視覺上最雄心勃勃的桌面網站,和只有一小撮之一中國制造網站接收Awwwards”夢寐以求的識別?網站一天?。“那么,你覺得中國的支持響應設計方面的進展?”

軍刀聳聳肩對我,就像我問錯了問題。 “沒有很多響應網站在中國,為不同的設備大多數客戶喜歡單獨的網站。 在響應方面,我們真的不與web那樣;我們不認為桌面網站的"母艦",甚至作為一個升級版的流線型的移動網站。 實際上,大量的中國企業是完全繞過桌面體驗。”

我不知道為什么花了這么長時間的所有證據盯著我的臉,我的西方的角度來看,但劍的話終于做到了。 總范式轉變:我們在這里,拍自己背面來穩定的移動先行”的方法,但在中國,手機不是視為一些不可避免的和廣泛的產物的桌面瀏覽了它自己的生命。 他們分開,他們一直是獨立的,和今天桌面越來越高等,潛在的可選平臺。

先移動嗎? Puh-leez。 中國已經是只會移動

你聽到它所有的時間,你已經聽到它多年來:中國移動使用的數字是屋頂。 早在2010年,?尼爾森的報告?“移動消費者在中國已經超過美國同行時使用的設備訪問互聯網。 ”,市場越來越大。 一個?2014年7月從下一條?增加了群媒體大肆宣揚,真相:

中國用戶通過手機訪問互聯網增長83.4%的2014年6月,首次超過了通過電腦訪問互聯網的用戶的百分比(80.9%)。

“但在西方世界,人人都有智能手機,“你的想法。 你有一個,是嗎? 你可能不知道有誰沒有,所以很難想象一個增加飽和度水平或想象的區別中國使用和不使用可能是巨大的。 有,但是我認為,不同的是明顯不是移動用戶的數量,而是水平的?mobile-centrism?。 一些統計數據支持這一理論,但他們不封裝的故事,坊間證據的方式,所以讓我提供一些,根據我自己的經歷:

• 在中國,你的移動電話號碼是幾乎一樣重要在美國社會安全號碼。 如果你失去你的手機號碼,你也無法挽回失去電子商務賬戶的訪問權限,數字錢包,社交網絡賬戶(直接綁定手機號碼)等等。 正因為如此,人們十分小心,經過正式的過程將其數量與他們的政府狀態ID來防止身份盜竊,保證簡單檢索的SIM卡丟失或損壞。

• 大多數網站在中國使用手機號碼,而不是一個電子郵件地址作為主要的登錄標識符和主密碼恢復工具,特別是有關電子郵件以來沒有在中國幾乎飽和,它在西方。 可以看到北京網站建設公司的首頁，除了QQ客服，就是400熱線以及本地電話，都是本地需要的！
  
  Password-retrieval過程?taobao.com?中國最大的和最受歡迎的網站之一,:“請輸入您的手機號碼/用戶名/電子郵件地址。 ”(?查看大版本?)

• 對某些中國數字錢包,讓用戶掃描二維碼立即支付任何東西,從一個城市出租車向點播電影,一個盛大的晚餐付款是一個單一的步驟。 他們甚至不需要輸入密碼或驗證以下購買300元人民幣(人民幣)左右(約50美元)。 情況就是這樣,偷來的手機一樣糟糕偷了錢包。

• 世界銀行的數據?表明,2011年,中國是搖擺69機動車輛(汽車、卡車和公共汽車)每1000人。 與美國比較,768年每1000人同年,你可以想象有多少ccxcn.com中國每天乘坐公共交通去上班——這意味著長時間的盯著手機屏幕,試圖忽略你對面的女士挑選她的耳垢。

文化完全手機友好,難怪許多公司感到安全把他們放回桌面,創造經驗完全使用手機,沒有desktop-friendly等價。 這些經驗有一個名稱——“?光的應用?”——而且他們迅速成為最受歡迎的方法之一與消費者互動。

輕應用

網站2010年是如此。 2015年,中國公司正在構建光應用程序,或?輕應用。 光應用是一次性、zero-download超定向迷你站點,通常與HTML5(通常是動畫)。 哦,當然,他們有一個專門的網址,他們會在桌面瀏覽器中加載如果你絕對堅持,但是他們可能會看起來可怕的桌面屏幕上。 在某些情況下,他們甚至不函數在頁面加載之后,考慮到其中一些需要啤酒來導航。

應用程序是專為果蠅的注意力。 它們通常單頁,單個消息,打算一次性。 換句話說,用戶將打開一個應用程序一次,翻閱它,理想情況下將它傳遞給朋友通過移動共享,然后再也不會看了。

應用程序在野外

生活應用?是一家中國公司,專門從事光應用的發展,并廣泛范圍的組合證明了光應用的許多應用程序。

下面是一個小中國光應用的抽樣。 有兩種方法來加載這些在你的手機上:中國的方式,是用你的手機掃描二維碼,自動負載網站,或陳腐的非中國的方式,這是遵循URL鏈接在你的手機上。 如果你試圖訪問這些桌面瀏覽器,他們可能負載,但他們不太可能工作得很好。 我鼓勵你去嘗試加載直接在任何桌面瀏覽器url完全了解如何開發應用程序忽略了桌面。

光品牌可能會創建一個應用程序共享一個年度財務報告,這樣從獵豹移動(?掃描二維碼?或直接轉到URL?):

獵豹移動走用戶通過其企業財務狀況在這種情況下應用程序。

這一個,從緊急移動,小覓制造業大國是招聘(?掃描二維碼?或?直接轉到URL?):

小米的光應用看起來招徠合格員工。

這樣的一些光應用慶祝公司的里程碑,為聯想的30周年紀念日(?直接轉到URL?):

聯想慶祝“30年的記憶,”光app-style。

提前一些激起興奮的電影,這樣的瑣事游戲,測試用戶的知識的中國導演姜文的電影(?直接轉到URL?):

“你是一個真正的姜文迷? “問這trivia-related光應用。?查看大版本?)

然而其他人解釋特定的新聞故事,這樣看著黑暗的2014年中國新聞網站網易(在航空?掃描二維碼?或?直接轉到URL?):

??????????????????????????????????????????? 這光從網易應用程序需要一個痛苦的看2014年的災難。 (?查看大版本?)

想要更多的中國光應用嗎?

記住,因為光的應用程序通常用于短期使用,這些網站的鏈接將會降低。 幸運的是,總是上漲。 光看到更多的例子應用程序?LiveApp的投資組合頁面?或在?品牌社會頻繁更新的列表(最好裝上電話),或者查看?手機文章數字?,常以演示光的應用。

行動呼吁“分享”,而不是“買”

去光應用序列結束時,用戶通常敦促只分享——直接或明顯的鏈接貨幣化是罕見的。 但與大多數西方移動共享功能,通常給用戶選擇分享在任何他們喜歡的社交平臺之一,中國光應用只麻煩按用戶共享一個網絡:一個是經常光顧的超過83%的中國移動互聯網社區,但在西方主要是討論有關。

WeChat:驅動光應用革命幾乎每月5億活躍用戶

中國“5.27億的移動互聯網用戶,根據中國互聯網絡信息中心,和4.38億年的WeChat”(謝謝,科技在亞洲?)。 這幾乎是在Twitter上月度活躍用戶的數量增加一倍。

雖然你可以詢問你的非中國聯系人是否更愿意通過電子郵件聯系到,Google +,Twitter、Facebook或短信,從歷史上說,社交網絡分裂不是中國的難題,和“達到你的最佳方式是什么? “不是中國的問題。 這并不是說只有一個社交網絡,但無論其他平臺,通常總是有集中,幾乎普遍傘網絡,占據了休息在任何給定的時間,鏟起用戶最多的國家。

早在一天,騰訊的網絡?QQ?。 然后,這是新浪微博(中國版的Twitter)。

QQ國際的管理面板(?查看大版本?)
我的新浪微博(?查看大版本?)

說,“但微博劍”,已成為一個地方,人們去閱讀新聞和被動消費信息。 這并不是真的和以前一樣社會。”

在今天的中國,網絡?今日特色的?是騰訊的?wechat?中文名字叫楊偉鑫,本地(微信)。 WeChat成立于2011年,是一個mobile-app-only網絡,結合短信的功能(語音和鍵輸入)、群組聊天、facebook飼料和時間表(稱為“?時刻?孤獨的人鬼混”),(WeChat“附近”功能列出所有用戶的物理距離你的位置)和emojis很多。 也許最感興趣的網頁設計師和開發人員,它也有一個本地瀏覽器和為開發人員提供了一個API。

朋友WeChat時刻擁有一個很北京討論空氣質量差。 (?查看大版本?)
WeChat的“發現”功能(?查看大版本?)
WeChat的錢包(?查看大版本?)

杜Haihang?,也知道他的英文名字Seah,是數字創意設計師和開發人員專注于品牌和先進的互動體驗,和首席設計師?激活NODEPLUS?總部設在上海,尖端的網頁設計工作室。 像軍刀,Seah十分重視創造性的實驗,他是唯一的中國設計師獲得兩個獨特的Awwwards認識。 廣受贊譽的本地及國際設計專家,Seah是大腦中負責一些最創新的創造性工作來自中國大陸的今天。

杜Haihang是?最近采訪了?澳洲公平工作委員會。

三四年前,品牌大預算花在Flash競選迷你網站,但不是今天。 今天,這些預算一直在搬到WeChat智能手機。 變化始于死亡的Flash和iPhone的開始繁榮,和網頁設計的趨勢在中國自然隨之而來。?如果你的網站在這里吸WeChat,市場上是沒有意義的。

光應用和WECHAT

WeChat很受歡迎,光的應用程序是專為WeChat幾乎總是優化的本地瀏覽器,和“分享WeChat時刻”是總的來說唯一的行動呼吁光應用的接口。

“我閱讀大量的文章由非中國移動開發人員已經在多個瀏覽器來測試他們的工作,“WeChat專家托馬斯?Graziani說北京社會營銷公司的創始人?散步聊天?,據我所知,第一個商店專營tailor-developed WeChat解決方案尋求進入中國市場的外國公司。 “在中國,我們只需要測試光應用WeChat瀏覽器,如果它在那里工作,我們好去。 這就是通用平臺。”

盡管騰訊的管理界面WeChat只有在中國,托馬斯的團隊打開了這些黃金蓋茨不說中文市場建立一個多語種WeChat帳戶管理員面板(目前可用的中文和英文,但很容易可翻譯其他語言),會談WeChat的API。 托馬斯解釋說:

公司操作只在WeChat高興構建的經驗,因為他們得到那么多數據用戶比標準的移動網站。 當用戶訪問你的網站通過WeChat瀏覽器,你看到他們WeChat ID,如果他們在WeChat跟著你,你可以看到7分的數據對他們:WeChat ID、昵稱、個人資料圖片,位置(市),主要WeChat語言,性別和日期后,當他們開始帳戶。 這使得公司能夠嚴格目標營銷的大門,尤其是性別和地理變量。 最重要的是,“WeChat注冊”支持HTML5游戲開發商為用戶定制經驗,與他們的昵稱和概要文件的畫面。

QR碼無處不在

二維碼:有趣的10分鐘,然后他們開始?殺害小貓?嗎? 在其他地方,也許,但是QR碼是中國數字的小羅伯特·唐尼:他們搖搖欲墜的地面上一會兒,但現在他們的可樂,又殺回來了,為自己的業務做得很好。 在打印他們無處不在,但包括QR碼在桌面web布局和電視廣告也是常見的,允許用戶直接從屏幕上掃描到他們的移動設備,像?這光應用節日卡片?設計的激活Nodeplus Seah:

掃描二維碼與您的移動設備來探索應用圣誕賀卡。

掃描一個桌面屏幕可能聽起來奇怪,但這是一個在中國常見的用戶行為。 再次,因為WeChat無處不在,你基本的二維碼,直接關系到一個企業最典型WeChat賬戶,用戶可以遵循,或光WeChat的原生瀏覽器中加載應用程序。 QR碼WeChat經驗提供一個入口點,可以經由非移動媒體,如平面廣告、名片和網站頁腳。

很難過分強調的重要性WeChat支持二維碼在中國的崛起。 WeChat帶有一個內置的QR掃描儀,和代碼掃描,掃描儀可以以多種方式與WeChat——鏈接到光的應用,用戶帳戶,直接在WeChat瀏覽器的url加載,支付系統,讓用戶即時轉賬彼此通過WeChat錢包,和無休止的其他應用程序。 很多廣告別煩闡明公司的URL——他們只是簡單地顯示一個二維碼,和用戶掃描訪問公司的著陸頁。

需要一些花瓶嗎?

二維碼在Taobao.com的頭是封頂的標題“漫步在淘寶移動。
二維碼的頁腳?tbclub.net?為中國設計,網站集體,直接向其WeChat賬戶鏈接。
桌面的主頁?支付寶?(英文名,支付寶),中國的貝寶,共有五個二維碼:一個“通過二維碼登錄”功能在登錄框,以及一個二維碼在一年的四個旋轉旗幟。 Yowza !
中國最大的保險公司之一的頁腳,?平安?,有兩個二維碼:一個手機網站,另一個用于其新浪微博賬戶。
的頁腳?中海油石油?WeChat二維碼。

我們可以做到這一點。

將它們放在一起:QR-CODE-TO-WECHAT LIGHT-APP就餐體驗

在受歡迎的table-BBQ連鎖餐廳?Henjiuyiqian?(很久以前),該黨饑餓人群的達爾文的穴居人裝飾、電子堵塞和track-suited等人員,首次食客要求掃描二維碼并按照餐廳的菜單上WeChat帳戶之前訂購。 然后,服務器要求看到Henjiuyiqian的光應用的數字會員卡問題需要每個WeChat追隨者。 卡讓食客直接折扣,當他們支付他們的賬單,他們收到一條WeChat消息詳細的收據。 如果有一個漫長的等待搶座位,類似的應用程序是用于管理名單:在到達客戶掃描二維碼,然后可以自由漫步。光應用程序發送一個WeChat通知當一個表是免費的。 托馬斯解釋說:

而服務WeChat賬戶持有人通常是有限的次數可以推送消息,每個月,如果一個追隨者伸出手與一個服務帳戶在過去的48小時內,服務帳戶可以直接聯系該用戶發送“客戶服務消息。 ”,因為WeChat發布了自己的電子錢包,客戶可以支付服務立即通過自己的賬戶。

Henjiuyiqian消息就像我離開我一份法案。 (?查看大版本?)
我Henjiuyiqian WeChat會員卡(?查看大版本?)

這一切并不是說桌面已經完全消失的恐龍,但我相信如果桌面網站在中國將會有真正的價值,他們將需要大屏幕工作的薪水通過特殊用途或特殊的美。

中國網絡排版還是高新技術

中國網絡的美化溫和阻礙了困難超越實現多達四個標準中國網絡字體和字體la @font-face。 依賴這樣一個有限范圍的選項是一個可怕的恥辱,因為山上充滿性感中文字體乞討來顯示博客標題。 你可以閱讀?我反復地說在這?在長版如果你有興趣,但問題是,中文字體的基本性質是巨大的,由成千上萬的字符(想想20000符號),和3 - 7 MB通常太笨重的嵌入字體文件因為他們顯著減慢頁面加載時間。 所以,直到最近,它看起來像動態?語標的?接口將沮喪地踢罐子在后院基于日耳曼語言設計嬉戲在灑水裝置。

隨后,?Youziku?、臺灣Typekit-style動態中文字體的解決方案。 Youziku抓住文本字符串發送到服務器或本地托管腳本,使得他們并返回產生的文本。

Youziku?中國的字體庫(?查看大版本?)

我有幸參與Youziku的一些實驗試驗系統。 還是蠻好用的,用鼠標選擇非標準中文文本就像運行你的手下來一個全新的身體輕巡洋艦。 科技仍然很新,我遇到三個障礙:

1. 薄的中文字體渲染不太好,可以穿Chrome痛苦衣衫襤褸。 如果他們是了不起的薄、中風甚至部分消失。 這不是一個大問題,大膽的字體,而不是(我的經驗)在Firefox的問題,但那變態需要隱藏。?
   
   當通過Youziku中文字體太小,在鉻薄嗎? (?查看大版本?)

2. 常常有一點點延遲加載頁面加載和字體。 所以,你可能會看到一個視覺口吃頁面加載內容,然后應用呈現文本。

3. Youziku網站目前僅在中國,作為安裝說明。 如果這是你的問題,另一個競爭對手字體庫,?Justfont?,顯示其圖書館用英語和注冊指令,但其字體選擇明顯較小。“我們仍然使用PNG對于我們的特殊字體——它是安全的,”劍說。 “我們對此項研究倍感興奮的可能性實現web字體,但是現在,實現像Youziku極其實驗。”

Seah對此表示贊同。 “眾所周知,中國字體組成的一個巨大的數量的字符,所以他們很難嵌入在web上。 在我們的辦公室,我們使用靜態文本字符圖像或SVG,但是我們仍然主要使用標準web字體動態文本”。

一些漂亮的桌面網站

ACNPL \ WGL

由Seah對激活Nodeplus擺弄與新興的網上樂園實時圖形技術,?ACNPL \ WGL網站?拿回家一個應得的Awwward贏,Seah第二。

公司成立于2012年初Nodeplus Welson涂,一個臺灣數字營銷先鋒…經過兩年的快速增長,它激活的數字部門收購集團在2014年5月。

我主要是做交互設計和Flash開發三年前,我想開始做一些先進的實驗和實時圖形,HTML5畫布和WebGL,一些真正的世界級遠遠超出中國的互動設計。 Welson支持這個想法很感興趣,他的機構提供了我一個完全自由的空間去追求它。 所以,我放棄了我以前的工作在創意機構,然后與他的機構在2013年年初,設法把我的注意力從Flash ActionScript新的web技術。 這是我們我們的合作如何開始并繼續:我設計、開發或與任何我感興趣的實驗,我們機構的代表。 與此同時,我也支持該機構的項目。

ACNPL \ WGL Seah(Du Haihang)激活Nodeplus(?查看大版本?)

六便士

當Seah準備問他可愛的(現在)的妻子嫁給他,他開發了一個自定義建議iPhone應用程序只能由一個人打開:她。 當她的時裝設計公司準備敞開大門,Seah倒他的全心為她設計和開發一個獲獎的網站。 (打敗,伙計們!)

這是我妻子的商店的網站。 六便士的兩位創始人想要創建一個標簽與態度。 他們上手限量版服裝通過只預訂,所以微博的品牌是為了傳達這種獨立的態度和觀眾提供一個獨特的,現代和無縫瀏覽體驗。 沒有一個特定的商業目標和構建。

有時我覺得自己很難在中國做前沿工作,因為許多用戶仍然使用老技術,當你使用新技術,你必須做出決定失去一些用戶或花很多時間為老式瀏覽器回退。 很多客戶不愿意支持這樣的實驗工作。

六便士商店(?查看大版本?)

探索MOONBEAR

這是一個美麗的網站與美麗的目的。 嗯,實際上,兩個目的:?探索Moonbear?創建了AnimalsAsia?提高認識的殘酷moonbear膽汁農業(中藥熊膽使用),但它也為微軟全球教育運動(改變的經驗),一個網站旨在展示即11的范圍的功能。 軍刀會談一下流程:

即實際上帶來了另一個公司對項目的編碼部分,考慮到嚴格的時間表。 該公司被命名為視覺飆升。 我們想出了主意,總體架構,內容,設計和原型,他們編碼。

這是參觀我們的視覺靈感AAF救援中心的成都。 我們在那里拍了許多照片。 因為我們的目標之一是讓3 d元素在網站上,我們做了很多視覺研究,當時,低多邊形風格很受歡迎,所以我們也借了一些視覺線索。 做任何實際的設計之前,我們通常會創建一個情緒板,我們收集各種各樣的視覺設計靈感和確定一個方向。 我們收集的截圖,我們探索在互聯網上或出去拍照。

創建3 d熊是我們面臨的最大的技術挑戰。 我們需要創建一個熊,可以激勵和響應聯系。 此外,它需要執行在所有主要的瀏覽器支持WebGL。 我們最終使用ThreeJS和團結。 在流程方面,不同的涉眾之間的溝通是我們面臨的最大挑戰。

探索Moonbear(?查看大版本?)

單詞可以武器

由?奧美亞洲?心理學研究中心在沈陽,言語可以武器是為了增加觀眾的理解傷人的語言對孩子的負面心理影響,畫一個濫用詞語之間的聯系和青少年犯罪的增加。 網站設計展示了粗魯的詞語在中國變成槍、刀和其他暴力的工具。 更多的信息?在赫芬頓郵報?。

單詞可以武器(?查看大版本?)

30毫升

這個FWA-winning定格為中國創意機構網站?30毫升?(由上海設計師創造性地掌舵勇Yu)呈現在粘土。

該機構網站30毫升(?查看大版本?)

阿迪達斯原件

另一個贏得30毫升,?阿迪達斯原件?網站的證據表明,大量的設計工作發生在今天的中國是由機構為國際品牌。

阿迪達斯原件(?查看大版本?)

DASHILAR

G_Lab?創建這個網站的?Dashilar?在北京地區振興工程,政府之間的合作,設計師,建筑師,投資者和居民注入新生命once-languishing歷史街區。

Dashilar(?查看大版本?)

結束

我做一些UI咨詢的外國公司想進入中國市場,和我說一件事不少:本地化對中國意味著更多的比你的桌面將網頁翻譯成普通話,稱這一天。 這聽起來似乎很殘酷,但這是我的建議:?中國做對還是別打擾。?如果你half-arse它,它將是顯而易見的,你將失去金錢和信譽。 知道你在跟誰說話和他們如何使用網絡,通過渠道和開放的溝通他們期望(WeChat、輕應用,QR碼),你就會更接近與你的用戶有意義的聯系。

文章整理來自網絡，轉載請注明北京網站建設公司-北京傳誠信，翻譯不好，請見諒！