國內界面設計(網站、軟體等)風格與交互體驗上上與國外的有何差異,是什麼導致這些差異?

我發現國內互聯網產品很重視UI設計,並且也設計出很漂亮的界面,例如騰訊的產品。而國外視乎更重視交互體驗,界面上比較簡潔,如亞馬遜網站。此外,banner、歡迎頁等設計,則存在很多風格上的差異。這是為什麼呢?


這個說來話長了。。樓上幾位也都回答了很多點。我就先吐幾個我近年來切身體會的點(槽點太多時間太少,以後有空再慢慢補)

1,對設計規範和平台規範的無視(or 蔑視?)。這個討論也有很多,比如 為什麼國內安卓APP都不遵循安卓5.0設計規範? - 手機

2,一個app做一件事 vs 一個app做n件事。這個很難簡單說哪個好哪個壞。只是從我個人從業經驗來看,國外的主流看法是前者。有一些產品在經歷了迭代發展後,功能不可避免的變得龐大複雜,甚至會分化出單獨的app。比如以前的VIMEO被拆分成vimeo(只負責瀏覽)和cameo(只負責剪輯),FB和path把messenger拆分出來等等。當然孰好孰壞,不能一概而論

3,因為商業模式,受眾,市場定位等等因素的影響,導致了產品所承載的功能和複雜度的差別,從而導致了app的導航,視覺風格等等的巨大差異(這個要說起來也不是一句兩句的事。。我就補展開了)。所以國內常常有『大app包小app包mini app』的狀況。。比如對比一下amazon和淘寶,複雜程度差異可見一斑:

4,商業利益和用戶體驗的角力。這個問題當然大家都同樣面對,但國內廠商常常會通過簡單粗暴的方式取其一端(通常是商業需求這一端)。也許是從小被這樣教育大的國人太習慣於簡單粗暴一刀切的思路了。。比如youtube和youku的廣告策略:YouTube 的廣告五秒後就可以跳過,那麼更長的廣告會有人看完嗎? - 視頻網站

國內視頻網站的強制性廣告越來越長,而 YouTube 5 秒後就可以跳過廣告。這兩種方式哪個營銷效果更優呢? - 市場營銷

這些都不是UI/UX設計層面能解決的問題了,直接上升到商業策略和運營層面。只能說國內大多數廠商在這一塊還有很長的路要走


沒人吐槽嘛?!!我要說!!!因為國內設計是運營狗在主導啊!!!!!設計完全是為了轉化率啊!!!這邊按鈕大一點顏色艷一點!!!!!奪目一點!!!按鈕下面加上文字「已有100萬人通過本軟體約到妹子!」!!!!!Banner記得加上大紅包!!!!!註冊就送1000元優惠券!!!!文本字體要大!讓老阿姨也能看得清!!!!記得把用戶都當成智障啊!!!!

我們設計師也想做簡潔優雅啊!!!!我們也想用灰黑白高端系啊!!!!我們也想用幽靈按鈕視覺滾動差啊!!!!我們也想一個應用只專註做一件事啊!!!!可是最後還是要跟運營PM低頭啊!!!

其實說到底還是跟產品定位有關,國內也有很多設計優秀的網站軟體,一般注重設計的公司面對的用戶階層也是高學歷高收入群體。設計風格如今都大同小異了,簡潔扁平化是主流。另外對設計細節的對待、對設計平台的遵從和字體的選用都會改變設計最終的質量,這些國內重視度還不夠。


商業模式。


這個還真無法比較,因為國內基本都是模仿和抄襲,整個環境氛圍並不能讓人主動創新,當然也有少部分創新的,或許你也看不到,或許那些創新的早被騰訊啥的給抄了淹沒了,當然主動創新在整個中國比例都很少。說實在點,給人打工或者自己創業你悶著頭創新你會有飯吃嘛,就算有你敢堅持嘛?早餓死你!別說國外不重視,最簡潔的設計裡面的交互體驗和ui的細節你數都數不清,別被你眼睛欺騙了。真要比較,可以從國人的操作習慣和消費習慣,生活習慣,歷史文化導致的不同的設計體驗來比較,這個還是說的通的。


《中國的移動端APP設計怎麼了?- 論Dribbble上的國人設計》

