工業(yè)產(chǎn)品的設(shè)計從上個世紀初(甚至可以說是上上個世紀末)就開始了,經(jīng)歷了百年。工業(yè)設(shè)計中的很多經(jīng)驗對于現(xiàn)在的互聯(lián)網(wǎng)設(shè)計都是很有啟發(fā)的。
最近經(jīng)?;丶液芡?,常去門口的麥當勞吃晚飯。在那里注意到兩個很有意思的設(shè)計。
第一則:廁所的門
這是在麥當勞廁所外面拍攝的??梢钥吹?,所謂的門把手就是釘在門上的一個金屬板。這個門要怎么打開?沒法往外拉,沒法橫向推拉,只能往里推。
這是深圳的一家麥當勞的廁所門,現(xiàn)在回想一下,似乎北京麥當勞的廁所門也是這樣設(shè)計的。
關(guān)于這個設(shè)計,之前曾經(jīng)在blueidea的用戶體驗綜合版里說起過。
我們來看看這樣一個設(shè)計對web的交互設(shè)計有什么啟發(fā)。這個設(shè)計使得用戶在操作之前就已經(jīng)知道要如何操作了,而不用去嘗試。在網(wǎng)頁中,也存在著類似的需求---文字鏈接。
用戶打開一個頁面后,需要能知道哪些內(nèi)容是有鏈接的、可以點擊的。不應(yīng)該讓用戶用光標去嘗試,這會大大降低使用效率。這其實是可用性中一條很明確的要求,但是,卻總是不被注意。
上圖所示的頁面中,“您所在的位置:”是不可點擊的,“QQ首頁”是可以點擊的,“新聞頻道”是可以點擊的,“走馬燈、正文”都是不可點擊的。
類似的問題幾乎各大網(wǎng)站都存在,請您隨便想出幾個常去的網(wǎng)站,sina?163?中國新聞網(wǎng)?無一幸免。
第二則:番茄醬
這袋兒番茄醬在包裝上很清楚的給用戶提示了撕開包裝袋的方法。實際上,并不是只有包裝上指示的鋸齒位置才能撕開。這顯然是為新手用戶設(shè)計的。如果您是第一次使用,不知道該怎么操作,那么,就按照提示來做吧。多用幾次之后,您就會發(fā)現(xiàn)沿包裝袋兩端任何一個鋸齒都可以撕開。
也許這個設(shè)計看上去有些多余甚至可以被認為是一種對用戶的誤導,誤導用戶從指定的位置撕開。不過,這樣的誤導并沒有給用戶造成太多負面影響,并且為新手用戶提供了有價值的幫助。如果您不是新手,不要在意這個提示就行了,它不會讓您有太多不好的感受。如果您是新手,面對這樣一袋番茄醬也許會不知道如何下手,其痛苦感受我們大致可以想象的到。并且,如果操作失誤,里面的番茄醬還會有噴射而出的危險。被一袋番茄醬弄的好像不幸中彈一樣,顯然會給您的心靈造成巨大的創(chuàng)傷,并留下嚴重的陰影。因此,這個包裝袋上的提示是很有價值的。
軟件設(shè)計里也會有類似的提示。請隨便打開一個windows文件夾窗口,確?!安榭础辈藛沃械摹盃顟B(tài)欄”被勾選,并且窗口不是“最大化”顯示,此時,窗口右下角就會出現(xiàn)一個三角形圖標,提示“拖動可以改變窗口大小”。而實際上,拖動窗口的任何一個邊或者一個角都可以改變窗口大小,就像番茄醬包裝袋上沿任何一個鋸齒都可以撕開包裝袋一樣。
大多數(shù)軟件也沿用了類似的設(shè)計。Gtalk,MSN都有這個小三角,并且四個邊四個角都可以拖動。但是,也有一些例外,比如realone,有可拖動的小三角,并且只能拖動小三角,其他地方不許拖動。其中的不便,想必大家都有體會。
再來看網(wǎng)頁的設(shè)計。在一個文章列表頁中,一篇文章后面的評論信息要怎么顯示?
MSN space是這樣做的:
“添加評論、閱讀評論”,有必要這么羅嗦嗎?有必要。就像番茄醬包裝袋上的提示一樣必要。