轉(zhuǎn)載藍(lán)藍(lán)設(shè)計(jì)(   www.li-bodun.cn  )是一家專(zhuān)注而深入的界面設(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)這里

所有網(wǎng)站設(shè)計(jì)，無(wú)論是官方、電子商務(wù)、社會(huì)化網(wǎng)絡(luò)還是個(gè)人站點(diǎn)，都應(yīng)該設(shè)計(jì)一個(gè)恰到好處的“關(guān)于”頁(yè)面，直截了當(dāng)?shù)馗嬖V到訪者，為什么要浪費(fèi)他們寶貴的時(shí)間瀏覽你的網(wǎng)站。

藍(lán)藍(lán)設(shè)計(jì)：這是一篇老文章，不過(guò)寫(xiě)得還算實(shí)用，大家可以了解一下界面設(shè)計(jì)思路

一、為什么要有“關(guān)于”頁(yè)面

不要讓用戶思考！

1、向?yàn)g覽者傳達(dá)本站的價(jià)值，留住用戶
2、始終提醒自己站點(diǎn)的主旨，不要跑題

二、起什么名

“關(guān)于”頁(yè)面存在的目的就是盡快讓瀏覽者找到網(wǎng)站的方向，或者作為進(jìn)一步補(bǔ)充，比如陳列相比競(jìng)爭(zhēng)對(duì)手而言，自己的優(yōu)勢(shì)和特色。所以名字越簡(jiǎn)單、越樸 素就越好。

典型的門(mén)戶的名字比較傳統(tǒng)，因?yàn)樗鼈儫o(wú)人不曉。比如網(wǎng)易的“公司簡(jiǎn)介”，谷歌的“Google大全”。

大眾、平易近人的網(wǎng)站往往都稱(chēng)呼為“關(guān)于我們”，比如嘀咕、phpChina；“關(guān)于+網(wǎng)站名稱(chēng)”的類(lèi)型也不在少數(shù)，比如豆瓣和支付寶。

個(gè)人站點(diǎn)比較簡(jiǎn)約，兩個(gè)字搞定：“關(guān)于”。人人網(wǎng)等很多社會(huì)化網(wǎng)絡(luò)站點(diǎn)也是如此。

多數(shù)國(guó)外站點(diǎn)同上，比如“about Flickr”、“about us”、“about”。

三、放在哪里

標(biāo)題、標(biāo)識(shí)、內(nèi)容或知名度非常強(qiáng)的網(wǎng)站放在頁(yè)腳。
這些類(lèi)型的網(wǎng)站要么你們熟知，要么一眼就能看出它講的是什么。比如新浪微博，淘寶。

小站點(diǎn)，比如個(gè)人站點(diǎn)、博客，或者全新的網(wǎng)站，有必要顯性地“通告”瀏覽者本站的導(dǎo)向和意圖（以期靠好奇心留住訪客），放在頁(yè)首。

PMCaff成立不久，導(dǎo)航干凈明晰。如圖01

01. PMCaff網(wǎng)站導(dǎo)航

Gmail右側(cè)有一個(gè)“幫助”，提示用戶如何使用。“關(guān)于”的功能本身就是一個(gè)提示性說(shuō)明；谷歌產(chǎn)品線眾多，單獨(dú)提出來(lái)使得“提示”功能得到了最大 發(fā)揮。如圖02。

02. Gmail導(dǎo)航

極客公園是一個(gè)新建的站點(diǎn)。然而，極客是一個(gè)外來(lái)詞，不易“望文生義”；普遍定義是“性格古怪的人”。再看站點(diǎn)的導(dǎo)航，更摸不著頭腦（所以“性格古 怪”？）。更奇怪的是，它居然還把“關(guān)于”鏈接放在頁(yè)腳。這是一個(gè)典型的標(biāo)準(zhǔn)錯(cuò)誤答案，直接導(dǎo)致用戶方向感的缺失。沒(méi)有閑情的用戶，從進(jìn)入網(wǎng)站到離開(kāi)網(wǎng) 站，只在彈指一瞬間。如圖03。

03 .極客公園導(dǎo)航

還有什么比xxx.com/about更簡(jiǎn)單的呢？

四、寫(xiě)什么

作文講究“開(kāi)門(mén)見(jiàn)山”，這里也是如此。不要東拉西扯！

豆瓣的文案樸素、精致，結(jié)構(gòu)清晰。關(guān)于豆瓣→豆瓣的來(lái)歷→參與豆瓣。以第一段為例，如圖04。

04. 豆瓣的“關(guān)于”

人人網(wǎng)無(wú)人不知，它本身的“關(guān)于”也是一個(gè)“人”的頁(yè)面。上面的簡(jiǎn)介寫(xiě)著：“人人網(wǎng)（renren.com）是中國(guó)最大、最具影響力的SNS網(wǎng)站， 以實(shí)名制為基礎(chǔ)，為用戶提供日志、群、即時(shí)通訊、相冊(cè)、集市等豐富強(qiáng)大的互聯(lián)網(wǎng)功能體驗(yàn)，滿足用戶對(duì)社交、資訊、娛樂(lè)、交易多方面需求。”清晰明了。

極客公園的“關(guān)于”上方鮮明地標(biāo)上四個(gè)標(biāo)簽，擾亂視聽(tīng)不說(shuō)，這四個(gè)頁(yè)面還是單獨(dú)的html文件，網(wǎng)站的速度又令人崩潰。還有更不爽的：它壓根就沒(méi)講 清楚極客公園到底有何與眾不同。——這與網(wǎng)站的創(chuàng)辦者之一，可能吧的作者，在博客里的清晰的描述（他寫(xiě)到：極客公園，我們團(tuán)隊(duì)它的定位是：IT、商業(yè)資訊 精讀社區(qū)）形成鮮明對(duì)比。如圖05。（最后一行的“聯(lián)系我們”和第二個(gè)標(biāo)簽重復(fù)了）

05 .極客公園的“關(guān)于”

1、網(wǎng)站不出名，但主辦出名
如果你不知道Flickr，但你一定知道雅虎吧。（好吧，這不是一個(gè)好例子）如果你不知道奇藝，你一定知道百度。依靠主辦方，襯托自己的氣勢(shì)。

2、網(wǎng)站有意思，想看看作者是啥樣的
假若你喜歡哈利波特，你很可能對(duì)羅琳（是如何創(chuàng)作的，她的生平等）也感興趣。同樣，比如個(gè)人網(wǎng)站。站點(diǎn)上的內(nèi)容不錯(cuò)，訪問(wèn)者還想對(duì)博主一探究竟—— 那就滿足這個(gè)小小的愿望吧，他們肯定會(huì)回來(lái)看你的。

五、怎么寫(xiě)

目的明確。

1、親切。使用“你”，而不是“您”
2、直接且有效。不拐彎抹角，不講大話空話
3、特別。展現(xiàn)出自己的特色
4、簡(jiǎn)潔。如果可以刪掉，那就沒(méi)必要寫(xiě)上去
5、引向幫助頁(yè)面。不需要把各個(gè)特點(diǎn)展現(xiàn)到身臨其境的地步；這里也不是疑難解答所。還有困惑？去幫助頁(yè)面吧（而不是被弄得一頭霧水后關(guān)掉網(wǎng)站）。