《錦繡藍(lán)圖 怎樣規(guī)劃讓人流連忘返的網(wǎng)站》讀書筆記

0 評論 5135 瀏覽 4 收藏 7 分鐘

最近花了差不多兩個(gè)月的時(shí)間斷斷續(xù)續(xù)把這本書讀完了,個(gè)人感覺對于信息架構(gòu)師、互聯(lián)網(wǎng)產(chǎn)品經(jīng)理、網(wǎng)站設(shè)計(jì)師來講都是一本不可多得的資料。正如作者一開始所說的,書中的每一章基本可以單獨(dú)成文,每一章都講了不同的主題,因而它更是一本可供臨時(shí)查閱的手冊。

文章中關(guān)于標(biāo)簽的定義及其重要性的解釋讓人恍然大悟,關(guān)于信息分類和用戶角色的挑選的方法也是極具可操作性的。此外,作者對于社交網(wǎng)絡(luò)設(shè)計(jì)的幾個(gè)原則和三個(gè)主要因素的解釋是目前這一領(lǐng)域概括的比較完備的。

這里就文中的一些主要框架和個(gè)人的一些見解整理出來,一起分享給大家,希望能對這一領(lǐng)域的關(guān)注者有所幫助。

網(wǎng)站設(shè)計(jì)八項(xiàng)基本原則:

1、標(biāo)識導(dǎo)引設(shè)計(jì)

【針對女性的網(wǎng)站應(yīng)當(dāng)注意標(biāo)識導(dǎo)引;針對男性的網(wǎng)站應(yīng)當(dāng)注意當(dāng)前位置和路徑標(biāo)識;當(dāng)前身在何處、歷史路徑怎樣、目標(biāo)在何方】

2、設(shè)定期望并提供反饋

【在動(dòng)作真正生效之前要告知用戶動(dòng)作尚未發(fā)生】

3、基于人體工程學(xué)的設(shè)計(jì)

【事實(shí)上導(dǎo)航(關(guān)鍵信息)置于右側(cè)更便于大多數(shù)網(wǎng)民的使用。悖論:事實(shí)上在位置分布不是很明顯的網(wǎng)站上,用戶常常默認(rèn)將右側(cè)的邊欄視作廣告集中營】

4、保持一致 考慮標(biāo)準(zhǔn)

【遵循行業(yè)管理和用戶行為習(xí)慣。比如:“回到主頁”鏈接往往位于左上角,而購物車幾乎一致出現(xiàn)在右上角;用戶希望廣告位于右側(cè),如果把有用的鏈接放在頁面右側(cè),就很可能被完全忽略了?!?/p>

5、提供糾錯(cuò)支持——預(yù)防、保護(hù)、通知

6、要靠辨識,而不要靠記憶

7、考慮到不同水平的用戶

8、提供上下文幫助和文檔

如何讓網(wǎng)站的內(nèi)容更便于用戶發(fā)現(xiàn)和使用:

1、使用熟悉的組織系統(tǒng)

2、明顯的標(biāo)簽

3、讓導(dǎo)航更像導(dǎo)航

【僅供閱讀的文本和可以點(diǎn)擊的文本看上去應(yīng)當(dāng)有區(qū)別】

4、將“在這里”、“到過這里”和“可以訪問”加以區(qū)別

關(guān)于“標(biāo)簽”:

標(biāo)簽成為非官方組織信息內(nèi)容的最容易方式。其次,在用戶生成的內(nèi)容越來越普遍的今天,標(biāo)簽成為創(chuàng)建可擴(kuò)展分類系統(tǒng)的唯一途徑。最后一點(diǎn),標(biāo)簽從另一個(gè)方面對最終用戶也很有用,即個(gè)性化組織。

