3.貼合用戶的心智模型:
將現(xiàn)實生活中的影子,借鑒模擬到產(chǎn)品設(shè)計中來,是交互設(shè)計中常用的方法,而視覺設(shè)計,也能在這方面更好的起到貼近用戶感受的作用。增強用戶的認知熟悉度,和適應(yīng)性,能讓用戶感受到無縫而舒服的用戶體驗。
1)尊重用戶體驗 例:
pic.07
上圖的窗口關(guān)閉、放大、縮小按鈕,是常被拿來當(dāng)?shù)湫偷囊粋例子。明顯的,是將現(xiàn)實生活中的紅綠信號燈演的,延續(xù)到了這里。由于在現(xiàn)實生活中,紅色被用來代表警示,警告,危險等語義,用戶已經(jīng)潛移默化的被影響。當(dāng)看到紅色按鈕時,不需仔細思考,潛意識會小心謹慎點擊該按鈕,以免帶來不好的結(jié)果。
2)體現(xiàn)交互的統(tǒng)一性 蘋果公司在PC,MP3,TOUCH,IPHONE等平臺界面上,都沿用了相同的視覺風(fēng)格設(shè)計,并且每個不同產(chǎn)品本身的工業(yè)設(shè)計,也近乎一致,讓用戶在“切換”每個不同產(chǎn)品時,又能找到產(chǎn)品身上相當(dāng)多的共同語言。
4.讓交互富有情感:
如果說交互是產(chǎn)品的骨骼,視覺就是他美麗的外衣,讓產(chǎn)品看起來有血有肉有性格。也使得產(chǎn)品能和 用戶產(chǎn)生情感上的交流互動。而抓住目標(biāo)用戶的情感場景而做出的視覺表現(xiàn),能有效觸動和推進產(chǎn)品和用戶間的交流更順暢。熟悉,親切,喜愛甚至貼心的情感,都由此而建立起來了。 1)符合目標(biāo)用戶的場景 例:
pic.08
淘寶網(wǎng)搜索頁面無結(jié)果時,改良后代設(shè)計,用很配合用戶心情,甚至更夸張、可愛的旺旺可憐鬼圖案來表達。讓產(chǎn)品主動站到了用戶這一邊,使用戶覺得,你是理解我,體諒我的,而不是冷冰冰很官方的,化解了用戶本來會產(chǎn)生的不爽情緒。
我們由以上,大體看到了視覺會從哪幾個方面對交互和產(chǎn)品產(chǎn)生積極的影響。那么,是不是說只要交互無法完成的使命,需要填補的空缺,有視覺來完善,最后都會OK呢?視覺是不是萬能的包裝殺手呢? 答案使否定的!視覺設(shè)計不是神話。
我們要知道,一個產(chǎn)品的完成是由“創(chuàng)意+行為+外觀”這幾個主要的關(guān)鍵步驟來完成的,反映到產(chǎn)品設(shè)計里面,就是產(chǎn)品的創(chuàng)意概念,交互設(shè)計,和視覺設(shè)計。
每個步驟都是至關(guān)重要,并且有著先后順序的。就像一個流水線作業(yè),前一道工序完成與否與質(zhì)量好壞,影響著后續(xù)工序的進行。也就是說,在產(chǎn)品設(shè)計里面,如果遇到失敗的產(chǎn)品創(chuàng)意,或者糟糕的交互設(shè)計,即使賦予再優(yōu)秀的視覺設(shè)計,最終也是個失敗的產(chǎn)品,視覺設(shè)計不能改變產(chǎn)品的命運。而在失敗的產(chǎn)品創(chuàng)意與糟糕的交互設(shè)計之上進行的視覺設(shè)計,被稱為“尸體彩繪”。 我們要努力讓視覺設(shè)計最大程度的發(fā)揮能動作用,并且我們也要努力不能讓一個產(chǎn)品中,只有視覺設(shè)計。
本文鏈接:http://m.95time.cn/design/doc/2008/6235.asp
出處:Taobao.com UI Team
責(zé)任編輯:bluehearts
上一頁 視覺對交互的幫助——提升可用性 [3] 下一頁
|