也許你是老板,要評估自己的新網站設計情況,或者你是項目經理,要查看你的設計師制作的網站模型。你該在網站界面設計中發現什麼呢?誰都會無關痛癢地說“這個看起來不錯”或者“這個好像不怎麼好用”,但是怎麼才能給出有意義的反饋呢?
我們經常需要叫非職業設計師來評判界面設計的好壞。也許你是老板,要評估自己的新網站設計情況,或者你是項目經理,要查看你的設計師制作的網站模型。你該在網站界面設計中發現什麼呢?誰都會無關痛癢地說“這個看起來不錯”或者“這個好像不怎麼好用”,但是怎麼才能給出有意義的反饋呢?
對設計的全面深入理解並非一篇文章所能概括。本文提供一些對你有所幫助的指導原則。
開始之前,為你提供一個范例。這是我最近做的一個界面評論文章,針對的是尚未發布的Firefox Add-On Builder界面。這個Add-On Builder屬於Jetpack project 的一部分,你可以用這個中等復雜度的Web應用,方便的在線開發Firefox和Thunderbird擴展插件,然後將你開發的插件發布到網上供全世界網民下載。
我對這個界面做了個超大的截圖,評論也寫在裡面了。
提醒:鼠標滾輪縮放圖片,雙擊放大,可以拖動。
點擊:到新標簽頁中打開大圖片
例子:Windows用戶早就習慣了,微軟總在問你:你確定嗎?
有一些新聞類網站喜歡把文章分很多塊,然後分頁來顯示,所以用戶不得不一直點擊“下一頁”來等那麼多廣告下載完才顯示出頁面。大多數人都會討厭這種做法,所以根本不會讀完一篇文章。這就是交互過載的表現。
(譯者注:國內門戶網站都這樣,主要是流量考慮)
仔細思考一下,用戶使用你的產品時所作的每一小步都是必要的嗎?如果你也覺得麻煩,那就去簡化一些。
例子:學學泡泡網的絕佳設計吧
例1-Gmail的發送和捨棄按鈕相隔甚遠
例2-人人網站內信的發送和取消用顏色識別開(其實可以做的更好)
例子:淘寶商城的圖標制作很見功力,配合文字使用恰到好處。
例子:豆瓣的3個核心頻道,良好起點和一致性的典范。
如果你看到不止一種方法可以做某件事,讓你的設計師花點兒時間簡化一下,做一個統一的方案。不要讓用戶處在猶豫不決中。用戶腦中不相關的選擇越少,他們就越清晰地知道如何完成自己的要做的事兒。
例子:看看蘋果的簡約設計。
例子:再看看宏碁的相對復雜設計。
例子:看這個日期提醒,交互更重要。