如何打造具有安全感的后臺產品體驗

6 評論 15928 瀏覽 95 收藏 16 分鐘

對于后臺產品設計而言,可以從哪些方面著手,提升用戶使用的安全感?

隨著互聯網產品的快速發展,越來越多人將個人財務、隱私信息、公司事物、文件數據等都存放或依托于網絡平臺中。在生活、工作的交互中,如何能讓用戶感受到網絡產品使用的安全性,進而獲得使用安全感,這也是體驗中不可缺少的一環。本文就探討對于后臺產品設計而言,可以從哪些方面著手,提升用戶使用的安全感。

這里先把“后臺產品”界定清楚,它是指服務的管理操作部分,主要是對底層內容、數據的運維管控,不直接面向消費用戶。后臺產品主要是To B?的平臺型產品,例如企業內部的管理、安全、運維類產品。

從近幾年設計網站的分享和團隊分享文章的反饋中感受到,越來越多的設計師投入到后臺產品相關的設計工作中來。后臺產品本身具有“操作復雜”、“業務邏輯強”、“專業度高”、“場景多樣”等特點,使得設計工作具有一定挑戰,再加上,后臺產品是業務的底層支撐,是一個服務甚至公司的基座,它的使用安全性和穩定性所涉及的影響面不可估量。

一. 安全感

首先了解一下什么是“安全感”,安全感是對可能出現的對身體或心理的危險或風險的預感,以及個體在應對處事時的有力/無力感,主要表現為確定感和可控感。安全感就是渴望穩定、安全的心理需求【1】。

從百度百科的解釋中可以明確,安全感是個人的內在心理需求。那么對于人類的需求,美國心理學家亞伯拉罕·馬斯洛將人類需求按層次從低到高分為五種:生理需求、安全需求、社交需求、尊重需求和自我實現需求。安全需求其實屬于較低層級的需要,其中包括對人身安全、生活穩定以及免遭痛苦、威脅或疾病,以及自己的財產等。

馬斯洛需求層次示意圖

對于互聯網產品來說,這里的產品安全雖然不直接涉及人身安全、痛苦、威脅或疾病,但是也有間接的聯系,如財產安全、隱私安全、操作安全等,對用戶的安全感體驗影響也不容小覷。

二. 產品安全感

恐懼來源于人對事情的未知,當用戶缺少了解,就會產生不安全、不信任的感受。作為體驗設計師,我們可以通過設計加強用戶對產品的掌控,使操作符合用戶的心智模型。通過設計,將不可感知的操作流程可視化;將可能遇到的風險提前告知;將界面信息傳達的更為精準,將用戶的隱私進行有效保護,這樣可以在很大程度上提升用戶操作的安全感受。

安全感主要來自兩個部分,一:是用戶的主觀安全感受,二:是產品的客觀安全策略【2】,它們分別對應:產品交互的體驗和技術策略的支持,本文介紹和分析的重點則是圍繞“產品交互的體驗”部分展開,即如何通過“可預期”、“可操控”的界面交互與“夠專業”“可信賴”的品牌視覺,為用戶營造“具有安全感”的產品使用體驗與心理建設。

產品操作安全感的來源

三. 如何提升產品安全感

1. 可信賴的環境氛圍

(1)氛圍渲染

UI視覺作為用戶感知產品的第一印象,在專業感、信任度的形成上發揮了至關重要的作用。我們TXD團隊負責了很多集團數據中心可視化的運維、監控設計工作,鑒于內部信息不便暴露,這里舉一個市場上同類產品的例子。首頁通過視頻渲染產品的專業性,有利于快速獲取到用戶的信任,進一步固化“專業”的印象。

