開始動手前(3)-作個不迷路的孩子

版面規劃中,清楚明白的連結絕對是重點中的重點。一個網站就算再怎麼好看,但使用者找不到正確路徑的話,網頁被關掉就會是必然的結果(哭哭)。閱聽網站少了觀眾,而電子商務網站少的可是訂單!這怎麼可以呢~(講到這裡客戶應該會挫著等了)
要怎麼解救迷途的孩子們呢?我認為有些事項必須要注意:

網站Logo不要躲,
貼心提示小動作。
常用連結固定好,
文字提示要做到!
(OS:好像在寫詩阿)

網站Logo不要躲
Logo就像是一間店舖的門面、一個包裝的品牌名稱,在網站還被默認是回到首頁的按鈕。
所以請記得把Logo放在顯眼的地方吧!多數網站都放在左上角,也有放在中間上部的。
各有各的好處,端視網站整體風格而定。

貼心提示小動作
這裡的貼心指的是讓使用者隨時知道自己在哪一頁,並且知道下一步該怎麼走。
最常見的就是麵包屑Breadcrumb,頁面標題文字、文字樣式更改等等。
尤其是麵包屑,個人認為對電子商務網站非常有用,因為社群網站普遍的關係,點擊商品的路徑不一定是經由首頁或是商品列表頁,有麵包屑可讓閱覽人快速知道自己的頁面在哪個分類底下,無形中也增進瀏覽與購物數。

Breadcrumb
圖:麵包屑。範圍從首頁到該產品的路徑一目了然。
圖片來自Yahoo!奇摩。

Title
圖:頁面標題文字。favicon+商品名稱,未看先知xD。
圖片來自Yahoo!奇摩。

ChangeColor
圖:文字樣式更改。不只沒有超連結,字的顏色也不一樣,或者可以加粗顯示。
圖片來自Yahoo!奇摩。

常用連結固定好
常用的連結像是導覽列、連絡客服、Sitemap、語系等儘可能放在固定又好找的地方,培養使用者的“習慣”。試想如果A頁的導覽列在頁面最上方,連到B頁時卻跑到最底下了,頁面一打開會不會覺得很錯愕呢?

文字提示要做到
情境題:小明終於搜尋到他找好久的商品,正當準備火速加入購物車結帳的時候…咦?為什麼怎麼按都沒反應?網站沒有跳出任何訊息究竟是為甚麼?搞了半天發現商品早已沒貨,當下氣得想“冰的!”
文字提示的重要性就在這裡了,一個警告視窗也好,一段說明文字也好,大大增進親和力總是錯不了的。

終於寫完今日的分享主題,結語就是:挽救迷路的孩子,人人有責xD
本文同步發表於http://ithelp.ithome.com.tw/question/10133556

在〈開始動手前(3)-作個不迷路的孩子〉中有 2 則留言

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *