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