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