2014-3-11 藍(lán)藍(lán)設(shè)計(jì)的小編
轉(zhuǎn)載藍(lán)藍(lán)設(shè)計(jì)( www.teruid.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://www.teruid.com