為什麼 web 端沒有像 iOS 那樣的擬物化設計的網站呢?


補充下。ios的話因為是觸屏操作,擬物化的界面,操作起來很習慣很自然。
而web基本都是用滑鼠的,很多時候並不一定適合擬物的界面。比如我個人不習慣用滑鼠轉圈,還覺得斜方向的移動相對比較不精準等。web上過度使用擬物化界面會有相反的效果,操作起來不舒服。另外目前的滑鼠+web也不能實現多點觸控,擬物界面能發揮的潛力就更小了


有。

相對於ui,web頁面總是強調雙向彈性,寬度和高度都不固定,很難做擬物化。

比如,一個皮革工具欄,邊緣是針腳,但針腳到末端是要轉彎的,這個轉彎對不齊很難看。
(觀察過的都知道,我就不截圖了。)

比如,為了適應一個位置會移動的元素,要做局部透明,在ui里可以利用png,但web為了兼容ie6,通常要盡量避免透明png,用透明gif,但gif不能半透,很容易看出鋸齒,特別是設備縮放時。
(這也是經驗之談,時鐘指向2013年,透明gif已經不是必學的東西了。)

在90年代,Web剛剛支持圖形界面時,一度興起了最粗糙的擬物化。例如97年香港回歸網站,還有當時至今大部分好萊塢電影的官方網站。不需要彈性的時候,很容易做到擬物化。

然而,隨著顯示器和帶寬的進化,用戶對擬物化的要求也越來越高,追求效果的設計師,在彈性布局中,不得不利用局部透明等等技巧來實現界面的質感,產生擬物化效果,這樣的網站製作和修改的難度太高,很快就不再流行。越要求彈性的界面,越難以擬物化。

今天,廣為人知的擬物化網站就是apple的http://icloud.com,已經做到接近ui的效果,但它只支持新瀏覽器。

歷史上,最厲害的擬物化網站,我認為是http://blizzard.com系列,在2000年前後興起,支持老瀏覽器。如果你存下它整個網頁,打開圖片文件夾,可以大致看到它如何用透明gif拼出可以任意位移而看不出鋸齒的岩石、火焰、飛船殘骸,從而支持橫向的彈性布局,那絕對是其他網站無法企及的高度。

(啊,這條答案被官微傳播了么…補充如下)

壞事情:以上極品是指,大約2000-2010年的暴雪官方頁面。前兩年,在Diablo 3正式發表前,暴雪做了一次網站風格調整,取締了橫向彈性布局。所以今天的暴雪已經不是最漂亮的一代了,所謂「局部透明gif的奇蹟」也成為歷史,就好像三國志4、超級瑪麗,只能拍案懷舊,沒法模仿了。

好事情:今天最流行的不是彈性布局,而是響應式布局,暴雪最新的產品網頁已經支持響應式布局,歷史總是要以某種方式回歸。見 http://us.battle.net/hearthstone/en/ (啥叫彈性/響應布局?把瀏覽器拽寬拽窄看看。)有意思的是,它支持1024 x *以及更大的屏幕,卻不支持手機寬度,不知這幫傢伙還想在PC堅持多久。


主要原因:

  • 擬物化主要適用於界面(Interface),比如工具欄(Toolbar)、主控台(dashboard)、控制面板(control panel),此時用擬物化可以簡化學習難度,以及強化操作時的觀感。
  • 擬物化不太適於內容頁(content),比如閱讀mail、查看新聞,這些頁的設計需要儘可能突出內容,要避免過度擬物而導致內容被淡化。

多數web網頁是內容頁,所以擬物化設計較少,即使有,也只限於在頁面背景上模仿紙張紋理等等小細節。少數web頁以界面為主,也會採用擬物化設計,例如 http://web2.qq.com

次要原因:

桌面操作系統、瀏覽器的界面設計中,已使用擬物化(比如立體感的按鈕),在擬物化的操作系統、瀏覽器里,再嵌套擬物化的web頁,感覺會比較煩躁。

手機app界面通常是沉浸式設計,界面之外並沒有再套一層瀏覽器、一層操作系統,這時用點擬物化設計,並不會感覺煩躁。


不贊成因為擬物不適合web使用起來反而不爽,所以不用擬物這樣的解釋,
產品做成這樣或那樣,並不是因為設計成這樣或那樣,
作為設計師,殘酷的現實擺在我面前——技術能做成怎樣是怎樣。

不擬物主要原因自然是技術限制

擬物必可避免要用圖,
可早些年的HTLM教程,都會強調少用圖片,更有激進的講師,直接強調不要用圖片;
那時候的程序員,圓角處理地好就覺得自己不一般了;
加上涓涓細流的網速;
硬體條件如此要如何擬物?

現在各方面條件都上來了,
藉助於更強大的CSS等,程序員也不屑於折騰圓角什麼的了,
其實已經有不少擬物的效果,可詳見@大胖 的答案。
但在早些年積累的金科玉律,各種準則影響下,也不會一下子就去學移動設備的設計去擬物。
況且新時代有新問題,設備種類更多,平台更多,上網條件差距巨大(有人光纖有人山區校園網),遂需要各種適配兼容
用擬物不是自尋死路么?
-------------------
網頁以呈現內容為主,但是弄一個牛皮紙背景、刪除內容時搞一個像iOS那樣唰一下吸入垃圾桶的效果、音樂網站做個好看唱片機等等,這些會讓用戶反感么?相信做得好用戶很喜歡,可為什麼還是鮮有人做?

最後:

(之前匿名因為我不是這個領域的,懂個皮毛,有人贊同膽子就大了起來 (ˇ?ˇ) )


這個問題的起點是
我們為什麼需要在web端進行物化。
WEB上大量流通的內容是信息,信息的重要載體是字圖聲畫,
用於基本信息交流的內容簡單直接,便於理解。
這些信息大多用來流通,不需要動作,所以沒有擬物化的必要。

需要擬物化的功能提示是觸髮型的動作,如菜單、工具欄等需等待命令來進行下一個環節,這時候給用戶圖形化的理解,方便用戶立即此動作產生何種後果,也便於迅速的做決定和理解。

如果產品是工具型的,擬物化加速了工具的上手速度。像PS。

之於web,瀏覽器是工具,web是內容,信息傳遞高效即可。

跟是否IOS沒有直接關係,除非web里裝的不是內容頁面而是IOS


擬物化並不是最高效的。


補充一個,載入慢。


推薦閱讀:

知乎裡面提問或回答中的 url 鏈接加一個 target="_blank" 是不是會更好?每次後退好麻煩。
什麼是用戶體驗?如何評價用戶體驗的好壞?

TAG:用戶體驗 | 產品經理 | 用戶體驗設計 | 擬物化 (Skeuomorphism) |