2014-3-11 藍(lán)藍(lán)設(shè)計(jì)的小編
轉(zhuǎn)載藍(lán)藍(lán)設(shè)計(jì)( tweetduck.com )是一家專注而深入的界面設(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ù)
來源：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ù)、社會(huì)化網(wǎng)絡(luò)還是個(gè)人站點(diǎn)，都應(yīng)該設(shè)計(jì)一個(gè)恰到好處的“關(guān)于”頁面，直截了當(dāng)?shù)馗嬖V到訪者，為什么要浪費(fèi)他們寶貴的時(shí)間瀏覽你的網(wǎng)站。
藍(lán)藍(lán)設(shè)計(jì)：這是一篇老文章，不過寫得還算實(shí)用，大家可以了解一下界面設(shè)計(jì)思路
一、為什么要有“關(guān)于”頁面
不要讓用戶思考！
1、向?yàn)g覽者傳達(dá)本站的價(jià)值，留住用戶
2、始終提醒自己站點(diǎn)的主旨，不要跑題
二、起什么名
“關(guān)于”頁面存在的目的就是盡快讓瀏覽者找到網(wǎng)站的方向，或者作為進(jìn)一步補(bǔ)充，比如陳列相比競(jìng)爭(zhēng)對(duì)手而言，自己的優(yōu)勢(shì)和特色。所以名字越簡(jiǎn)單、越樸 素就越好。
典型的門戶的名字比較傳統(tǒng)，因?yàn)樗鼈儫o人不曉。比如網(wǎng)易的“公司簡(jiǎn)介”，谷歌的“Google大全”。
大眾、平易近人的網(wǎng)站往往都稱呼為“關(guān)于我們”，比如嘀咕、phpChina；“關(guān)于+網(wǎng)站名稱”的類型也不在少數(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)站放在頁腳。
這些類型的網(wǎng)站要么你們熟知，要么一眼就能看出它講的是什么。比如新浪微博，淘寶。
小站點(diǎn)，比如個(gè)人站點(diǎn)、博客，或者全新的網(wǎng)站，有必要顯性地“通告”瀏覽者本站的導(dǎo)向和意圖（以期靠好奇心留住訪客），放在頁首。
PMCaff成立不久，導(dǎo)航干凈明晰。如圖01
01. PMCaff網(wǎng)站導(dǎo)航
Gmail右側(cè)有一個(gè)“幫助”，提示用戶如何使用?！瓣P(guān)于”的功能本身就是一個(gè)提示性說明；谷歌產(chǎn)品線眾多，單獨(dú)提出來使得“提示”功能得到了最大 發(fā)揮。如圖02。
02. Gmail導(dǎo)航
極客公園是一個(gè)新建的站點(diǎn)。然而，極客是一個(gè)外來詞，不易“望文生義”；普遍定義是“性格古怪的人”。再看站點(diǎn)的導(dǎo)航，更摸不著頭腦（所以“性格古 怪”？）。更奇怪的是，它居然還把“關(guān)于”鏈接放在頁腳。這是一個(gè)典型的標(biāo)準(zhǔn)錯(cuò)誤答案，直接導(dǎo)致用戶方向感的缺失。沒有閑情的用戶，從進(jìn)入網(wǎng)站到離開網(wǎng) 站，只在彈指一瞬間。如圖03。
03 .極客公園導(dǎo)航
還有什么比xxx.com/about更簡(jiǎn)單的呢？
四、寫什么
作文講究“開門見山”，這里也是如此。不要東拉西扯！
豆瓣的文案樸素、精致，結(jié)構(gòu)清晰。關(guān)于豆瓣→豆瓣的來歷→參與豆瓣。以第一段為例，如圖04。
04. 豆瓣的“關(guān)于”
人人網(wǎng)無人不知，它本身的“關(guān)于”也是一個(gè)“人”的頁面。上面的簡(jiǎn)介寫著：“人人網(wǎng)（renren.com）是中國(guó)最大、最具影響力的SNS網(wǎng)站， 以實(shí)名制為基礎(chǔ)，為用戶提供日志、群、即時(shí)通訊、相冊(cè)、集市等豐富強(qiáng)大的互聯(lián)網(wǎng)功能體驗(yàn)，滿足用戶對(duì)社交、資訊、娛樂、交易多方面需求。”清晰明了。
極客公園的“關(guān)于”上方鮮明地標(biāo)上四個(gè)標(biāo)簽，擾亂視聽不說，這四個(gè)頁面還是單獨(dú)的html文件，網(wǎng)站的速度又令人崩潰。還有更不爽的：它壓根就沒講 清楚極客公園到底有何與眾不同?！@與網(wǎng)站的創(chuàng)辦者之一，可能吧的作者，在博客里的清晰的描述（他寫到：極客公園，我們團(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ò)，訪問者還想對(duì)博主一探究竟—— 那就滿足這個(gè)小小的愿望吧，他們肯定會(huì)回來看你的。
五、怎么寫
目的明確。
1、親切。使用“你”，而不是“您”
2、直接且有效。不拐彎抹角，不講大話空話
3、特別。展現(xiàn)出自己的特色
4、簡(jiǎn)潔。如果可以刪掉，那就沒必要寫上去
5、引向幫助頁面。不需要把各個(gè)特點(diǎn)展現(xiàn)到身臨其境的地步；這里也不是疑難解答所。還有困惑？去幫助頁面吧（而不是被弄得一頭霧水后關(guān)掉網(wǎng)站）。
藍(lán)藍(lán)設(shè)計(jì)的小編 http://tweetduck.com