Don't Make Me Think——設(shè)計(jì)主頁(yè)

一坑律、主頁(yè)要完成的任務(wù)

1、站點(diǎn)的標(biāo)識(shí)和使命:主頁(yè)要告訴用戶這是什么網(wǎng)站霜运,這個(gè)網(wǎng)站是干什么的脾歇。如果有可能的話,還應(yīng)該加上用戶為什么會(huì)在這里淘捡,而不是別的網(wǎng)站藕各。

2、站點(diǎn)層次:包括內(nèi)容(用戶能在這里找到什么)以及功能(用戶能做什么)焦除,通常由持久導(dǎo)航完成激况。

3、搜索:一個(gè)突出的搜索框。

4乌逐、導(dǎo)讀:包括內(nèi)容推介(content promos)和功能推介(feature promos)竭讳。前者應(yīng)該突出最新最好的內(nèi)容片段,如熱銷產(chǎn)品浙踢;后者應(yīng)該邀請(qǐng)用戶去訪問(wèn)更多的欄目或者試用一些個(gè)性化功能等绢慢。

5、內(nèi)容更新:網(wǎng)站需要有最近活動(dòng)的跡象洛波,而不是死水一灘胰舆。

6、友情鏈接:需要在主頁(yè)上預(yù)留空間蹬挤,用來(lái)放置廣告缚窿、交叉推廣、合作品牌的友情鏈接等焰扳。

7倦零、快捷方式:最常訪問(wèn)的內(nèi)容片段(如軟件升級(jí))值得在主頁(yè)上放置鏈接,免得用戶四處查找吨悍。

8扫茅、注冊(cè):如果網(wǎng)站有注冊(cè)制度,則主頁(yè)需要有登錄注冊(cè)鏈接畜份,并且有某種方式提示用戶是否登錄了(如“歡迎回來(lái)诞帐,Ivan”)。

9爆雹、讓用戶看到自己正在尋找的東西:主頁(yè)應(yīng)該讓用戶想要的任何東西顯而易見(jiàn)停蕉。

10、還有用戶沒(méi)有尋找的:主頁(yè)也應(yīng)該為用戶提供一些他沒(méi)有尋找的钙态、但是精彩的慧起、可能感興趣的內(nèi)容。

11册倒、告訴用戶從哪里開(kāi)始:讓用戶知道從哪里下手蚓挤。

12、建立可信度和信任感:對(duì)一些訪問(wèn)者來(lái)說(shuō)驻子,主頁(yè)很可能是你給他們留下好印象的唯一機(jī)會(huì)灿意。

主頁(yè)示例

二、主頁(yè)上常見(jiàn)的約束

1崇呵、每個(gè)人都想占一席之地:每個(gè)和網(wǎng)站利益相關(guān)的人都想在主頁(yè)上擁有一個(gè)關(guān)于他們的欄目推介或鏈接缤剧。

2、想要參與的人太多:每個(gè)人(包括CEO)都想對(duì)主頁(yè)發(fā)表看法域慷。

3荒辕、一個(gè)尺寸要適合所有人:主頁(yè)要呈現(xiàn)在所有訪問(wèn)者面前汗销,不管他們的興趣差別有多大。

三抵窒、傳達(dá)整體形象

1弛针、主頁(yè)需要將整體形象準(zhǔn)確傳達(dá)給訪問(wèn)者。

2李皇、應(yīng)該清楚陳述這個(gè)網(wǎng)站是做什么的重要位置之一:口號(hào)(tagline)削茁。口號(hào)是和站點(diǎn)ID相關(guān)聯(lián)的一條短語(yǔ)掉房,訪問(wèn)者會(huì)把它當(dāng)做整個(gè)網(wǎng)站的描述付材。口號(hào)一般放在靠近站點(diǎn)ID的地方圃阳。

3、應(yīng)該清楚陳述這個(gè)網(wǎng)站是做什么的重要位置之二:歡迎廣告璧帝。歡迎廣告是網(wǎng)站的簡(jiǎn)要描述捍岳,在主頁(yè)的首要位置顯示,不需要滾動(dòng)屏幕就能看到睬隶。