從關注Dribbble開始,一直都是以欣賞國外的設計風格。心裡想著,明明我們國人的能力並不弱,為什麼很少看到國人的身影。

加入Dribbble

後來才發現,原來國人要加入Dribbble有兩種辦法,第一種是通過Dribbble上的獲得者的邀請,這個相對比較難而且麻煩。畢竟你還得知道誰有邀請碼,怎麼聯繫對方。而第二種,又展現了國人什麼都能賣的精神,淘寶上和微博上Dribbble邀請碼的售價大概為200元左右,真的非常神奇。

當然也有第三種是在微博上找到國人並且發作品懇求邀請碼,不過很多國人要麼是沒有邀請碼的,要麼是直接發價錢過來的。所以也就放棄了,這裡我也認為如果你想要獲得一些設計網站的邀請碼的話,記得一定要多加幾個設計的交流群,通過人脈的進入新世界的大門。

國人的逆襲

而不知道到哪天開始,我發現Dribbble上的國人越來越多了。剛開始的時候一股非常自豪的感覺油然而生。但後來卻是無盡的失望和擔憂。我們先來看看國內的APP視覺設計的發展。

一般我只關注UI中國和站酷兩個網站,比如U設這種搬運工我們就不設範圍討論之內。對應過來的話站酷相當於Dribbble而UI中國則是Behance。

早期風格

一開始的國人的設計大部分是非常喜歡擬物化的設計,或者說是皮膚設計,那個時候首頁上大部分都是圖標或者皮膚設計,到了H5頁面的到來,更多人設計的都是以繪畫風格為主,然後用H5來實現效果。這種算是屬於正常發展的階段。

為什麼呢?

擬物化的發展是因為那時IOS的風格盛行,無論是什麼都要仿造IOS的風格。而後面發展來的H5頁面是由於只有一屏的展示空間,所有首屏一般非常的奪人眼球。

而這些設計實際上看起來是需要下很大功夫。或者說實際上對於設計師的能力要求是很大的,不僅要有繪畫功底同時還要PS功夫紮實。另外還有一種是淘寶店鋪設計,這考究的更多還是PS的功夫。

但這一切都和國外的風格截然不同。國外上從某個時期開始流行的便是扁平化的設計,考究的不僅是你的PS的能力,更多是一個設計的思考。

那麼這應該就屬於兩個派別的設計,我覺得還是很有趣的。更像是南拳北腿每家都有自己的精髓。

畫風突變

而這一切都發生了改變,國人開始越來越喜歡國外的設計。

這一點本身並沒有問題,而且在Dribbble推薦上也經常能看到國人的作品。一開始你會覺得很不錯,畢竟有了新的風格,當後來你會發現國人的設計卻是變得越來越無聊了?

怎麼說,國人目前的設計風格是這樣的留一大堆空白,把字填上去,圖片加個陰影沒了。這樣的作品絕對能上首頁,同時記得顏色騷一點。你拿一個小學生他都能給做出一樣的,因為你只要拿別人的抄一下。

錯錯錯!

首先,國人設計第一個最大缺點就是 - 功夫只學皮毛,沒學到精髓。

國外的簡約設計是在於他們想要的表達的東西清晰,並且需求簡單,比如一個播放器上只要播放按鈕和歌名這些元素。並且通過各種組合來讓人眼前一亮。

而國人呢?同樣的元素,把他一個一個疊起來就完事了。這一點是我非常看不慣的,沒有任何一點思考在作品上,除了搭簡單的積木這玩意有什麼用?

就像是同樣一道蛋炒飯,同樣的食材,味道卻不同。就算你學到了如何擺盤,但你的蛋炒飯還是難吃的,因為沒有其他可取之處。換句來說,當你看到一幅畫,就算是一片藍天而已,你不僅會思考這幅畫表現的是什麼,為什麼這麼做,角度是如何選取的。

而國人的是拍了一片藍天,沒有了。能欣賞的價值都沒有,只能當作排版的教程。

第二點,不懂或者忽略了國情和環境。

在之前我說國內設計雖然與國外不同,但是無論是擬物,淘寶店鋪還是H5,他們都有一個最重要的一點。

他們是有用的,他們是多少次設計師和老闆干架出來的結果。也就是說他不僅是一款設計作品,更重要的是一款可以使用的作品。

