如何給網(wǎng)站布置干凈的“關(guān)于我們”頁面

2014-3-11    藍藍設(shè)計的小編

轉(zhuǎn)載藍藍設(shè)計(   sillybuy.com  )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供有效的   BS界面設(shè)計 、 cs界面設(shè)計 、  ipad界面設(shè)計   、  包裝設(shè)計 、  圖標定制 、  用戶體驗 、交互設(shè)計、   網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)

來源:http://www.uisdc.com/100-things-you-should-know-about-design

如果您想訂閱本博客內(nèi)容,每天自動發(fā)到您的郵箱中,   請點這里

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

藍藍設(shè):這是一篇老文章,不過寫得還算實用,大家可以了解一下界面設(shè)計思路

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

不要讓用戶思考!

1、向瀏覽者傳達本站的價值,留住用戶
2、始終提醒自己站點的主旨,不要跑題

二、起什么名

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

典型的門戶的名字比較傳統(tǒng),因為它們無人不曉。比如網(wǎng)易的“公司簡介”,谷歌的“Google大全”。

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

個人站點比較簡約,兩個字搞定:“關(guān)于”。人人網(wǎng)等很多社會化網(wǎng)絡(luò)站點也是如此。

多數(shù)國外站點同上,比如“about Flickr”、“about us”、“about”。

三、放在哪里

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

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

PMCaff成立不久,導航干凈明晰。如圖01

PMCaff網(wǎng)站導航

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

Gmail右側(cè)有一個“幫助”,提示用戶如何使用?!瓣P(guān)于”的功能本身就是一個提示性說明;谷歌產(chǎn)品線眾多,單獨提出來使得“提示”功能得到了最大 發(fā)揮。如圖02。

Gmail導航

02. Gmail導航

極客公園是一個新建的站點。然而,極客是一個外來詞,不易“望文生義”;普遍定義是“性格古怪的人”。再看站點的導航,更摸不著頭腦(所以“性格古 怪”?)。更奇怪的是,它居然還把“關(guān)于”鏈接放在頁腳。這是一個典型的標準錯誤答案,直接導致用戶方向感的缺失。沒有閑情的用戶,從進入網(wǎng)站到離開網(wǎng) 站,只在彈指一瞬間。如圖03。

極客公園導航

03 .極客公園導航

還有什么比xxx.com/about更簡單的呢?

四、寫什么

作文講究“開門見山”,這里也是如此。不要東拉西扯!

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

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

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

人人網(wǎng)無人不知,它本身的“關(guān)于”也是一個“人”的頁面。上面的簡介寫著:“人人網(wǎng)(renren.com)是中國最大、最具影響力的SNS網(wǎng)站, 以實名制為基礎(chǔ),為用戶提供日志、群、即時通訊、相冊、集市等豐富強大的互聯(lián)網(wǎng)功能體驗,滿足用戶對社交、資訊、娛樂、交易多方面需求?!鼻逦髁恕?/p>

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

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

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

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

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

五、怎么寫

目的明確。

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

 

分享本文至:

日歷

鏈接

個人資料

藍藍設(shè)計的小編 http://sillybuy.com

存檔