4锣夹、并不是每個(gè)人都會(huì)注意到這兩個(gè)元素,用戶多半是從主頁(yè)的大體內(nèi)容來(lái)猜測(cè)這個(gè)網(wǎng)站是做什么的苏潜。但如果他們猜不到银萍,你就要有一個(gè)地方讓他們找得到。

四恤左、傳達(dá)信息的指導(dǎo)原則

1贴唇、需要多大空間就使用多大空間:假如你的主張很新奇,你就要用大量空間解釋或強(qiáng)調(diào)站點(diǎn)的目標(biāo)飞袋。

2戳气、但也不要使用過(guò)多的空間:對(duì)于大多數(shù)網(wǎng)站來(lái)說(shuō),沒(méi)有必要用大量的空間來(lái)表述主張巧鸭,闡述應(yīng)保持簡(jiǎn)短瓶您,表明觀點(diǎn),最多提4個(gè)最主要的功能即可纲仍。

3呀袱、不要把使命陳述當(dāng)做歡迎廣告:類似于“××公司致力于提供世界一流的××解決方案”的內(nèi)容不會(huì)有人看。

4郑叠、最重要的是進(jìn)行測(cè)試:把主頁(yè)拿給公司之外的人看夜赵,讓他們告訴你設(shè)計(jì)是否達(dá)到了目標(biāo),“網(wǎng)站宗旨”的缺失是內(nèi)部人員不會(huì)注意到的锻拘。

五油吭、沒(méi)有什么比得上一句好口號(hào)

1击蹲、口號(hào)是一條精煉的短句,刻畫(huà)了企業(yè)婉宰,總結(jié)它是什么歌豺,什么讓它如此卓越。

2心包、口號(hào)是非常有效的信息傳達(dá)方式类咧,因?yàn)樗鼈兪怯脩糇钕M苷业疥P(guān)于網(wǎng)站目標(biāo)具體描述的地方。

3蟹腾、好的口號(hào)要清楚痕惋、言之有物;不好的口號(hào)含糊不清娃殖。

4值戳、好的口號(hào)長(zhǎng)度適中,6-8個(gè)單詞為宜炉爆。

5堕虹、好的口號(hào)能表述出網(wǎng)站的特點(diǎn)和顯而易見(jiàn)的好處;不好的廣告聽(tīng)起來(lái)太籠統(tǒng)芬首。

6赴捞、不要把宗旨(motto)和口號(hào)混淆,宗旨表達(dá)某種指導(dǎo)原則郁稍、目標(biāo)或理想赦政,但不會(huì)告訴你網(wǎng)站是干什么的。

7耀怜、好的口號(hào)應(yīng)該有個(gè)性恢着、生動(dòng),有時(shí)還很俏皮封寞。

六然评、從哪里開(kāi)始?

1狈究、當(dāng)用戶進(jìn)入一個(gè)新的網(wǎng)站碗淌, 快速掃描之后,應(yīng)該能明白無(wú)誤的知道:如果我要搜索抖锥,可以從這里開(kāi)始亿眠;如果我想掃描,可以從這里開(kāi)始磅废;如果我想瀏覽最精彩的內(nèi)容纳像,可以從這里開(kāi)始。

2拯勉、那些針對(duì)包含一系列步驟的過(guò)程(如貸款)所建立的網(wǎng)站竟趾,過(guò)程的起點(diǎn)應(yīng)該很明顯憔购。

3、那些需要登錄/注冊(cè)的網(wǎng)站岔帽,應(yīng)該突出顯示登錄/注冊(cè)的位置玫鸟。

4、頁(yè)面上如果滿是大喊大叫的“從這里開(kāi)始”犀勒、“不屎飘,先點(diǎn)擊我”,用戶就很難找到應(yīng)該有的起點(diǎn)贾费。所以钦购,要讓起點(diǎn)看起來(lái)像起點(diǎn)(如搜索框長(zhǎng)得像搜索框,并且加上文字描述“搜索”)褂萧。