一方面是靈活的可擴(kuò)展分類系統(tǒng),另一方面是聚集、保存甚至推薦新項(xiàng)目的標(biāo)記功能,二者的集合是標(biāo)簽成為所有Web2.0網(wǎng)站的一個(gè)選擇,甚至一些早期的web網(wǎng)站也盡力跟進(jìn)這種技術(shù)。綜合傳統(tǒng)的分類方法,標(biāo)簽會(huì)更加有用。

交互任務(wù)組合的三種常用方法:

1、向?qū)Вǘ鄠€(gè)方框,多個(gè)頁面)

【向?qū)蔷€性的;該交互人物的使用頻率不高;用戶的技術(shù)水平不高;任務(wù)中包含多個(gè)步驟,但是一次訪問只能完成一個(gè)步驟】

2、控制面板(多個(gè)方框,一個(gè)頁面)

【用戶的技術(shù)水平較高;網(wǎng)絡(luò)帶寬足夠;應(yīng)用如意理解,而且選擇很只管;需要通過將元素鄰近放置來提供上下文;該任務(wù)使用頻率較高】

3、工具條

【任務(wù)中有多個(gè)步驟;任務(wù)交叉進(jìn)行,非線性關(guān)系;工具與工作區(qū)的緊鄰關(guān)系很重要;用戶的技術(shù)水平能夠支持實(shí)現(xiàn)】

網(wǎng)站導(dǎo)航:

1、結(jié)構(gòu)導(dǎo)航

結(jié)構(gòu)導(dǎo)航表示了內(nèi)容的層次結(jié)構(gòu),往往采用全局和局部導(dǎo)航的形式。

面包屑導(dǎo)航:一般用于不同頁面和產(chǎn)品之間有明顯需求差異,跨欄目穿插需求較少。

蟹行導(dǎo)航:一次點(diǎn)擊可跨欄目的需求較多

2、關(guān)聯(lián)導(dǎo)航

關(guān)聯(lián)導(dǎo)航將一個(gè)頁面與包含類似內(nèi)容的其他頁面相關(guān)聯(lián)

關(guān)聯(lián)導(dǎo)航很容易被忘記,因?yàn)樗鼈兿喈?dāng)于跨越信息架構(gòu)體系的快捷途經(jīng),不過關(guān)聯(lián)導(dǎo)航是保證網(wǎng)站可用性的最強(qiáng)大動(dòng)力,是網(wǎng)站下一步的安全網(wǎng)。

3、可用性導(dǎo)航

可用性導(dǎo)航實(shí)現(xiàn)了頁面與幫助訪問者使用網(wǎng)站本身的特性之間的關(guān)聯(lián)

決定對一個(gè)表單或者過程是否實(shí)現(xiàn)分頁導(dǎo)航時(shí),首先應(yīng)當(dāng)確定用戶完成表單到底有多重要。如果允許用戶放棄表單而轉(zhuǎn)去網(wǎng)站上另外某個(gè)部分,那么可以保留全局導(dǎo)航和局部導(dǎo)航可見。不過如果要用戶完整地完成表單非常重要,則要渠道全局導(dǎo)航和局部導(dǎo)航。

社交空間架構(gòu)要素:

1、身份

身份要素【個(gè)性化信息;頭像(頭像應(yīng)當(dāng)涵蓋所有潛在用戶群特征);在線狀態(tài)(當(dāng)前、歷史、動(dòng)作、交往、位置);威望】

2、關(guān)系

關(guān)系要素【聯(lián)系、群、規(guī)范】

3、活動(dòng)

活動(dòng)要素【共享、交流、協(xié)作、智慧匯集】

鑒于作者和譯者的版權(quán),不變發(fā)布過多的原書內(nèi)容,如果覺得有價(jià)值可以購買原書《錦繡藍(lán)圖:怎樣規(guī)劃令人流連忘返的網(wǎng)站(第2版)》。

來源:http://www.jingpingw.com.cn/information-architecture-blueprints-for-the-web/

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 目前還沒評論,等你發(fā)揮!