設(shè)計(jì)與表達(dá)
我們?cè)诠ぷ髦薪?jīng)常強(qiáng)調(diào)溝通能力,和產(chǎn)品、開(kāi)發(fā)、測(cè)試等不同角色的人需要溝通,和領(lǐng)導(dǎo)、同事需要溝通,溝通是一個(gè)雙向的過(guò)程,而溝通首先需要雙方有良好的表達(dá)能力。一個(gè)產(chǎn)品,她要面向的是最終的用戶(hù),用戶(hù)能否理解這個(gè)產(chǎn)品,會(huì)用這個(gè)產(chǎn)品甚至喜歡上產(chǎn)品,很大程度上取決于設(shè)計(jì)師對(duì)產(chǎn)品的詮釋?zhuān)敲催@個(gè)核心能力就是設(shè)計(jì)師的表達(dá)能力。
無(wú)論是做交互設(shè)計(jì)還是視覺(jué)設(shè)計(jì),設(shè)計(jì)師工作的很大一部分是將業(yè)務(wù)邏輯通過(guò)合適的方式詮釋出來(lái),其核心就是需要優(yōu)秀準(zhǔn)確的表達(dá),而表達(dá)絕不僅僅局限于表現(xiàn)層的視覺(jué)元素,如圖標(biāo)、文字、控件、界面的排版布局,在產(chǎn)品設(shè)計(jì)的不同階段表達(dá)有不同的體現(xiàn)。
本文試圖從以下幾個(gè)小點(diǎn)來(lái)說(shuō)明表達(dá)能力在不同階段的體現(xiàn)及其重要性。
表現(xiàn)模型(心理模型的表達(dá))
產(chǎn)品的終極目標(biāo)是為了滿(mǎn)足用戶(hù)的需求,用戶(hù)需求建立在用戶(hù)的心理模型之上,表現(xiàn)模型在多大程度上貼近用戶(hù)心理模型,往往決定了產(chǎn)品有多大程度受到用戶(hù)的認(rèn)可。
人們總是傾向于用自己的方式來(lái)解釋發(fā)生的現(xiàn)象,設(shè)計(jì)師對(duì)功能的詮釋需要考慮多數(shù)用戶(hù)平時(shí)生活的經(jīng)驗(yàn)和使用習(xí)慣,或者對(duì)新產(chǎn)品使用的期待,尋找一種最為有效和容易理解的方式來(lái)表達(dá)。
舉個(gè)例子,在google earth軟件中,點(diǎn)擊加號(hào),地球被拉近,離用戶(hù)距離更近;點(diǎn)擊減號(hào),地球被拉遠(yuǎn),離用戶(hù)距離更遠(yuǎn),當(dāng)然你也可以通過(guò)鼠標(biāo)滾輪來(lái)控制遠(yuǎn)近。
圖1 google earth 控制視圖控件
那么我可以怎么理解加減號(hào)和空間距離的對(duì)應(yīng)關(guān)系呢?回想一下我們常用的看圖軟件,點(diǎn)擊加號(hào)的時(shí)候表示放大,點(diǎn)擊減號(hào)的時(shí)候就是縮小當(dāng)前圖片,在這里加號(hào)減號(hào)和放大縮小形成了對(duì)應(yīng)關(guān)系,于是我可以通過(guò)之前知識(shí)經(jīng)驗(yàn)來(lái)理解google earth這個(gè)控件的含義,這種表現(xiàn)模型就是符合用戶(hù)心理模型的設(shè)計(jì)。
圖2 ACDSee 放大縮小控件
而不同人對(duì)同一產(chǎn)品的理解又可能是不同的,正如對(duì)哈姆雷特在一千個(gè)人心中有一千個(gè)不同的形象。在產(chǎn)品設(shè)計(jì)中,只要我們能保證用戶(hù)能形成簡(jiǎn)單、有效的認(rèn)知模型,那這個(gè)表現(xiàn)模型就是合理的。
簡(jiǎn)化交互(行為的更好表達(dá))
很多時(shí)候,我們要面對(duì)大量的信息和功能需要傳達(dá)給用戶(hù),但我們不能讓界面布滿(mǎn)了按鈕和信息,我們需要做減法,可能是將用戶(hù)暫時(shí)不用的功能或使用頻率較低的功能隱藏起來(lái);也可能是將邏輯上同類(lèi)的功能進(jìn)行分組,復(fù)用一部分界面;還可能是用一個(gè)控件實(shí)現(xiàn)多個(gè)功能來(lái)完成更多的任務(wù)。
舉一個(gè)iphone的例子。我們都知道傳統(tǒng)手機(jī)都有一個(gè)碩大的物理鍵盤(pán),當(dāng)用戶(hù)不需要輸入的時(shí)候,鍵盤(pán)實(shí)際上并沒(méi)有多大的用處;iphone采用的觸摸屏使用虛擬鍵盤(pán)的設(shè)計(jì),在用戶(hù)需要輸入的時(shí)候才出現(xiàn)鍵盤(pán),極大地節(jié)省了寶貴的屏幕空間,同時(shí)對(duì)用戶(hù)任務(wù)流的干擾也降到了最低。
圖3 Iphone 的虛擬鍵盤(pán)
豐富的反饋(細(xì)節(jié)的豐富表達(dá))
在人與人的交流中,有時(shí)候語(yǔ)言會(huì)顯得貧乏無(wú)力。戀愛(ài)中的男女,女人不需要說(shuō)話(huà),一個(gè)眼神就可以讓對(duì)方心領(lǐng)神會(huì);和陌生人談話(huà),雙手抱在胸前,反映出對(duì)方對(duì)我產(chǎn)生了威脅,本能地需要尋找保護(hù);在人與人的溝通中,交流介質(zhì)是豐富和復(fù)雜的。
在計(jì)算機(jī)和人的溝通中,我們所能采用的手段似乎有很大的局限性。我們不能指望計(jì)算機(jī)開(kāi)口說(shuō)話(huà),計(jì)算機(jī)也理解不了我們復(fù)雜的語(yǔ)言和姿勢(shì)。在軟件界面里,常用的就是冷冰冰的一個(gè)對(duì)話(huà)框扔到用戶(hù)面前,如果文案再設(shè)計(jì)得不好,用戶(hù)會(huì)有巨大的挫敗感,一如windows的錯(cuò)誤消息對(duì)話(huà)框,伴隨著恐怖的聲音,會(huì)讓我感覺(jué)很失落,同時(shí)伴隨煩躁情緒產(chǎn)生。
圖4 錯(cuò)誤信息對(duì)話(huà)框
似乎人們已經(jīng)習(xí)慣了使用對(duì)話(huà)框,而對(duì)話(huà)框成為了一個(gè)標(biāo)準(zhǔn)。Cooper在《about face 3》里面談到了非模態(tài)視覺(jué)反饋(RVMF),其實(shí)就是通過(guò)視覺(jué)手段來(lái)提供及時(shí)和更加豐富的反饋信息,而不用通過(guò)對(duì)話(huà)框來(lái)打斷用戶(hù)的操作流。在這方面,游戲軟件做得不錯(cuò)。比如帝國(guó)時(shí)代,伴隨文明的升級(jí),建筑和士兵的圖標(biāo)會(huì)更大,同時(shí)也會(huì)更華麗;當(dāng)戰(zhàn)爭(zhēng)發(fā)生的時(shí)候,會(huì)有煙霧,火光,顯示建筑物的損毀狀態(tài),直到倒塌。簡(jiǎn)言之,游戲里提供了豐富的模擬現(xiàn)實(shí)的視覺(jué)以及聽(tīng)覺(jué)等多個(gè)通道的反饋,帶給用戶(hù)的體驗(yàn)真實(shí)而細(xì)膩。
其實(shí),再想多一些,隨著計(jì)算機(jī)技術(shù)的發(fā)展,人機(jī)交互已遠(yuǎn)遠(yuǎn)不局限于視覺(jué)這一個(gè)維度,人們需要豐富自然的反饋,僅僅視覺(jué)一個(gè)緯度的反饋是不夠的。Wii的流行,觸摸屏的廣泛應(yīng)用都反映了人們?cè)诓粩嘧非笞匀唤换シ绞筋I(lǐng)域的進(jìn)步,也許未來(lái)會(huì)有更多更豐富的反饋方式來(lái)實(shí)現(xiàn)人和計(jì)算機(jī)的交流,我們和計(jì)算機(jī)之間的交流、通過(guò)計(jì)算機(jī)和人之間的交流將會(huì)有更多的通道,而不是通過(guò)對(duì)話(huà)框。
文案有多重要(產(chǎn)品特質(zhì)的表達(dá))
文案設(shè)計(jì)是產(chǎn)品設(shè)計(jì)中不可缺少的一環(huán),是產(chǎn)品傳達(dá)信息的重要手段。文案設(shè)計(jì)的好壞有時(shí)候?qū)Ξa(chǎn)品會(huì)產(chǎn)生巨大的影響。
來(lái)看一個(gè)新聞標(biāo)題:
三大全國(guó)性交易市場(chǎng)布局渝中
這個(gè)標(biāo)題有兩種理解方式,從而容易讓用戶(hù)誤解。
再看一個(gè)QQ空間的例子:
圖5 QQ空間商城首頁(yè)
“裝扮首頁(yè)”是裝扮我的空間首頁(yè)呢,還是裝扮的首頁(yè)?
我們還看到在一些SNS網(wǎng)站有一些頗具個(gè)性的文案,活躍了網(wǎng)站的氣氛,也帶給用戶(hù)一些樂(lè)趣??匆粋€(gè)白社會(huì)的例子。他可以根據(jù)用戶(hù)群體的特征和時(shí)間信息等生成一些和用戶(hù)能產(chǎn)生共鳴的文案,勾引用戶(hù)去寫(xiě)點(diǎn)什么。
圖6 白社會(huì)寫(xiě)心情提示
在google mail的垃圾郵件列表里,如果你一封垃圾郵件都沒(méi)有,會(huì)顯示如下文字:
可以看到,好的文案設(shè)計(jì)反映著產(chǎn)品的特質(zhì),文案的風(fēng)格應(yīng)該盡量保持一致并符合產(chǎn)品的用戶(hù)群特征。例如開(kāi)發(fā)軟件提示應(yīng)該盡可能清晰、準(zhǔn)確,像“太棒了”這類(lèi)口語(yǔ)化的文字用在這里就不合適。
綜上,表達(dá)能力可以體現(xiàn)在對(duì)用戶(hù)需求的理解,對(duì)產(chǎn)品交互行為的優(yōu)化,也可以體現(xiàn)在提供用戶(hù)更加豐富和自然的反饋和獨(dú)特、優(yōu)秀的文案設(shè)計(jì)等等,表達(dá)這一理念貫穿了整個(gè)設(shè)計(jì)過(guò)程的始末。
對(duì)設(shè)計(jì)師來(lái)說(shuō),準(zhǔn)確和清晰的表達(dá)能力是一項(xiàng)基本的能力,也是一項(xiàng)非常重要的素質(zhì),在產(chǎn)品設(shè)計(jì)的每個(gè)階段都需要注意表達(dá)的合理性,表達(dá)不僅僅是關(guān)于排版布局那么簡(jiǎn)單。
- (本文出自Tencent CDC Blog,轉(zhuǎn)載時(shí)請(qǐng)注明出處)
- 目前還沒(méi)評(píng)論,等你發(fā)揮!