數據中心監控的首頁設計(http://www.uinnova.cn/product/dcv)

同時,在頁面底部,還可以透露出產品當前已經取得的成就,比如展示具體的數據、服務范圍等,進一步渲染專業的氛圍。

阿里云官網(https://www.aliyun.com/)

(2)品牌背書與口碑

除了氛圍渲染,品牌背書也是獲取用戶信任感的途徑之一,通過品牌信息的展示、合作企業,增加產品專業度,提升用戶信任。

數據中心監控產品的企業合作(http://www.uinnova.cn/product/dcv)

還可以將用戶的反饋,以及該產品在行業中獲得的肯定進行展示,畢竟用戶口碑對一個產品也是極具影響。

行業口碑展示(http://bk.tencent.com/product/#cloud)

(3)色彩暗示

色彩會對人的心理有暗示和影響,例如餐飲平臺的界面,大多選用橘色,因為橘色有刺激食欲的效果。在后臺產品中,也有比較明確的色彩傾向,主題色一般以偏冷的顏色為主,例如藍色、綠色,可以給人以冷靜、理智、穩定、寬廣的感受。

后臺產品顏色傾向

后臺產品界面風格

2. 可操作的交互體驗

(1)井然有序

映射到設計中,則是清晰、有條理的操作體驗。從上圖后臺產品的界面風格和信息框架中,也可以看出它們所傳輸的交互行為基本一致,常駐的左側或頂部導航,統一的視覺語言,這樣能增加用戶在不同后臺產品之間操作的熟悉感與效率。

  • 內容:清晰連貫的信息組織,明確邏輯主線,雜亂無章的堆積很容易令人迷失;
  • 交互:操作流程、邏輯清晰,適當外化整體進度,對當前所處位置有比較好的感知;
  • 視覺:保持用戶注意力的聚焦,確保當前模塊集中用戶目光。

以上圖設計為例,通過清晰的流程和明確的進度標識,展現井然有序的信息與操作邏輯。

(2)坦誠透明

后臺產品一般用戶接觸不多,對技術實現、運行機制、專業概念了解更是微乎其微,尤其是涉及到多流程、多狀態等場景時,最好在用戶操作之前清楚地表達為什么要這樣做、是否會有安全隱患等,讓用戶了解意圖,避免操作時的恐慌與不確定,同樣有利于贏得更多信任。

(3)自主可逆

操作應該是可逆的,可以支持“撤銷”和“重試”,以此來離開“非預期” 的狀態,例如提交一個升級任務,然后撤銷,或者操作失敗,可以重試,都是比較自然和靈活的處理方式。

(4)及時有效的風險提示與反饋

雖然我們通過規范流程和操作給予了用戶足夠的操控感,來提升安全體驗,但是仍然有一些人為的錯誤還是不可避免的產生。如果要打造優質體驗的后臺產品,設計師則有義務提前告知和提醒用戶某些行為可能帶來的風險,幫助用戶預防。

后臺運維產品中,為了避免用戶錯誤,發上運維故障,在設計時甚至可以通過“確認風險”加以限制,幫用戶規避風險。

反饋的意義大家都知道,但在后臺產品的場景中,會有數據異步處理的問題,導致用戶的一次操作無法立即生效,此時操作后反饋用戶“配置準備中,稍作等待后即可查詢”,不僅可以避免用戶查看操作對象無果的疑惑,也友好的將不可見的原因傳達給用戶。

(5)多重保護與確認

對于極易出現操作錯誤的情況或者將產生較大影響的操作,我們需要再三確認,來防止用戶由于疏忽、誤操作所造成的損失。

(6)意外情況的解決與幫助

這里指出現意外時,如何更好地幫助用戶解決當前問題和困惑,來幫助用戶度過不確定的環節與操作。設計通常會將異常的原因說明清楚,并盡可能提供解決的方案。

3. 可理解的界面語義

(1)界面信息可理解

界面中的文案設計有時很容易被忽略,但它也是有效表達產品專業、安全的手段之一,通過通俗易懂與恰到好處的文案,在敏感頁面或核心操作流程中傳達產品態度。

以這個設計為例,之前想簡化用戶操作并引導用戶選擇“保留本地配置文件”,因此頁面中就保留了一個按鈕,用戶只需確認一下沖突的文件即可,因為大部分用戶會保留本地文件。但是上線后發現,用戶反倒不理解這個提示的意思,不知道該點哪個按鈕,也不知道操作完會有什么后果,那么在優化以后,語義就清楚多了,將每個文件的操作獨立進行,用戶可以很放心的“確認”自己的行為。

(2)安全策略可理解

隨著大家對安全的重視,無論后臺產品還是服務應用產品,帳號密碼的要求及登錄驗證的方式也越來越多樣,相信大家一定遇到過一些“出乎意料”的驗證操作,以及一些極其復雜的密碼要求。有的可以很容易被用戶理解,并順利完成;有的則需要反復嘗試,十分影響效率。我們在為用戶提供安全服務的同時,一定要確保所提供的安全保障策略可以被用戶正確理解并接受。

結語

安全感是優秀用戶體驗中不可缺少的基礎,用戶信任產品,才可以放心的操作,減少不必要的遲疑和困惑。因此,在我們強調“人身安全”、“財產安全”、“網絡安全”等的同時,“運維操作安全”應該作為基礎引起后臺產品設計師的更多關注。

參考文章

【1】百度百科

https://baike.baidu.com/item/%E5%AE%89%E5%85%A8%E6%84%9F/5543

【2】支付產品安全設計探討:如何提升用戶的產品安全感?

http://www.aharts.cn/pd/595660.html

【3】實例分享:交互設計如何賦予產品安全感

http://www.aharts.cn/pd/735760.html

【4】如何從頭打造讓用戶真正信任的界面

http://www.aharts.cn/ucd/330710.html

 

更多分享,歡迎關注我們~

作者:阿里TXD,TXD技術體驗設計(ID:TXD-UED)

本文由 @阿里TXD 原創發布于人人都是產品經理。未經許可,禁止轉載

題圖來自 Pexels,基于 CC0 協議

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 在看這篇文章的時候就想到阿里云后臺,沒想到真是阿里出品。學習了!

    回復
    1. 學習

      來自浙江 回復
    2. 沒錯,學習!

      來自河南 回復
    3. 厲害了!

      來自河南 回復
  2. 厲害,阿里云的后臺設計雖然區別于傳統的業務場景但是也是受益匪淺

    來自上海 回復