工業(yè)產品的設計從上個世紀初(甚至可以說是上上個世紀末)就開始了,經歷了百年。工業(yè)設計中的很多經驗對于現在的互聯網設計都是很有啟發(fā)的。
最近經;丶液芡,常去門口的麥當勞吃晚飯。在那里注意到兩個很有意思的設計。
第一則:廁所的門

這是在麥當勞廁所外面拍攝的?梢钥吹剑^的門把手就是釘在門上的一個金屬板。這個門要怎么打開?沒法往外拉,沒法橫向推拉,只能往里推。
這是深圳的一家麥當勞的廁所門,現在回想一下,似乎北京麥當勞的廁所門也是這樣設計的。
關于這個設計,之前曾經在blueidea的用戶體驗綜合版里說起過。
我們來看看這樣一個設計對web的交互設計有什么啟發(fā)。這個設計使得用戶在操作之前就已經知道要如何操作了,而不用去嘗試。在網頁中,也存在著類似的需求---文字鏈接。
用戶打開一個頁面后,需要能知道哪些內容是有鏈接的、可以點擊的。不應該讓用戶用光標去嘗試,這會大大降低使用效率。這其實是可用性中一條很明確的要求,但是,卻總是不被注意。

上圖所示的頁面中,“您所在的位置:”是不可點擊的,“QQ首頁”是可以點擊的,“新聞頻道”是可以點擊的,“走馬燈、正文”都是不可點擊的。
類似的問題幾乎各大網站都存在,請您隨便想出幾個常去的網站,sina?163?中國新聞網?無一幸免。
第二則:番茄醬

這袋兒番茄醬在包裝上很清楚的給用戶提示了撕開包裝袋的方法。實際上,并不是只有包裝上指示的鋸齒位置才能撕開。這顯然是為新手用戶設計的。如果您是第一次使用,不知道該怎么操作,那么,就按照提示來做吧。多用幾次之后,您就會發(fā)現沿包裝袋兩端任何一個鋸齒都可以撕開。
也許這個設計看上去有些多余甚至可以被認為是一種對用戶的誤導,誤導用戶從指定的位置撕開。不過,這樣的誤導并沒有給用戶造成太多負面影響,并且為新手用戶提供了有價值的幫助。如果您不是新手,不要在意這個提示就行了,它不會讓您有太多不好的感受。如果您是新手,面對這樣一袋番茄醬也許會不知道如何下手,其痛苦感受我們大致可以想象的到。并且,如果操作失誤,里面的番茄醬還會有噴射而出的危險。被一袋番茄醬弄的好像不幸中彈一樣,顯然會給您的心靈造成巨大的創(chuàng)傷,并留下嚴重的陰影。因此,這個包裝袋上的提示是很有價值的。
軟件設計里也會有類似的提示。請隨便打開一個windows文件夾窗口,確!安榭础辈藛沃械摹盃顟B(tài)欄”被勾選,并且窗口不是“最大化”顯示,此時,窗口右下角就會出現一個三角形圖標,提示“拖動可以改變窗口大小”。而實際上,拖動窗口的任何一個邊或者一個角都可以改變窗口大小,就像番茄醬包裝袋上沿任何一個鋸齒都可以撕開包裝袋一樣。
大多數軟件也沿用了類似的設計。Gtalk,MSN都有這個小三角,并且四個邊四個角都可以拖動。但是,也有一些例外,比如realone,有可拖動的小三角,并且只能拖動小三角,其他地方不許拖動。其中的不便,想必大家都有體會。
再來看網頁的設計。在一個文章列表頁中,一篇文章后面的評論信息要怎么顯示?

MSN space是這樣做的:

“添加評論、閱讀評論”,有必要這么羅嗦嗎?有必要。就像番茄醬包裝袋上的提示一樣必要。
|