工業(yè)產(chǎn)品的設(shè)計(jì)從上個(gè)世紀(jì)初(甚至可以說(shuō)是上上個(gè)世紀(jì)末)就開(kāi)始了,經(jīng)歷了百年。工業(yè)設(shè)計(jì)中的很多經(jīng)驗(yàn)對(duì)于現(xiàn)在的互聯(lián)網(wǎng)設(shè)計(jì)都是很有啟發(fā)的。
最近經(jīng)常回家很晚,常去門(mén)口的麥當(dāng)勞吃晚飯。在那里注意到兩個(gè)很有意思的設(shè)計(jì)。
第一則:廁所的門(mén)

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

上圖所示的頁(yè)面中,“您所在的位置:”是不可點(diǎn)擊的,“QQ首頁(yè)”是可以點(diǎn)擊的,“新聞?lì)l道”是可以點(diǎn)擊的,“走馬燈、正文”都是不可點(diǎn)擊的。
類(lèi)似的問(wèn)題幾乎各大網(wǎng)站都存在,請(qǐng)您隨便想出幾個(gè)常去的網(wǎng)站,sina?163?中國(guó)新聞網(wǎng)?無(wú)一幸免。
第二則:番茄醬

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

MSN space是這樣做的:

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