你說國外為什麼就能做到簡潔?,最大一點是他們的產品不需要多大的功能。這裡例子就太多了。

比如說一個活動介紹頁面,國外的設計風格大部分是一個背景圖片上加顏色蒙版,然後兩行字作為標題和介紹,結束。

這是因為他們很清楚他們要告訴用戶的信息就這麼多。而國內的設計你要需要很詳細的介紹,就生怕別人看不到。

你想想一個屏幕得塞得下200字的中文還可以好看嗎。那麼更應該去考量如何拆分然後實現同樣的效果,這就就是思考,並且難度上大於國外任何設計。

而目前我們看到的國人作品,如果不是情懷的,你這樣抄別人的風格,內容絕對放不下,然後會被老闆草死,這也是我非常不能理解的。這些國人設計師真的有在國內呆過嗎,真的有做過產品嗎。

最糟糕的是,由於站酷的小編也是失智組合里的成員。他們居然不考慮到後果讓這些無用的模板化的作品上了首頁推薦,後果是什麼?

更多更多的小白以為是這是主流設計的風潮,然後愚昧的跟風,最後只學到了屁。

小白們剛開始覺得這些好看,然後模仿起來一點也沒難度。就以為自己成為了設計師。到後來,他們學會了Dribbble,發現「我操,這些什什麼作品,好難模仿啊」,開始受挫了。

再到後來這些小白拿著自己模仿的作品去應聘工作,發現自己根本沒人要。明明自己的作品好歹也上過設計推薦的,然後開始怪老闆不懂設計。最後找到工作了,興奮的想大展拳手,可是老闆給你發了個WORD的文檔。你傻傻的問老闆「老闆 這些都要嗎?」,老闆一臉智障看著你。你不敢說話了,好不容易有了工作,那就做吧。

你開始用那套國人的簡約設計做了一套風格,老闆說「很好,那剩下90%的內容呢?」你說因為和設計風格不符,沒放進去。老闆也沒說話,直接辭退你了。走之前,坐你隔壁的另外一個設計師說話了,「孩子,你還是先去乾乾淘寶美工吧」。

第三點,應該是去思考如何創造新的風格,而不是改造需要展示的內容。

你難道希望打開QQ音樂或者網易雲音樂的時候,就一個播放鍵?那評論呢,設置呢,推薦呢,廣告呢,音效呢,首頁呢,好友呢,VIP呢?被你自己吃了?

你要知道,你更多需要的是思考用戶會怎麼操作。這也就是交互設計師的存在,其實他應該是屬於UI設計師里的一項技能。

再拿個比方Uber和滴滴。Uber進去就只有一個地圖和一個輸入框。然後輸完後才告訴你還有選車。這樣的設計是非常好看和簡約的,一個打車軟體本來就只要輸入一個地點就可以。滴滴呢?你進去得選出發地,目的地,什麼車,登錄,用戶中心,廣告欄。相當於把所有信息全部塞給你,你自己去找你想要的功能。那小白肯定喜歡第一種,哈哈哈哈。我也是,但是呢,你覺得是Uber好用還是滴滴好用?

從我身邊的來看,基本上大家還是會把票投給滴滴,而我再摒棄國人設計風潮思想後選擇真正需要的也是滴滴好用。因為它做到了一點,那就是直觀,就像填表單,我知道自己在幹什麼。而Uber則是像玩遊戲,你不知道你開了這扇門後面是什麼。基本上上家長這輩或者不是很懂電腦的人以上根本是不會用Uber的。這就是目前的國情,就算你做了一個有思考的簡約設計作品,可用戶不買單,難道這就是情懷?

如何識別

