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