七押桃、主頁(yè)導(dǎo)航可以不一樣

1、由于主頁(yè)獨(dú)特的職責(zé)导犹,通常不必使用持久導(dǎo)航怨规,但也不要相去甚遠(yuǎn)。

2锡足、欄目描述:由于主頁(yè)要盡可能多地表現(xiàn)網(wǎng)站的內(nèi)容,因此你可能想為每個(gè)欄目加上描述性的短語(yǔ)壳坪,甚至下一級(jí)欄目舶得。

區(qū)別示例

3、主頁(yè)可能會(huì)使用垂直導(dǎo)航而非水平導(dǎo)航爽蝴。

4沐批、用于識(shí)別的空間更多:主頁(yè)的站點(diǎn)ID通常會(huì)比持久導(dǎo)航上的更大。在主頁(yè)上也通常會(huì)在站點(diǎn)ID旁為口號(hào)留一些空間蝎亚,而品牌口號(hào)不一定出現(xiàn)在每個(gè)頁(yè)面九孩。

5、主頁(yè)導(dǎo)航與持久導(dǎo)航需要保持一定程度上的一致性:欄目的名稱保持不變(順序发框、文字躺彬、分組),保持相同的視覺(jué)提示(顏色梅惯、字體宪拥、大小寫(xiě))。

八铣减、下拉框

1她君、由于主頁(yè)的位置有限,設(shè)計(jì)師通常會(huì)采用下拉框節(jié)省空間葫哗,但下拉框存在一些問(wèn)題缔刹。

下拉框

2球涛、用戶必須把它們找出來(lái):必須點(diǎn)擊下拉框,才能把列表上的項(xiàng)目顯示出來(lái)校镐,不能讓用戶在掃描的時(shí)候看到這些內(nèi)容亿扁。

3、它們難以掃描:如果設(shè)計(jì)師使用標(biāo)準(zhǔn)的HTML下拉菜單灭翔,就無(wú)法控制字體魏烫、間隔和列表的格式,以提高可讀性肝箱,也沒(méi)辦法把列表分組哄褒。

4、它們不好控制:列表的顯示和收縮很快煌张,會(huì)影響查看效果呐赡。

九、共有區(qū)域的悲効ト凇(the tragedy of Commons)

任何共享的資源都會(huì)因?yàn)檫^(guò)度使用而遭到破壞链嘀。

1、主頁(yè)容易引發(fā)短視的行為档玻,任何項(xiàng)目都希望能在主頁(yè)放置一個(gè)顯目的鏈接怀泊,得到推介的欄目會(huì)獲得巨大的訪問(wèn)量,而由于主頁(yè)變得更混亂而造成的有效性總體損失則要所有欄目一起承擔(dān)误趴。

2霹琼、應(yīng)該讓所有的利益相關(guān)者知道過(guò)度使用主頁(yè)的危險(xiǎn),可以從其他熱門(mén)頁(yè)面進(jìn)行推介凉当,或者輪流使用主頁(yè)上的同一塊空間枣申。


——著作權(quán)歸原作者所有——

