組織頁(yè)面
人們一般都只熱愛(ài)那些不用他們多做思考就能成事兒的站點(diǎn)。用戶(hù)的精力是用來(lái)解決他們自己的問(wèn)題的,而不應(yīng)該浪費(fèi)在搞清楚網(wǎng)站怎么用上面。
卡片分類(lèi)是安排網(wǎng)站內(nèi)容的好方法。要利用卡片分類(lèi),列出你網(wǎng)站的所有頁(yè)面,把它們寫(xiě)在一些索引卡上。然后,把所有卡片鋪到桌子上,移動(dòng)卡片位置,直至所有的目錄和子目錄歸檔方式都最為有理有據(jù)。
如果你沒(méi)法親自做卡片分類(lèi),或者你們團(tuán)隊(duì)沒(méi)有時(shí)間做這件事,那你們還可以試試?yán)脭?shù)據(jù)表在線(xiàn)商討。以下是使用一些虛擬數(shù)據(jù)在Google Docs里創(chuàng)建的一家新西蘭投資公司網(wǎng)站的示例。
利用數(shù)據(jù)表進(jìn)行卡片分類(lèi)的示例
如果你的項(xiàng)目是針對(duì)某網(wǎng)站的再設(shè)計(jì),那你應(yīng)該先看看該站點(diǎn)的訪(fǎng)問(wèn)統(tǒng)計(jì)數(shù)據(jù),找出哪些頁(yè)面獲得的流量更多,哪些更少。這么做的好處是能推斷出設(shè)計(jì)的內(nèi)容在哪部分還不夠,在哪部分又太過(guò)了。然后,緊縮或合并類(lèi)似頁(yè)面,簡(jiǎn)化復(fù)雜頁(yè)面。
即使已經(jīng)過(guò)了正式的設(shè)計(jì)過(guò)程,好的卡片分類(lèi)實(shí)踐也能大大提高一個(gè)網(wǎng)站的可用性和內(nèi)容傳遞效率。這是一種讓網(wǎng)站保持關(guān)聯(lián)性和實(shí)效性的聰明訓(xùn)練。要了解更多關(guān)于這方面的信息,請(qǐng)參見(jiàn) 用框線(xiàn)圖 實(shí)現(xiàn)卡片分類(lèi)(英文), Usability.gov上的卡片分類(lèi)介紹(英文),或者閱讀這本關(guān)于卡片分類(lèi)的專(zhuān)著(英文)。
額外提醒:讓不熟悉公司業(yè)務(wù)的人來(lái)幫忙進(jìn)行卡片分類(lèi),有助于發(fā)現(xiàn)大眾成見(jiàn),獲得意想不到的反饋 鋪展頁(yè)面
接下來(lái),我們需要深入理解設(shè)計(jì)的視覺(jué)優(yōu)先順序。這里我們采用注意力地圖(Attention Map)并且做一點(diǎn)算術(shù)。
注意力地圖就是為頁(yè)面指定一系列目標(biāo),并且為每個(gè)目標(biāo)分配一個(gè)吸引力指數(shù)。總點(diǎn)數(shù)不要太多,足夠分配就好,這樣點(diǎn)數(shù)之間才能更容易對(duì)比和互相參考;但也不要太少,以免分配出太多過(guò)于接近的點(diǎn)數(shù)。這么做的目的是讓你深入理解各個(gè)目標(biāo)之間的聯(lián)系,從而確立穩(wěn)妥的內(nèi)容層次。
樣例點(diǎn)數(shù)分配:
- 四個(gè)目標(biāo),一共分配15點(diǎn)
樣例結(jié)果:
- 服務(wù)介紹:7點(diǎn)
- 帶來(lái)的益處:4點(diǎn)
- 行業(yè)文章:2點(diǎn)
- 相關(guān)新聞:2點(diǎn)
比起簡(jiǎn)單的優(yōu)先級(jí)列表,注意力地圖更為高效,因?yàn)樗直觀反映了各個(gè)目標(biāo)在頁(yè)面中占據(jù)多少空間。由于“服務(wù)介紹”的點(diǎn)數(shù)比“益處”所占點(diǎn)數(shù)要高3點(diǎn)(幾乎是兩倍了),所有你能肯定“服務(wù)介紹”需要吸引大量更多注意力。
使用注意力地圖在網(wǎng)頁(yè)上劃分重要性區(qū)域
用草圖表達(dá)滿(mǎn)足目標(biāo)、適合內(nèi)容組織、符合注意力地圖的設(shè)計(jì)選項(xiàng)時(shí),應(yīng)當(dāng)簡(jiǎn)明直率,且富有戰(zhàn)略。說(shuō)不定這樣你就能少很多搜索枯腸的煩惱。
額外提醒: 完成之后,試試反轉(zhuǎn)草圖,或者從鏡子里面看它,看看還是否能用。為你自己的草圖挑刺兒(包括那奇怪的鏡像草圖),能幫你想出一系列新點(diǎn)子。
出處:藍(lán)色理想
責(zé)任編輯:bluehearts
上一頁(yè) 拒絕臆想,讓我們腳踏實(shí)地做設(shè)計(jì) [1] 下一頁(yè) 拒絕臆想,讓我們腳踏實(shí)地做設(shè)計(jì) [3]
|