企業在開展業務過程中面臨的一個重要問題,就是如何將自己展示的信息全面而形象的告訴客戶。除了一些文字性的介紹之外,一些輔助性的提示也是必不可少的。這些輔助性的提示一般都是比較通俗易懂的,只有這樣才能起到很好地輔助提示作用。那么這一塊在設計方面應該注意哪些細節和原則呢?中培偉業《高品質用戶體驗與UI設計開發》培訓專家劉老師在這里就相關問題發表了自己的看法。劉老師指出了這一類幫助信息在設計方面涉及到的元素。
1.文本
運用簡短的文字給用戶提供恰當的幫助信息,對能夠用一句話說明白的事情,決不擺弄文采的變出兩三句話甚至是一段話出來。太多的文字用戶選擇的是忽略而不是閱讀,用戶并不希望在你的產品幫助文本讀出詩意,而是簡單明確的告訴他們這是什么情況,你可以采取什么行動,會有什么結果。文本鏈接也可以是文本的一種形態。
2.圖片
圖片能夠形象具體的表達出想要表達的意思與觀點,對于相對較為復雜的情形,可以適當的采用圖文并茂的形式對用戶進行幫助引導或者解決用戶遇到的問題。提供生動的圖形信息能夠有效吸引用戶的注意力,通過解讀圖片的信息而獲得對應的幫助信息。在幫助設計中有效的運用圖片能夠降低用戶學習的成本獲得更好的用戶體驗。
3.視頻
視頻可以運用到復雜的情形中,通過聲音圖形有序的講解來提供給用戶相關的幫助信息。視頻剪輯提供了對于復雜流程及情形更為生動的介紹或者解答,用戶更多是在被動的接受信息中,更大程度的減少了用戶學習的成本,因此推薦使用視頻對復雜的情況進行解釋說明,但視頻同時會占用更多的存儲于網絡流量資源,尤其當用戶在非wifi環境下,視頻可能是并非用戶首選的點擊選擇。
幫助類型
不同的情境不僅需要選擇使用幫助的元素,也需要選擇合適的幫助類型來為用戶提供恰到好處的幫助,本文將幫助分為介紹型幫助與勸導型幫助兩種類型,在不同的上下文情境中選擇不同的類型來給用戶提供幫助的解決方案。
(一)介紹型幫助:顧名思義,介紹型幫助即以介紹為主要目的,這種方式的幫助主要可以運用在用戶初次接觸產品或者某些功能時候提供的說明性幫助,如功能模塊介紹,標題的解釋以及一些操作過程功能的解讀。旨在告知用戶當面明對的是什么,可以做什么或者有什么用處。
(二)勸導型幫助:即通過介紹引導用戶完成瀏覽或者任務。勸導型幫助可以運用在一些空白的起始頁面,創建于修改頁面中,對于新功能操作的引導以及操作中遇到問題的解決幫助。勸導型幫助目的是勸導用戶嘗試某新新的功能或者通過引導完成任務。如Base應用中對初始界面運用引導性的標識與文字提示用戶點擊上方按鈕開始創建銷售按鈕。
2.彈出浮框式:
彈出浮框可以在當用戶需要時候提供簡短的幫助信息,不需要時候隱藏起來的一種方式。觸發浮框的觸發點根據實際需要可以變化,如下圖的兩種觸發點樣式。需要說明的是在為桌面進行的設計,推薦可以采用獲得焦點即顯示幫助文字,在移動設備上時通過點擊顯示。也可以根據實際需要調整觸發的時機。提出浮框可以運用在許多地方,如對輸入標簽的提示,對新功能行按鈕的引導性介紹等。下圖是彈出浮框的觸發樣式以及QuickBooks 對彈出浮框的運用。
3.解釋模塊式:
解釋模塊用于對頁面,或者較大的區塊進行的說明。可以是純文本的說明,也可以是圖文并茂以及內嵌視頻對復雜的功能及內在邏輯進行指導說明,或者是步驟的引導說明。如StichLabs在采購訂單初始界面按照步驟以圖文方式整體介紹如何快速創建采購訂單。
4.內嵌式幫助中心
大多數的企業應用軟件還會提供內嵌幫助中心,內嵌幫助中心通常會根據當前頁面內容提供針對性的幫助內容入口以及在線幫助中心的固定入口,用戶通過內嵌的幫助中心可以獲得該頁面直接或者間接相關的幫助內容入口,同時也可以鏈接到在線的幫助中心,獲得更為全面的幫助內容。
5.在線幫助中心
在線幫助中心是最全面的集中幫助文檔的地方,在線的幫助中心內容不一定是百分之百集合了應用中所有的相關幫助,更多的承載了對于產品功能模塊、業務操作以及操作引導的介紹。