——圖片來(lái)自網(wǎng)絡(luò)——

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市看杭,隨后出現(xiàn)的幾起案子忠藤,更是在濱河造成了極大的恐慌,老刑警劉巖楼雹,帶你破解...
    沈念sama閱讀 219,490評(píng)論 6 508
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件模孩,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡贮缅,警方通過(guò)查閱死者的電腦和手機(jī)瓜贾,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,581評(píng)論 3 395
  • 文/潘曉璐 我一進(jìn)店門(mén),熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)携悯,“玉大人祭芦,你說(shuō)我怎么就攤上這事°竟恚” “怎么了龟劲?”我有些...
    開(kāi)封第一講書(shū)人閱讀 165,830評(píng)論 0 356
  • 文/不壞的土叔 我叫張陵胃夏,是天一觀的道長(zhǎng)。 經(jīng)常有香客問(wèn)我昌跌,道長(zhǎng)仰禀,這世上最難降的妖魔是什么? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 58,957評(píng)論 1 295
  • 正文 為了忘掉前任蚕愤,我火速辦了婚禮答恶,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘萍诱。我一直安慰自己悬嗓,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,974評(píng)論 6 393
  • 文/花漫 我一把揭開(kāi)白布裕坊。 她就那樣靜靜地躺著包竹,像睡著了一般。 火紅的嫁衣襯著肌膚如雪籍凝。 梳的紋絲不亂的頭發(fā)上周瞎,一...
    開(kāi)封第一講書(shū)人閱讀 51,754評(píng)論 1 307
  • 那天,我揣著相機(jī)與錄音饵蒂,去河邊找鬼声诸。 笑死,一個(gè)胖子當(dāng)著我的面吹牛退盯,可吹牛的內(nèi)容都是我干的双絮。 我是一名探鬼主播,決...
    沈念sama閱讀 40,464評(píng)論 3 420
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼得问,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來(lái)了软免?” 一聲冷哼從身側(cè)響起宫纬,我...
    開(kāi)封第一講書(shū)人閱讀 39,357評(píng)論 0 276
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎膏萧,沒(méi)想到半個(gè)月后漓骚,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,847評(píng)論 1 317
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡榛泛,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,995評(píng)論 3 338
  • 正文 我和宋清朗相戀三年蝌蹂,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片曹锨。...
    茶點(diǎn)故事閱讀 40,137評(píng)論 1 351
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡孤个,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出沛简,到底是詐尸還是另有隱情齐鲤,我是刑警寧澤斥废,帶...
    沈念sama閱讀 35,819評(píng)論 5 346
  • 正文 年R本政府宣布,位于F島的核電站给郊,受9級(jí)特大地震影響牡肉,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜淆九,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,482評(píng)論 3 331
  • 文/蒙蒙 一统锤、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧炭庙,春花似錦饲窿、人聲如沸。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 32,023評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)。三九已至擦盾,卻和暖如春嘲驾,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背迹卢。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 33,149評(píng)論 1 272
  • 我被黑心中介騙來(lái)泰國(guó)打工辽故, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人腐碱。 一個(gè)月前我還...
    沈念sama閱讀 48,409評(píng)論 3 373
  • 正文 我出身青樓誊垢,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親症见。 傳聞我的和親對(duì)象是個(gè)殘疾皇子喂走,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,086評(píng)論 2 355

推薦閱讀更多精彩內(nèi)容

  • 如果某個(gè)東西很難用,我就不會(huì)經(jīng)常用它谋作∮蟪Γ——Steve Krug妻子 引用本書(shū)作者Steve Kru在書(shū)中提到的妻子...
    九O九閱讀 2,005評(píng)論 1 4
  • 第1章 別讓我思考 要使網(wǎng)站看上去一目了然,或者需要自我解釋遵蚜。讓用戶在第一眼就理解網(wǎng)站上各個(gè)元素的作用帖池,并且盡可能...
    怪蜀黍機(jī)器人閱讀 517評(píng)論 0 0
  • 內(nèi)容簡(jiǎn)介 可用性設(shè)計(jì)是Web設(shè)計(jì)中最重要也是難度最大的一項(xiàng)任務(wù)。本書(shū)作者根據(jù)多年從業(yè)的經(jīng)驗(yàn)吭净,剖析用戶的心理睡汹,在用戶...
    少穻閱讀 1,088評(píng)論 1 5
  • ——不知道什么是有用的,看到的都記下寂殉,只為自己在轉(zhuǎn)型的路上越走越好囚巴。 關(guān)于《don't make me think...
    可米丫頭閱讀 478評(píng)論 0 1
  • 我喜歡錢(qián),喜歡通過(guò)勞動(dòng)和技能,知識(shí)文兢,智慧去賺錢(qián)晤斩。但是不是喜歡通過(guò)所謂的人脈,圈子去找尋賺錢(qián)的機(jī)會(huì)姆坚。也不喜歡通過(guò)廣告...
    塵埃落定2016閱讀 240評(píng)論 0 1