1.4 排版
1.4.1 排版沒有體現(xiàn)常用或自然的次序
問題
排版沒有體現(xiàn)用戶期望的順序。
分析
排版沒有經(jīng)過分析,不能體現(xiàn)內(nèi)容的順序性和使用頻率,不能按照用戶的習(xí)慣操作流程和邏輯布局。
案例
Google的Joga.com,加入某個球隊社區(qū)功能!胺祷亍焙汀凹尤搿卑粹o相隔甚遠(yuǎn),而且把“返回”按鈕放到了“加入”按鈕的前面。
由于Joga.com是Google拿原有的英文程序修改而成,所以注冊頁的排版沒有照顧中文用戶的習(xí)慣:讓用戶先填名字后填姓,先選月、日后選年份,先寫城市后選國家再填家鄉(xiāng)。讓用戶感覺思想被操縱著在一堆信息中跳來跳去,整個注冊流程完成后十分疲憊。
1.4.2 排版沒有依據(jù)內(nèi)容的重要程度
問題
排版主次不分明
分析
這樣的布局看起來好像只是策劃人員決定需要那些內(nèi)容后多少有些隨意的安放在頁面中。即使這樣的排版看起來似乎還不錯,但有可能是非常失敗的設(shè)計。
案例
作為一個體育頻道,用戶需求是大量的體育新聞。TOM體育的頭版卻安排了大量的花邊新聞、美女圖片,這些次要內(nèi)容占據(jù)了很多本該用來顯示體育新聞的位置。
新浪體育處理得就比較好,頭版充斥大量的最新最引人關(guān)注的體育消息。
1.4.3 將不同類型的內(nèi)容并列處理
問題
將不同類型的內(nèi)容當(dāng)作同一類型來并列排版
分析
有些內(nèi)容,功能不同,但往往由于各種因素在排版時被并列處理。用戶看到并列處理的元素,會下意識把他們當(dāng)作功能并列的元素,這樣在使用時往往會產(chǎn)生錯誤或發(fā)生挫折。
案例
北航“未來花園”BBS的登錄表單!暗卿洝卑粹o是表單的一部分,起到提交表單的作用。而“注冊”只是一個打開注冊頁的鏈接。設(shè)計者為了追求美觀而將其并列排版,統(tǒng)一處理成按鈕形式,會讓部分用戶誤以為“注冊”也是這個表單的一部分,填寫用戶名、密碼后點(diǎn)擊“注冊”就提交了注冊表單。而實(shí)際上點(diǎn)注冊時,填寫的用戶名、密碼并沒被提交,到注冊頁面以后還要重新輸入你要注冊的用戶名、密碼。
搜狐首頁的搜狗搜索。新聞、網(wǎng)頁、音樂、圖片、說吧這五項都是模擬的選項卡效果,點(diǎn)擊以后,改變點(diǎn)擊項的樣式,不打開任何頁面。但點(diǎn)擊“地圖”會彈出新的頁面,讓用戶在操作過程中很可能感到十分意外。在這里,前五項都具有選項卡的功能,可以并列排版,而“地圖”的功能明顯不同,所以不應(yīng)該和其他五項并列排版。
1.4.4 間距處理不當(dāng)
問題
內(nèi)容間的距離不合適,使用戶無法辨別內(nèi)容是如何組織的。
分析
排版時,應(yīng)注意頁面的易閱讀性。每塊內(nèi)容或每個元素之間的距離如果處理不得當(dāng),會迷惑用戶。比如:兩個相關(guān)元素距離太遠(yuǎn),會讓用戶感覺他們是彼此獨(dú)立的。
案例
Joga.com的注冊頁面。“生日”和“出生年份”后面有兩個設(shè)置權(quán)限的下拉框(兩個黃色的鑰匙圖標(biāo)那里)。他們與“生日”和“出生年份”相隔太遠(yuǎn),讓用戶無法在第一時間看出其中的從屬關(guān)系,無法判斷他們的功能。
某網(wǎng)站的登錄表單。用戶名輸入框離“用戶名”三個字很遠(yuǎn),和“密碼”連在了一起。影響用戶判斷它們之間的關(guān)系。
2 常見可用性錯誤——文案錯誤(點(diǎn)擊瀏覽)
經(jīng)典論壇討論: http://bbs.blueidea.com/thread-2667364-1-1.html
出處:藍(lán)色理想
責(zé)任編輯:moby
上一頁 導(dǎo)航欄 下一頁
|