如何有效的向用戶傳遞信息

在設計產品的過程中,產品經理和設計師的職責之一,是有效的向用戶傳遞信息。在互聯網產品中,操作引導、結果反饋、界面呈現的元素、大小、顏色等,都可以看作是信息的傳遞。

高效準確的信息傳遞,是良好用戶體驗的基礎。下面總結了幾種簡單的進行有效信息傳遞的原則:

一、使用用戶容易理解的語言

信息的傳遞過程就像是一種對話,對話就需要語言。語言的形式可能是文字、圖片,也可能是閃爍、變色、大小對比等,但不論採用什麼形式的“語言”,一個基本的要求是,確保用戶能夠“聽”得懂。例如,應該盡量避免使用用戶不理解的專業術語、含義不明確的符號、表意不准確的動畫等。

GOOD DESIGN:圖標

圖標是一種經典的傳遞信息的方式,好的圖標設計可以讓用戶一眼就知道它後面對應的程序是乾什麼用的,生動並且直觀。所以現在流行的系統中,很多都採用了圖標的方式來標識程序。

圖標

上圖所示,即便沒有文字,我們也能猜到這些圖標代表著什麼功能。

GOOD DESIGN:iBooks的列表界面

在iBooks中,顯示圖書列表的界面並沒有做成常規的list的感覺,而是使用了擬物的方式,以一個書架的形象呈現,書架上擺滿了用戶已經下載的圖書封面,就像是你真的面對著一個書架,上面擺滿了圖書一樣。這樣的話,用戶很容易意識到,只要把書“拿下來”,就可以閱讀了。

iBooks

 

BAD DESIGN:某移動運營商的網上營業廳提示信息

下圖是某移動運營商網站上的一個操作提示:

提示信息

對於這個對話框裡的內容,我的感覺就是,雖然裡面的漢字我全認識(好吧,數字也全認識),但是完全不知道它在說什麼,我甚至不知道應該如何斷句。嗯,貌似還有語病和錯別字…

事實上,我猜了半天,結合了我的整個操作流程後,感覺這個對話框想要告訴我的可能是:“無法關閉GPRS服務,因為它尚未開啟”…

BAD DESIGN:房地產廣告上的總面積數

近年來國內的房地產市場異常火爆,廣告鋪天蓋地。對於一般的購房者來說,關注的點也是方方面面不同的,例如,有人關心面積、價格、戶型,有人關心交通、環境、教育等。好的廣告應該能夠切中用戶的痛點,把用戶最關心的信息準確表達給用戶。

房地產廣告

例如上面這些房地產廣告,從上到下,表達的信息依次是:房子的面積、相對便宜的價格和相對好的環境。總的來講,信息的表達都還算簡潔明確。但是有時候在這些房地產廣告上也經常會出現一些並不明確,或者不夠形象的表述,例如:

房地產廣告

這個廣告表達的是該樓盤整體規模。但是,180萬平米是多大,以及,這麼大的社區對於購房者有什麼好處,很多人並沒有概念。它不像是房屋面積、價格、環境等信息那麼容易理解。所以或許不算是一種“有效的”信息傳遞方式。

二、及時解釋

有時候受限於客觀條件,我們可能無法直接以“用戶聽得懂的語言”跟用戶交流。這時,套用《Don't Make Me Think》裡面的一句話:“如果你不能夠做到不言而喻,那至少要讓它自我解釋。”

GOOD DESIGN:iPhone的設置項

如果我們需要填寫或者設置一個表單,首先需要理解表單上每一項的含義才能夠準確填寫或設置。有一些常規項目,例如“姓名”、“電話號碼”之類,不需要過多解釋,所有人都能一看就懂;但是有一些選項,則沒那麼容易理解了。這時候,不妨在用戶出現困惑的時候及時給用戶提供答案。

iPhone設置項

在iPhone的“網絡”設置界面中,有一個選項叫做“數據漫遊”。對於普通用戶來說,單看這個選項的字面意思,貌似無法清楚的意識到,將它打開或者關閉,將會發生什麼。所以,它的下方,緊接著放置了一段文字說明,用以提示用戶,這個選項是用來防止在異地旅行時產生高額漫遊費用的。並且,還列舉了最常用的幾個可能產生數據流量的行為,如“Web瀏覽”“電子郵件”等。這樣,即便用戶完全對於手機的“數據業務”沒概念,他也能意識到,在漫遊時使用這些功能,就可能會被“大量扣費”。

GOOD DESIGN:深圳的公交站牌

在城市的繁忙路段,經常會有大量的公交車經過。在某一站停車時,如果恰好趕上了多輛車同時停靠(這種概率是很大的),就會使車站附近的道路擁擠不堪。這種情況下,一般的方法是將同一個站名的車站分開設置2個或更多的站台。這樣雖然緩解了擁堵的問題,卻產生了另外一個問題,如圖:

深大北門地圖

騰訊公司附近的公交車站叫做“深大北門”。這是一個繁忙的路段,最多會有近50條線路的公交車經過。於是該站的站台被一分為二建設。同樣叫做“深大北門”的2個站台,相距300米左右。

設想一下這樣的用戶場景:我要去拜訪一個朋友,他​​打電話告訴我說:“你從公司出發是吧?那你到深大北門坐B線路公交車,到xx站下車就行。”好的,天氣很熱,我從騰訊大廈出發,向東走,找到了“深大北門”站。我極力尋找打算搭乘的B線路公交車,找了很久,發現,沒找到… 我已經汗流浹背。這時,我並不知道其實附近還有另外一個站台。或者即便我知道,我也搞不清楚另一個站台在哪個方向,我該往東走,還是往西走。