我認為,國人目前的設計方向是大錯特錯的,基本上是死路一條。如何看出一款設計是不是國人設計,很簡單。

  1. 英文水平糟糕 - 不敢用中文作品,用英文,還是機器翻譯的。難道你以後做的是小米的英文APP?

  2. 沒有思考 - 一看作品縮略圖不錯,點進去發現就那樣的話。絕對是國人作品,好看不中用的道理。

  3. 沒有藝術 - 這一點十分致命,殺豬能變成雕刻家嗎?不能。就算你會拿刀,但並不能讓人思考。

  4. 不會字體設計 - 這一點本來應該是我們國人的強項,以前每次看到國人字體設計簡直覺得神了,而現在大家只會蘋方微軟雅...

  5. 沒有原創背景素材 - 基本上素材和圖片就是GG找的,這一點很尷尬。換句話就是追求一味假洋牌。

  6. 沒有創新 - 基本你看到的就是翻版,復刻版。

  7. 再設計 - 這個完全能寫另外一篇的文章,國人很喜歡再設計,但問題你這個再設計是把別人的討論的結果和真正用戶體驗的精華被套了一個你網上看到的國外模板,以為好看了,就更好了。這就相當於你把米其林的美食拿來麥當勞包裝一番以為就更牛逼了。

這是很可悲的,這樣的道路,我們絕對似曾相識。特別是大清還沒亡的時候。我很希望設計教程歷史裡有這麼第一段記錄。我能夠保證我們國人的水平能力絕對是世界一流的,強的還是那麼強。

當然我說的是絕對部分,絕對不所有人,比如我很喜歡的 偽藝術的仨仨 的這款作品。他的作品就有一定的思考和配色功力。還有一些老師,我覺得非常的厲害。但還有95%的簡直就是狗皮道士,有辨別能力的倒是無所謂,但那些小白簡直了。

總而言之

寫完這篇文章,算也是給自己一種解脫,自己作為一個能力不足但很喜歡欣賞別人作品的人來說。很希望自己與大家能看到更好的作品,而不是看著自己的喜歡的東西走向消亡,走向末路。


無論是代碼還是ui國內目前仍然處於學習和模仿的階段,我們沒有自己的風格。

打開一個網站,僅從界面上就能很容易看出這是個韓國風格的網站或者歐美風格的網站,但是你很難分辨哪個是中國的網站。

界面上一開始模仿歐美後來模仿韓國現在用框架。

代碼就一個例子可以說明

自從發現亞馬遜的導航出現那種無延時的二級導航後很快京東天貓都用上了,技術還是那些技術,為什麼沒有首先出現在京東或者天貓的網站上?

我們不缺技術,缺想法,而無論是代碼還是ui都是需要想法的。

客觀原因是我們起步比人家晚再加上我們的教育模式和大環境。


東西方文化差異。


操作極致簡化,核心效率提升(Minimalism of Interaction)
互聯網終端多樣化,使用場景複雜化,使得用戶的操作越來越碎片,注意力越來越缺乏。去繁就簡,縮短流程成為了不可避免的趨勢。與此同時,用戶對主流的交互方式的認知程度有了增強,對常規的交互流程的信任度也有了較大提高,一些兩年前看似激進的簡化方式,現在並不會給用戶帶來過多的認知成本。

1、Blink 將多媒體社交的過程極度簡化,進行圖片內容社交時,將」選擇發送對象」,「創作發送內容」,以及 「發送」 三個動作,由 「點擊聯繫人」 一個觸發事件完
2. Chrome 將窗口的 「關閉」、「新建」 融入到了「刷新「動作中,一個下拉動作的變形包含三種操作形式。避開了在多窗口中進出的繁瑣流程。
http://sina.lt/eRYD


國內的教育模式很少能教出來主動思考、有想法的人才。

國內的教育模式很少能教出願意主動思考、並為想法付諸於實際行動 並 勇於承擔責任的人才。


創新不是問題,我覺得國內國外都有很多很有想法的設計師,可能是歐美的公司對界面要求會提的特別細,提出來以後又會實施的非常嚴格。


根本差別就是,屌絲的不是設計師,而是老闆,這種屌絲思維是從本質上面導致的,無解……


感覺是文化氛圍和使用習慣主導風格上的差異。

希望大家不是一味吐槽國內環境。

還有亞馬遜那個也能叫簡潔嗎……


推薦閱讀:

獨立 Android 開發者如何零基礎學習 UI 設計,並設計出符合 Android Design 的作品?
為什麼人們貌似能接受劣質的互聯網產品,卻不能接受劣質的實體產品?
網頁滾動條在交互設計上有哪些需要考慮的點?
GUI 設計和 UI 設計有什麼區別?
有哪些 UI 設計相關網站?廣泛收集中

TAG:網頁設計 | 交互設計 | 用戶界面設計 | banner | 軟體界面設計 |