2014-4-15 藍(lán)藍(lán)設(shè)計(jì)的小編
轉(zhuǎn)載藍(lán)藍(lán)設(shè)計(jì)( m.73404.com.cn )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供有效的 BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)
來(lái)源：http://www.uisdc.com/100-things-you-should-know-about-design
如果您想訂閱本博客內(nèi)容，每天自動(dòng)發(fā)到您的郵箱中， 請(qǐng)點(diǎn)這里
通過(guò)與設(shè)計(jì)者進(jìn)行接觸，藍(lán)藍(lán)設(shè)計(jì)興奮地了解到這項(xiàng)設(shè)計(jì)的 成功之處，其中四個(gè)最基本的成功要素如下：
一、首頁(yè)越長(zhǎng)越好，絕不允許廣告出現(xiàn)
Brand42首先介紹了傳統(tǒng)的網(wǎng)站設(shè)計(jì)對(duì)顯著位置和不顯著位置的處理，以及很多新聞網(wǎng)站采取的UI設(shè)計(jì)模式。他們介紹說(shuō)，Mail Online的首頁(yè)很長(zhǎng)，甚至需要向下滾動(dòng)很長(zhǎng)才能看到全部?jī)?nèi)容。這里采取的界面設(shè)計(jì)模式就是越多越好，也就是在首頁(yè)放置盡可能多的內(nèi)容。Brand42另一 個(gè)與眾不同的舉措就是在首頁(yè)去除所有廣告，而在網(wǎng)站其他頁(yè)面上投放加倍的廣告量。
二、就像一個(gè)沒(méi)有盡頭的迷宮
Mail Online上每篇報(bào)道的側(cè)邊欄平均有70篇報(bào)道，每個(gè)報(bào)道都配有自己的圖片。當(dāng)讀者閱讀一篇報(bào)道時(shí)，側(cè)邊欄的花絮新聞就好像一個(gè)個(gè)錨將讀者吸引到另一篇 報(bào)道。“我們創(chuàng)造了一種獨(dú)具特色的信息結(jié)構(gòu)，為讀者提供更多的接入口和信息渠道。”Brand42團(tuán)隊(duì)寫道。側(cè)邊欄的大小及比例通過(guò)視線追蹤技術(shù)反復(fù)測(cè) 試，使得設(shè)計(jì)團(tuán)隊(duì)能夠依照讀者的平均閱讀速度設(shè)計(jì)。根據(jù)這些數(shù)據(jù)， Brand42還創(chuàng)建了追求搜索引擎最優(yōu)化的模板，借助這些模板，編輯們可以方便發(fā)布鏈接，預(yù)防死鏈接的出現(xiàn)。當(dāng)前，Mail Online超過(guò)一半的頁(yè)面閱讀量并非來(lái)自主頁(yè)，但是通過(guò)網(wǎng)頁(yè)間的交叉點(diǎn)擊獲得。
三、好吧，傳統(tǒng)的分類方法也是必需的
Mail Online每天發(fā)布的報(bào)道數(shù)百個(gè)，這意味著B(niǎo)rand42需要找到一個(gè)整合、分類的方法。只需瀏覽幾分鐘，你就能發(fā)現(xiàn)它的報(bào)道不外乎女性專欄、科技等話 題。這種分類方式防止讀者在大量的報(bào)道中“迷失”?！八皇亲尵W(wǎng)站有了新的表現(xiàn)形式，不過(guò)卻讓讀者清楚地知道自己在閱讀哪方面的內(nèi)容。”Brand42解 釋道。
四、贏得女人，就贏得流量
我們?cè)缇椭纴?lái)自女性網(wǎng)友的流量多于男性，Mail Online也恰恰利用了這個(gè)事實(shí)。如果你瞧瞧首頁(yè)，就會(huì)發(fā)現(xiàn)很多圖片都是迎合女性，或者是女性感興趣的東西，即名人八卦、美容和家庭。據(jù)調(diào)查，該網(wǎng)站的 女性頻道勝過(guò)英國(guó)任何一家美容與時(shí)尚網(wǎng)站，即便是像《Marie Claire》、《Cosmo》這樣的國(guó)際知名時(shí)尚雜志也要甘拜下風(fēng)
總的來(lái)說(shuō)，Mail Online成功的背后并沒(méi)采用多少新奇的手段，都是些屢試不爽的網(wǎng)絡(luò)出版策略，只是把面碼按照比例放大了幾個(gè)數(shù)量級(jí)。
藍(lán)藍(lán)設(shè)計(jì)的小編 http://m.73404.com.cn