很差的用戶體驗,不是嗎?但是解決的方案其實很簡單,看圖​​:

深大北門公交站牌

首先,我們發現站名後面跟著一個編號。例如,圖上所示,是​​“深大北門②”。這時,我就會意識到,附近應該還存著一個“深大北門①”的站台。

緊接著,下方放置了“溫馨提示”。告訴我另一個站台的具體方位,以及列出了在另一個站台停靠的線路列表。至此,問題解決了。

三、換個角度

有時候用戶真正在乎的,並不是信息本身,而且它們背後的意義。

GOOD DESIGN:分析工具中的折線圖

如果我們需要告訴用戶某個數值在一段時間內的變化,應該怎麼做呢?列一個表格嗎?

數據表

表格中的數據很清​​晰,我們也能很容易看出哪天多一些,哪天少一些。但是,並不能夠非常直觀的看到這些數據的變化趨勢。這時候,不妨換個角度來表達吧,例如折線圖:

折線圖

記得剛才我們要表達的是這個數據在這段時間內的變化趨勢吧?所以,數據值本身就顯得不那麼重要了,折線圖上面無法很精確的看出某一天的具體數據值,但是變化趨勢一目了然。

GOOD DESIGN:昨天的溫度

對於一個天氣app來說,顯示當天的溫度是其重要的功能之一。但是,或許並非每一個人都能夠根據溫度的數值準確的準備衣物。例如,你能馬上反應過來,28度或者32度,該穿什麼樣的衣服嗎?

這時,我們不妨引導用戶以另外一種思維方式去解決問題。

昨天的溫度

在某天氣app中,不但提供了近期的溫度數據,還同步提供了“昨天”的溫度。按理來說,昨天都已經過去了,告訴我昨天的溫度有什麼意義呢?

事實上,昨天的溫度和今天的溫度配合在一起,可以傳達出一個重要的信息,那就是“今天比昨天冷還是比昨天熱”。試想,如果我告訴你,今天溫度比昨天低2度,這樣,你就可以根據昨天的穿著,來決定今天衣物的增減了。這樣效果會比我告訴你今天32度容易理解和操作吧?

四、運用對比

哪些信息是更重要的?哪些操作有危險?哪些是我們推薦的方式?這些都可以用對比來表達。

GOOD DESIGN:網盤的操作按鈕

在界面中涉及到一些重要的,或者有危險性的操作時,我們可以從視覺上將這些操作區分開,用以提示用戶其重要性或者風險性。

微雲

在微雲這個app中,刪除按鈕被設計成紅色。在大多數用戶的認知中,紅色代表著警示、危險等含義。這樣的設計可以在一定程度上減少誤操作,保護用戶的數據。

GOOD DESIGN:某新聞app的列表界面

對於一個新聞app來說,如何向用戶表達“重要的新聞”或者“熱門”這些信息呢?頭版頭條,當然可以解決;把每一條新聞後面加上閱讀量的數字,也還ok。但是,或許有更加生動自然的方式,例如:

新聞app

用區塊的大小來表達新聞的熱度。關注的人越多,這條新聞標題所佔據的面積就越大,字號也越大。這樣是不是更加生動呢?

五、減少噪音

有時候我們可能需要同時向用戶表達多種信息,那些對於用戶有用的信息,就像是通訊過程中的“信號”;而那些冗餘的,無用的信息,則像是“噪音” 。在設計中,一般需要盡量放大信號,減少噪音。

GOOD DESIGN:相冊列表

在一般的文件管理應用中,我們習慣於使用文件名來標識文件。但是對於圖片文件來說,很多時候文件名是拍攝的時候自動生成的(類似IMG_0932.JPG這種),其本身並無意義,而縮略圖則是最簡單直觀的檢索圖片的方式。所以如果我們要設計一個針對圖片的列表,是否要給出一長串文件名呢?

相冊

顯然,這種情況下,文件名已經成為“噪音”了。所以我們完全可以省略文件名,只顯示縮略圖即可。

BAD DESIGN:某銀行app的匯款界面

試想一下,如果我需要給某人匯款,應該讓我填寫哪些信息呢?或許有對方的賬號、戶名、匯款金額。如果我名下有多個賬戶,可能還需要讓我選擇從哪個賬戶劃錢出去。但是,如果你點按了一個叫“轉賬匯款”的按鈕後,出現了這樣一個界面的話:

轉賬匯款

會不會突然變得手足無措?或許你會有很多疑問,例如:“實時轉賬”跟“普通轉賬”有什麼區別?聽起來好像“實時”會快一些,但普通的​​有多慢呢?實時的需要另外收費嗎? “跨行轉入”是什麼意思?聽起來好像會收到錢?但我不要收錢,我要把錢給別人啊… 手機號轉賬又是乾什麼的?

所以,這個界面更像是一個“入口大全”,把所有的“責任”推給了用戶,而非引導用戶完成任務。

 

關於信息的傳遞,還有很多種方式和技巧,這篇文章難以一一闡述。但是有一點是明確的,那就是,我們要從用戶的角度去思考。 設身處地的挖掘用戶在實際操作過程中會遇到的問題,合理演繹準確清晰的為用戶提供他真正需要的信息。

感謝你的閱讀,本文由 騰訊ISUX 版權所有,轉載時請註明出處,違者必究,謝謝你的合作。

註明出處格式:騰訊ISUX(http://isux .tencent.com/showing-messages-to-users.html)

 

特別注意:本站所有轉載文章言論不代表本站觀點,本站所提供的攝影照片,插畫,設計作品,如需使用,請與原作者聯繫,文章轉自alibuybuy

Comments are closed.