minisite中的用戶體驗之 — 內(nèi)容為王

0 評論 2798 瀏覽 2 收藏 5 分鐘

在開始本文之前,先看下這個網(wǎng)站:新聞聚合網(wǎng)站Drudge Report(德拉吉報告)。維基百科上的介紹

美國《紐約時報》網(wǎng)絡(luò)版撰文稱,在互聯(lián)網(wǎng)飛速發(fā)展的今天,美國新聞聚合網(wǎng)站The Drudge Report卻依舊保持著上世紀(jì)90年代的版面,14年來幾乎沒有任何改版。更令人驚奇的是,就是這樣一家“簡陋”的網(wǎng)站,卻成為僅次于谷歌的全美新聞網(wǎng)站第二大推薦流量來源,甚至達到Facebook的兩倍。

————摘自:2011年05月16日 新浪科技

網(wǎng)站,作為一個提供信息的資源盡管有諸如各種優(yōu)化方法。但離不開其核心:內(nèi)容為王。用戶喜愛的網(wǎng)站并不一定有多么漂亮的界面,也不一定有多么好的用戶體驗(除了上面提到的德拉吉報告界面、用戶體驗均不好。)。而吸引用戶訪問的最重要原因是因為網(wǎng)站內(nèi)容。從天涯到百度貼吧,都體現(xiàn)出了“內(nèi)容為王”的特點(天涯、百度貼吧至少在界面上是毫無美觀可言)。因此,各種優(yōu)化網(wǎng)站的手段都必須建立在內(nèi)容基礎(chǔ)之上,沒有了內(nèi)容就無從談起各種優(yōu)化手段。

接著前面的兩篇:《minisite中的用戶體驗之 — landing page》、《minisite中的用戶體驗之 — 內(nèi)容布局》之后,總結(jié)下minisite網(wǎng)站內(nèi)容上的用戶體驗。

禁忌空洞無用的內(nèi)容

排版布局的重要性,而網(wǎng)頁內(nèi)容的排版與平面雜志有些不同:

網(wǎng)頁排版以可以讓讀者快速閱讀為前提。

參考網(wǎng)站:
Prism Girl

易用性差的網(wǎng)站通常都有同樣的通病。當(dāng)哥在這么漂亮的網(wǎng)站上看不到導(dǎo)航時,就不得不用鼠標(biāo)亂戳的方式查找鏈接。這個網(wǎng)站很漂亮但也非常復(fù)雜,復(fù)雜到我們需要花費一個小時來找鏈接,但你可能都猜不到點擊跟隨鼠標(biāo)的圖標(biāo)方式進入網(wǎng)站。并且,這個網(wǎng)站除了令人印象深刻的設(shè)計之外就沒提供個毛內(nèi)容出來!

文字特效

盡少使用影響正常閱讀的特效,包括閃耀的背景,各種修飾過度的字效。

參考網(wǎng)站:
EContent

經(jīng)過漫長的加載后,網(wǎng)站需要訪客點擊”進入”按鈕。好吧,我們點它下。盡管網(wǎng)站上有坨快捷菜單,但很不幸的是這坨菜單并沒有引起訪客的注意。并且,訪客需要將鼠標(biāo)挪到圖片上才能查看子類目。而這些導(dǎo)航按鈕需要訪客非常仔細的查找才行。

設(shè)計服務(wù)于內(nèi)容

減少與與文字內(nèi)容無關(guān)的各種繁雜效果。

參考網(wǎng)站:
There Studio

有一半的圈圈看上去是可以點的,實際上卻不能。如果拖拽一個圈圈,它會跳到其他圓圈中去。當(dāng)然,這些坑爹的圈圈動畫效果充分的體現(xiàn)出公司比較xxx的理念,這明顯有些過度了嘛!用58秒等待一個動畫的確太漫長了。并且,如果你想需要更多的圈圈,點擊或拖拉空白區(qū)域就會出來,同時也帶給訪問者更多迷惑。

Desing Sul

哥從未見到過加載問題如此之杯具的網(wǎng)站。多重加載元素,即使你看到了網(wǎng)頁內(nèi)容實際上還有東西要再次加載。也沒有跡象可以表示加載結(jié)束了,這樣做也讓哥非常的困惑不解并且該網(wǎng)站還不易使用。事實上,找到閱讀的內(nèi)容也需要花些功夫,而網(wǎng)站在牛奶卡通包裝盒所做的效果與內(nèi)容根本沒有毛關(guān)系嘛。

來源:http://davidw.me/interactive-design/minisite-ux-of-content/

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 目前還沒評論,等你發(fā)揮!