為什么簡單更好
- 網(wǎng)站和每個頁面都有目標(biāo);
- 用戶的注意點是有限的資源;
- 幫助用戶找到他們想要的(或讓用戶注意我們希望他們看的內(nèi)容)是設(shè)計師的職責(zé);
- 屏幕上的元素吸引眼球,元素越多,用戶去關(guān)注的各種不同的事情就越多,同時他去關(guān)注重要內(nèi)容的幾率就下降了;
- 所以我們需要很確定的交流方式,也需要把信息噪音減少到最少,那代表著我們要找到一個盡可能少用元素的解決方案,那就是節(jié)約元素即簡單。
何時/如何讓你的設(shè)計簡單
- 何時 始終如此
- 如何做 有兩個方面能讓你成功做到簡單
- 在不影響效果的情況下,去掉多余的元素
- 能達到同樣效果的可行方案中,選擇更簡單的
看起來達到完美的結(jié)果,不是沒有東西可再添加,而是沒有任何東西可被去除的時候,每當(dāng)你設(shè)計的時候,有意識的把去除多余的視覺元素作為準(zhǔn)則。
不要把注意力特別集中在和頁面目標(biāo)相關(guān)性比較小的區(qū)域,因為用戶視線在關(guān)注這些時會分散在主要內(nèi)容和導(dǎo)航的注意力。利用視覺細節(jié)如線條、文字、形狀和顏色去傳達信息,而不僅僅是為了裝飾。
這里有個設(shè)計的例子,由于不夠簡單而深受其害:
Yaxay 的界面用了很多像素,但是大多數(shù)都是修飾性的,一部分是頁面的背景。相對少的像素被用來讓用戶找到或理解信息或被站點吸引。
想想這個頁面看上去東西可真多啊,但是能使真正的導(dǎo)航、內(nèi)容和交互特征清晰的元素實在太少了。
愛德華•托佛特用“數(shù)據(jù)墨水”(如可以傳遞信息的細節(jié))和“非數(shù)據(jù)墨水”(如只是修飾的細節(jié))來形容這一現(xiàn)象。
托佛特的衡量信息設(shè)計(圖形,圖表,演示等)有效性的一種標(biāo)準(zhǔn)是數(shù)據(jù)墨水和非數(shù)據(jù)墨水的使用比例,數(shù)據(jù)墨水使用的比例越高,設(shè)計的有效性可能就越高。
以Yaxay第二幅的細節(jié)圖為例,它有太多被稱為“繁忙”的元素,比如大量的邊緣、色調(diào)、顏色變化、形狀、線條……很多要看的元素,但是在這個細節(jié)真正有用的是:
- 網(wǎng)站的logo
- 導(dǎo)航按鈕上的標(biāo)簽文字:art gallery
剩余的其他“繁忙”元素:背景上的形狀、界面上的斜線、網(wǎng)格、漸變……所有這些噪音都是非數(shù)據(jù)墨水,因為它們都不能傳達信息。
我并不反對網(wǎng)站設(shè)計的豐富、復(fù)雜或美感性
簡單的意思:無論采用什么方式,只要是為了讓信息傳達更順利的元素是越多越好,當(dāng)然,通常你要傳達的不是硬數(shù)據(jù),而是軟數(shù)據(jù);
硬數(shù)據(jù):指事實,如新聞、股票價格、列車時間或你銀行賬戶的存款……
軟數(shù)據(jù):涉及信息傳達的質(zhì)量,如公司給人的第一印象,服務(wù)提供者是否親切,一種產(chǎn)品是否適合你……這些都是同樣重要的。
無論你要傳達的是硬數(shù)據(jù)還是軟數(shù)據(jù),你都應(yīng)該有意識并謹慎的使用元素數(shù)量。
以下圖為例:
Alex Dukal的站點很豐富、有趣、吸引人,它用了一系列視覺技巧來引起你注意,讓你感覺有趣,對Alex的工作給你一種溫暖的感覺。但是它也是簡單的,因為它謹慎而敏感的使用像素、墨水或繁忙元素,它并非是沒必要的,而是節(jié)儉而豐富的。
無論怎么說,當(dāng)你使用墨水、像素時要明智的選擇,用它來傳達首要的信息,同時,問問自己用少量的元素能否有效的傳達信息,如果可以,就這樣做。[未完待續(xù)……]
第一次翻譯專業(yè)性文章,有不得到之處歡迎指正
本文鏈接:http://www.95time.cn/design/doc/2008/6222.asp
出處:口碑網(wǎng)UED Team
責(zé)任編輯:moby
上一頁 web 2.0設(shè)計指導(dǎo)之一:簡單 [2] 下一頁
|