注:工具提示往往出現在新用戶引導流程當中,它是整個應用的門面之一,能否給用戶留下好印象,工具提示也發揮著至關重要的作用。
想象一下,在一個沒有任何路標的城市里面,所有人都沒有辦法在視覺上獲得指引,所有的人和交通工具都只能在混亂中前進,摩擦和沖突會無處不在。沒有指引的城市,就像黑箱一樣。
同樣的,功能和效果再炫酷的APP,如果沒有新用戶引導流程、沒有工具提示、沒有基礎的教學,就像沒有路標的城市一樣讓人迷惑頭疼。
這個類比也許不那么精準,但是應該不難理解。
最可悲的地方在于,當用戶因為混亂的體驗而感到痛苦的時候,它并不會打電話給客服咨詢或者在后臺留言提問,絕大部分用戶會選擇直接關閉并卸載APP,還有少量用戶會在社交媒體或者留言區罵完之后再卸載。
好看固然會吸引人,但是在此之前必須保證可用性才行。即使在設計上盡量利用到了最佳實踐,但是并非所有功能和服務都是一目了然的,用戶并不會每次都能福至心靈瞬間了解導航和每個功能模塊的具體特性。
這就是為什么需要新用戶引導流程,需要有新手教程,需要有工具提示。借助這些環節,設計師能夠引導用戶對于產品的功能或者使用方法有基本的了解,避免用戶一開始就迷失在他們并不熟悉的功能當中。在20年前,我們新買回來的洗衣機、電視和收音機都會搭配上一小本厚厚的說明書,現如今,這些常用的家電已經擁有了更為優秀的交互設計,也有了更加優秀的新用戶引導方式,通常只需要提供一些核心的說明和基本的用戶指引,用戶就能進行基本的操作。而這些就是最常見的工具提示。
工具提示在如今APP的新用戶流程中,是非常常見也非常有用的一種用戶引導策略。工具提示作為一種類似注釋的教程/引導信息呈現形式,在新用戶引導流程中,被廣泛地運用。
1.為什么使用工具提示?
當你需要展示產品的核心功能的時候,工具提示能夠提供交互性較強、自由度較高的展示方式。不過,在許多產品的新用戶引導流程當中,工具提示這一功能被濫用,使得信息過載,從而讓工具提示成為了一個非常惱人的功能。
在Google的MaterialDesign的設計規則當中是這么說的:
工具提示應當在用戶懸停、聚焦或者觸摸某一控件的時候顯示。通常,工具提示是針對特定的元素來進行說明的,它會包含簡要的文字來闡述其功能、效果或者交互方式,比如它可能以文本的形式闡述某個圖標所涉及到的功能。不過,工具提示也僅僅只是提示,它不會替代特定的功能。
那么,如何避免讓工具提示真正發揮作用,而不是讓人覺得信息過載呢?下面的幾個技巧,能夠讓它真正發揮作用。
2.一次顯示一條提示
一次顯示過多的信息是工具提示讓人覺得信息過載的主要原因之一,盡量一次提供一條有效的提示,讓用戶易于理解,不會覺得煩躁。下面是Hotjar的工具提示:
3.添加進度指示器
在Hotjar的案例當中,設計師使用小點來指示進度,對于新用戶而言,這樣的進度指示是很貼心的,讓他們對于信息展示的進度有個明確的預期,還需要多久才能瀏覽完。
4.每個工具指示包含一個交互
這個原則也需要設計師堅定不移地執行。工具提示的內容可以適當地長一點,而提示的條目也可以適當多一點,但是無論如何都要確保每個工具提示僅包含一個交互的說明,否則用戶會因為信息量和內容的混亂而被誤導。
5.允許用戶跳過教程
正如同你所看到的,在Hotjar這個案例當中,用戶并沒有辦法直接跳過工具提示這個環節,然而這個過程實際上還是蠻長的,對于一部分用戶而言這可能是非常令人難受的。用戶應該在任何時候都有權利跳過教程,不然則會讓工具提示變成垃圾郵件一樣令人難受的存在。
6.為用戶提供返回的選項
有的內容對于用戶而言很重要,有的表述可能一開始并不夠清晰,因此要為用戶提供返回瀏覽的選項,確保他們想看的時候還能找回去看看。
結語
工具提示往往出現在新用戶引導流程當中,它是整個應用的門面之一,能否給用戶留下好印象,工具提示也發揮著至關重要的作用。可以通過A/B測試等方式協助測試工具提示的可用性和易用性,千萬不要濫用它。