實(shí)戰(zhàn)：如何有效的向用戶傳遞信息

實(shí)戰(zhàn)：如何有效的向用戶傳遞信息

在設(shè)計(jì)產(chǎn)品的過程中，產(chǎn)品經(jīng)理和設(shè)計(jì)師的職責(zé)之一，是有效的向用戶傳遞信息。在互聯(lián)網(wǎng)產(chǎn)品中，操作引導(dǎo)、結(jié)果反饋、界面呈現(xiàn)的元素、大小、顏色等，都可以看作是信息的傳遞。高效準(zhǔn)確的信息傳遞，是良好用戶體驗(yàn)的基礎(chǔ)。下面總結(jié)了幾種簡(jiǎn)單的進(jìn)行有效信息傳遞的原則：信息的傳遞過程就像是一種對(duì)話，對(duì)話就需要語(yǔ)言。語(yǔ)言的形式可能是文字、圖片，也可能是閃爍、變色、大小對(duì)比等，但不論采用什么形式的“語(yǔ)言”，一個(gè)基本的要求是，確保用戶能夠“聽”得懂。例如，應(yīng)該盡量避免使用用戶不理解的專業(yè)術(shù)語(yǔ)、含義不明確的符號(hào)、表意不準(zhǔn)確的動(dòng)畫等。圖標(biāo)是一種經(jīng)典的傳遞信息的方式，好的圖標(biāo)設(shè)計(jì)可以讓用戶一眼就知道它后面對(duì)應(yīng)的程序是干什么用的，生動(dòng)并且直觀。所以現(xiàn)在流行的系統(tǒng)中，很多都采用了圖標(biāo)的方式來(lái)標(biāo)識(shí)程序。上圖所示，即便沒有文字，我們也能猜到這些圖標(biāo)代表著什么功能。在iBooks中，顯示圖書列表的界面并沒有做成常規(guī)的list的感覺，而是使用了擬物的方式，以一個(gè)書架的形象呈現(xiàn)，書架上擺滿了用戶已經(jīng)下載的圖書封面，就像是你真的面對(duì)著一個(gè)書架，上面擺滿了圖書一樣。這樣的話，用戶很容易意識(shí)到，只要把書“拿下來(lái)”，就可以閱讀了。下圖是某移動(dòng)運(yùn)營(yíng)商網(wǎng)站上的一個(gè)操作提示：對(duì)于這個(gè)對(duì)話框里的內(nèi)容，我的感覺就是，雖然里面的漢字我全認(rèn)識(shí)（好吧，數(shù)字也全認(rèn)識(shí)），但是完全不知道它在說什么，我甚至不知道應(yīng)該如何斷句。嗯，貌似還有語(yǔ)病和錯(cuò)別字…事實(shí)上，我猜了半天，結(jié)合了我的整個(gè)操作流程后，感覺這個(gè)對(duì)話框想要告訴我的可能是：“無(wú)法關(guān)閉GPRS服務(wù)，因?yàn)樗形撮_啟”…近年來(lái)國(guó)內(nèi)的房地產(chǎn)市場(chǎng)異常火爆，廣告鋪天蓋地。對(duì)于一般的購(gòu)房者來(lái)說，關(guān)注的點(diǎn)也是方方面面不同的，例如，有人關(guān)心面積、價(jià)格、戶型，有人關(guān)心交通、環(huán)境、教育等。好的廣告應(yīng)該能夠切中用戶的痛點(diǎn)，把用戶最關(guān)心的信息準(zhǔn)確表達(dá)給用戶。例如上面這些房地產(chǎn)廣告，從上到下，表達(dá)的信息依次是：房子的面積、相對(duì)便宜的價(jià)格和相對(duì)好的環(huán)境?？偟膩?lái)講，信息的表達(dá)都還算簡(jiǎn)潔明確。但是有時(shí)候在這些房地產(chǎn)廣告上也經(jīng)常會(huì)出現(xiàn)一些并不明確，或者不夠形象的表述，例如：這個(gè)廣告表達(dá)的是該樓盤整體規(guī)模。但是，180萬(wàn)平米是多大，以及，這么大的社區(qū)對(duì)于購(gòu)房者有什么好處，很多人并沒有概念。它不像是房屋面積、價(jià)格、環(huán)境等信息那么容易理解。所以或許不算是一種“有效的”信息傳遞方式。有時(shí)候受限于客觀條件，我們可能無(wú)法直接以“用戶聽得懂的語(yǔ)言”跟用戶交流。這時(shí)，套用《Don’tMakeMeThink》里面的一句話：“如果你不能夠做到不言而喻，那至少要讓它自我解釋。”如果我們需要填寫或者設(shè)置一個(gè)表單，首先需要理解表單上每一項(xiàng)的含義才能夠準(zhǔn)確填寫或設(shè)置。有一些常規(guī)項(xiàng)目，例如“姓名”、“電話號(hào)碼”之類，不需要過多解釋，所有人都能一看就懂；但是有一些選項(xiàng)，則沒那么容易理解了。這時(shí)候，不妨在用戶出現(xiàn)困惑的時(shí)候及時(shí)給用戶提供答案。在iPhone的“網(wǎng)絡(luò)”設(shè)置界面中，有一個(gè)選項(xiàng)叫做“數(shù)據(jù)漫游”。對(duì)于普通用戶來(lái)說，單看這個(gè)選項(xiàng)的字面意思，貌似無(wú)法清楚的意識(shí)到，將它打開或者關(guān)閉，將會(huì)發(fā)生什么。所以，它的下方，緊接著放置了一段文字說明，用以提示用戶，這個(gè)選項(xiàng)是用來(lái)防止在異地旅行時(shí)產(chǎn)生高額漫游費(fèi)用的。并且，還列舉了最常用的幾個(gè)可能產(chǎn)生數(shù)據(jù)流量的行為，如“Web瀏覽”“電子郵件”等。這樣，即便用戶完全對(duì)于手機(jī)的“數(shù)據(jù)業(yè)務(wù)”沒概念，他也能意識(shí)到，在漫游時(shí)使用這些功能，就可能會(huì)被“大量扣費(fèi)”。在城市的繁忙路段，經(jīng)常會(huì)有大量的公交車經(jīng)過。在某一站停車時(shí)，如果恰好趕上了多輛車同時(shí)停靠（這種概率是很大的），就會(huì)使車站附近的道路擁擠不堪。這種情況下，一般的方法是將同一個(gè)站名的車站分開設(shè)置2個(gè)或更多的站臺(tái)。這樣雖然緩解了擁堵的問題，卻產(chǎn)生了另外一個(gè)問題，如圖：騰訊公司附近的公交車站叫做“深大北門”。這是一個(gè)繁忙的路段，最多會(huì)有近50條線路的公交車經(jīng)過。于是該站的站臺(tái)被一分為二建設(shè)。同樣叫做“深大北門”的2個(gè)站臺(tái)，相距300米左右。設(shè)想一下這樣的用戶場(chǎng)景：我要去拜訪一個(gè)朋友，他打電話告訴我說：“你從公司出發(fā)是吧？那你到深大北門坐B線路公交車，到xx站下車就行?！焙玫?，天氣很熱，我從騰訊大廈出發(fā)，向東走，找到了“深大北門”站。我極力尋找打算搭乘的B線路公交車，找了很久，發(fā)現(xiàn)，沒找到…我已經(jīng)汗流浹背。這時(shí)，我并不知道其實(shí)附近還有另外一個(gè)站臺(tái)?；蛘呒幢阄抑?，我也搞不清楚另一個(gè)站臺(tái)在哪個(gè)方向，我該往東走，還是往西走。很差的用戶體驗(yàn)，不是嗎？但是解決的方案其實(shí)很簡(jiǎn)單，看圖：首先，我們發(fā)現(xiàn)站名后面跟著一個(gè)編號(hào)。例如，圖上所示，是“深大北門②”。這時(shí)，我就會(huì)意識(shí)到，附近應(yīng)該還存著一個(gè)“深大北門①”的站臺(tái)。緊接著，下方放置了“溫馨提示”。告訴我另一個(gè)站臺(tái)的具體方位，以及列出了在另一個(gè)站臺(tái)?？康木€路列表。至此，問題解決了。有時(shí)候用戶真正在乎的，并不是信息本身，而且它們背后的意義。如果我們需要告訴用戶某個(gè)數(shù)值在一段時(shí)間內(nèi)的變化，應(yīng)該怎么做呢？列一個(gè)表格嗎？表格中的數(shù)據(jù)很清晰，我們也能很容易看出哪天多一些，哪天少一些。但是，并不能夠非常直觀的看到這些數(shù)據(jù)的變化趨勢(shì)。這時(shí)候，不妨換個(gè)角度來(lái)表達(dá)吧，例如折線圖：記得剛才我們要表達(dá)的是這個(gè)數(shù)據(jù)在這段時(shí)間內(nèi)的變化趨勢(shì)吧？所以，數(shù)據(jù)值本身就顯得不那么重要了，折線圖上面無(wú)法很精確的看出某一天的具體數(shù)據(jù)值，但是變化趨勢(shì)一目了然。對(duì)于一個(gè)天氣app來(lái)說，顯示當(dāng)天的溫度是其重要的功能之一。但是，或許并非每一個(gè)人都能夠根據(jù)溫度的數(shù)值準(zhǔn)確的準(zhǔn)備衣物。例如，你能馬上反應(yīng)過來(lái)，28度或者32度，該穿什么樣的衣服嗎？這時(shí)，我們不妨引導(dǎo)用戶以另外一種思維方式去解決問題。在某天氣app中，不但提供了近期的溫度數(shù)據(jù)，還同步提供了“昨天”的溫度。按理來(lái)說，昨天都已經(jīng)過去了，告訴我昨天的溫度有什么意義呢？事實(shí)上，昨天的溫度和今天的溫度配合在一起，可以傳達(dá)出一個(gè)重要的信息，那就是“今天比昨天冷還是比昨天熱”。試想，如果我告訴你，今天溫度比昨天低2度，這樣，你就可以根據(jù)昨天的穿著，來(lái)決定今天衣物的增減了。這樣效果會(huì)比我告訴你今天32度容易理解和操作吧？哪些信息是更重要的？哪些操作有危險(xiǎn)？哪些是我們推薦的方式？這些都可以用對(duì)比來(lái)表達(dá)。在界面中涉及到一些重要的，或者有危險(xiǎn)性的操作時(shí)，我們可以從視覺上將這些操作區(qū)分開，用以提示用戶其重要性或者風(fēng)險(xiǎn)性。在微云這個(gè)app中，刪除按鈕被設(shè)計(jì)成紅色。在大多數(shù)用戶的認(rèn)知中，紅色代表著警示、危險(xiǎn)等含義。這樣的設(shè)計(jì)可以在一定程度上減少誤操作，保護(hù)用戶的數(shù)據(jù)。對(duì)于一個(gè)新聞app來(lái)說，如何向用戶表達(dá)“重要的新聞”或者“熱門”這些信息呢？頭版頭條，當(dāng)然可以解決；把每一條新聞后面加上閱讀量的數(shù)字，也還ok。但是，或許有更加生動(dòng)自然的方式，例如：用區(qū)塊的大小來(lái)表達(dá)新聞的熱度。關(guān)注的人越多，這條新聞標(biāo)題所占據(jù)的面積就越大，字號(hào)也越大。這樣是不是更加生動(dòng)呢？有時(shí)候我們可能需要同時(shí)向用戶表達(dá)多種信息，那些對(duì)于用戶有用的信息，就像是通訊過程中的“信號(hào)”；而那些冗余的，無(wú)用的信息，則像是“噪音”。在設(shè)計(jì)中，一般需要盡量放大信號(hào)，減少噪音。在一般的文件管理應(yīng)用中，我們習(xí)慣于使用文件名來(lái)標(biāo)識(shí)文件。但是對(duì)于圖片文件來(lái)說，很多時(shí)候文件名是拍攝的時(shí)候自動(dòng)生成的（類似IMG_0932.JPG這種），其本身并無(wú)意義，而縮略圖則是最簡(jiǎn)單直觀的檢索圖片的方式。所以如果我們要設(shè)計(jì)一個(gè)針對(duì)圖片的列表，是否要給出一長(zhǎng)串文件名呢？顯然，這種情況下，文件名已經(jīng)成為“噪音”了。所以我們完全可以省略文件名，只顯示縮略圖即可。試想一下，如果我需要給某人匯款，應(yīng)該讓我填寫哪些信息呢？或許有對(duì)方的賬號(hào)、戶名、匯款金額。如果我名下有多個(gè)賬戶，可能還需要讓我選擇從哪個(gè)賬戶劃錢出去。但是，如果你點(diǎn)按了一個(gè)叫“轉(zhuǎn)賬匯款”的按鈕后，出現(xiàn)了這樣一個(gè)界面的話：會(huì)