工具產(chǎn)品中的隱性引導(dǎo)

0 評(píng)論 736 瀏覽 2 收藏 13 分鐘

工具產(chǎn)品的設(shè)計(jì)核心在于如何讓用戶自然發(fā)現(xiàn)功能而非被迫學(xué)習(xí)。本文創(chuàng)新性提出'顯性引導(dǎo)'與'隱性引導(dǎo)'的二分法,深入剖析通過(guò)視覺(jué)符號(hào)、交互限制等設(shè)計(jì)手段將功能指引無(wú)縫融入用戶工作流的底層邏輯,揭示那些讓用戶覺(jué)得'這是我發(fā)現(xiàn)的'的巧妙設(shè)計(jì)哲學(xué)。

本文提出“顯性引導(dǎo)”和“隱性引導(dǎo)”的概念,目的是討論工具產(chǎn)品中如何通過(guò)設(shè)計(jì)手段引導(dǎo)用戶發(fā)現(xiàn)和使用所需要的功能。顯性引導(dǎo)是對(duì)用戶注意力的強(qiáng)占,讓用戶中斷自己的任務(wù),進(jìn)入一種“上課”狀態(tài),典型形式如圖文氣泡框。而隱性引導(dǎo)是對(duì)用戶注意力的吸引,是融入到產(chǎn)品中的交互視覺(jué)符號(hào),通過(guò)符號(hào)給予意義。

二者的區(qū)別在于引導(dǎo)內(nèi)容與形式是否嵌入了用戶的工作流。顯性引導(dǎo)中,用戶的注意力轉(zhuǎn)移到引導(dǎo)之后,往往需要從引導(dǎo)中掙脫再回到自己的工作流中。這種強(qiáng)占和掙脫導(dǎo)致了思維任務(wù)的切換,用戶無(wú)法進(jìn)入心流狀態(tài)。而隱性引導(dǎo)的目標(biāo)是用戶能夠與引導(dǎo)完成流暢的交互,從而將引導(dǎo)嵌入用戶工作流中,使得用戶的行為更加聚焦。

在工具型產(chǎn)品的功能矩陣中,顯性引導(dǎo)更像是在遠(yuǎn)處亮了又滅的一個(gè)燈塔,用戶需要將它記住,但又不一定朝著那個(gè)方向去。而隱性引導(dǎo)相當(dāng)于給用戶遞了一盞燈,讓他們看清身邊的情形,知道該往哪兒邁出下一步,不至于在迷霧中摸索。

為什么要關(guān)注隱性引導(dǎo)

在工具型產(chǎn)品中,功能具備高度業(yè)務(wù)性、專業(yè)性,并且從某種程度上具有更高的創(chuàng)新性,這使得用戶從現(xiàn)有經(jīng)驗(yàn)中能夠遷移的知識(shí)是有限的。此外,工具型產(chǎn)品的功能數(shù)量往往較大,而使用鏈路又非線性,用戶需要耗費(fèi)更多的精力去探索功能能否滿足需求。

引導(dǎo)的目的是讓用戶能夠在合適的時(shí)機(jī)使用對(duì)其任務(wù)有效的功能。在設(shè)計(jì)過(guò)程中有意識(shí)地關(guān)注引導(dǎo),也就是關(guān)注如何幫助用戶更好地執(zhí)行下一步。在步驟型的功能教學(xué)以及新功能引導(dǎo)中,用戶的自主感被削弱,被動(dòng)地接受關(guān)于功能位置和用法的說(shuō)明。用戶的動(dòng)力不夠飽滿,所以注意力也不夠聚焦,引導(dǎo)的效果往往不如人意。如果是在使用過(guò)程中觸發(fā),還會(huì)打斷用戶原有的工作流,影響工作效率,導(dǎo)致用戶下意識(shí)地關(guān)閉。

最好的設(shè)計(jì)是沒(méi)有設(shè)計(jì),最好的引導(dǎo)也是沒(méi)有引導(dǎo)。通過(guò)精心設(shè)計(jì)的環(huán)境,讓用戶覺(jué)得這些用法“是我自己發(fā)現(xiàn)的”。這種感受在工具產(chǎn)品中尤為重要,意味著用戶能夠感受自身能力和價(jià)值,獲得成就感和對(duì)工具的掌控感,從而建立更深的連結(jié)。

什么時(shí)候需要隱性引導(dǎo)

工具產(chǎn)品的體驗(yàn)?zāi)繕?biāo)是幫助用戶流暢地完成任務(wù),讓用戶覺(jué)得用起來(lái)順手、是個(gè)好工具。工具能自然地延伸用戶的能力,而非制造障礙。設(shè)計(jì)師可以通過(guò)體驗(yàn)走查、行為埋點(diǎn)分析、用戶訪談、客服答疑記錄等方式定位用戶可能迷失的時(shí)刻。這些時(shí)刻通常不是功能缺失造成的,而是源于任務(wù)焦點(diǎn)的模糊、或者用戶行為復(fù)雜性與信息架構(gòu)有限性的天然隔閡。

界面的信息焦點(diǎn)與用戶的任務(wù)意圖不匹配時(shí)

用戶來(lái)到一個(gè)界面,心中有一個(gè)明確或模糊的目標(biāo)。如果目標(biāo)是明確的,用戶處于尋找模式,需要找到與目標(biāo)匹配的文字或圖案。如果目標(biāo)是模糊的,用戶處于探索模式,會(huì)選擇界面上最突出的視覺(jué)元素、或最便捷的交互路徑進(jìn)行嘗試。此時(shí),當(dāng)匹配的目標(biāo)難以找到,或最突出的樣式和路徑卻讓用戶偏離目標(biāo),用戶就會(huì)感到“不順手”。

存在更優(yōu)用法或前后步驟執(zhí)行區(qū)域距離較遠(yuǎn)時(shí)

信息在頁(yè)面上的展示、以及所處的頁(yè)面層級(jí),由許多因素決定,如功能重要性、使用頻率、相關(guān)性、甚至技術(shù)架構(gòu)等等。一個(gè)產(chǎn)品的信息架構(gòu)只有一個(gè),是有限的,目標(biāo)是滿足大部分用戶的核心鏈路。這就導(dǎo)致一些高級(jí)功能、深度功能不得不被放置于較深的位置,而這些功能卻很可能是用戶成為高級(jí)用戶的重要轉(zhuǎn)化觸點(diǎn)。因此,可以在用戶行為表現(xiàn)出相關(guān)意圖時(shí),通過(guò)提供恰當(dāng)?shù)奶崾緛?lái)提高這些功能的可觸達(dá)性。

隱性引導(dǎo)的設(shè)計(jì)手段

由于功能、任務(wù)和用戶習(xí)慣的多樣,用戶執(zhí)行的下一步行為存在不確定性。引導(dǎo)和不確定性相伴相生,但這個(gè)不確定性也可以從某種程度上去把握。步驟雖然不確定,但任務(wù)存在概率,那么我們就可以通過(guò)不同的任務(wù)概率決定視覺(jué)符號(hào)的強(qiáng)弱,而強(qiáng)弱程度將會(huì)控制在多大程度上占據(jù)用戶注意力和誘發(fā)用戶行為。

本文大致劃分出三種概率等級(jí)并進(jìn)行討論。

強(qiáng):用限制創(chuàng)造唯一合法路徑 (高確定性,高引導(dǎo)性)

當(dāng)前狀態(tài)只有一種路徑合法時(shí),其他路徑應(yīng)限制在不可交互的狀態(tài),也可以說(shuō)是一種防錯(cuò)機(jī)制。這類引導(dǎo)強(qiáng)度高,但仍符合隱性原則——通過(guò)結(jié)構(gòu)限制,而非文字教學(xué)。

案例:門窗系列強(qiáng)制選擇

在繪制門窗前,必須指定一個(gè)門窗系列。優(yōu)化前的交互是顯示說(shuō)明文字或默認(rèn)選擇一個(gè)系列。但說(shuō)明文字總是會(huì)被部分用戶忽略,而默認(rèn)選擇的系列有可能導(dǎo)致用戶在完成部分繪制后才發(fā)現(xiàn)系列錯(cuò)誤需要清空重來(lái)。在修改為默認(rèn)打開(kāi)系列選擇面板且其他功能置灰后,用戶使用路徑更加聚焦,相關(guān)的問(wèn)題反饋也不再出現(xiàn)了。

中:用強(qiáng)烈且聚焦的元素變化吸引注意力(中等確定性,中等引導(dǎo)性)

用明顯的UI變化指引操作,保證主路徑足夠簡(jiǎn)單地被發(fā)起和執(zhí)行。

案例一:Chrome PDF reader修改設(shè)置高亮

當(dāng)用戶想要打開(kāi)PDF卻沒(méi)有開(kāi)啟權(quán)限時(shí),跳轉(zhuǎn)到設(shè)置頁(yè)面后,相關(guān)選項(xiàng)會(huì)顯示紫色底色。這個(gè)視覺(jué)樣式在常規(guī)的界面上是非常少見(jiàn)的,而在這個(gè)場(chǎng)景里卻足夠突出,能夠吸引注意力,從而順利完成任務(wù)。

案例二:Figma的原型連線點(diǎn)

在Figma的Prototype模式下,鼠標(biāo)懸停在畫板上時(shí),會(huì)顯示連線點(diǎn),提示用戶可交互。這里的設(shè)計(jì)細(xì)節(jié)在于,一個(gè)畫板有上下左右四個(gè)點(diǎn),連接效果是一樣的,但每次只會(huì)顯示用戶鼠標(biāo)距離最近的點(diǎn)。鼠標(biāo)的位置基本上是用戶視覺(jué)焦點(diǎn)的位置,因此能夠保證元素變化的聚焦,也避免了用戶做無(wú)意義的選擇。

弱:輕量而智能的機(jī)會(huì)型提示 (低確定性,低侵入性)

當(dāng)用戶完成某個(gè)行為后,識(shí)別到其潛在后續(xù)所需的功能可見(jiàn)性不足。當(dāng)可見(jiàn)性不足的原因是這個(gè)功能的優(yōu)先級(jí)不高、或位于另一個(gè)模塊中,直接調(diào)整可見(jiàn)性是不合理的。但這個(gè)功能對(duì)于用戶完成當(dāng)前任務(wù)又是重要的、或者可以極大提效的,此時(shí)可以提供功能說(shuō)明與跳轉(zhuǎn)來(lái)閉合使用路徑。

案例一:Figma引導(dǎo)使用Figma Slides

在用戶粘貼了多個(gè)畫板后,F(xiàn)igma Design會(huì)提示是否前往使用Figma Slides。粘貼了多個(gè)等大的畫板,那么用戶可能是要制作演示文檔,但概率相對(duì)較低,并且Figma Slides屬于另一個(gè)功能模塊,所以使用了輕說(shuō)明和一鍵跳轉(zhuǎn)。

案例二:生成推拉窗后提示修改吊腳

在用戶生成了推拉門后,提示是否修改吊腳設(shè)置。無(wú)地軌的推拉門是當(dāng)前比較流行的半開(kāi)放式廚房設(shè)計(jì)方案,而由于結(jié)構(gòu)限制,這個(gè)設(shè)置的位置并不是在最外層對(duì)象的參數(shù)里,用戶自行發(fā)現(xiàn)較難。在觀察到客服答疑記錄中頻繁出現(xiàn)用戶關(guān)于吊腳設(shè)置的提問(wèn)后,提供了相關(guān)提示與跳轉(zhuǎn)。

結(jié)語(yǔ)

交互設(shè)計(jì)中存在著多種多樣的方法和模式,也都有其存在的目的。文中所謂“隱性引導(dǎo)”涉及到的設(shè)計(jì)手段也可以從其他角度討論和歸類。但本文旨在用“隱性”和“引導(dǎo)”這兩個(gè)詞提醒自己,在設(shè)計(jì)中時(shí)刻注意用戶在使用過(guò)程中可能遇到的迷茫,思考能否通過(guò)克制且明確的符號(hào)讓用戶知道,下一步點(diǎn)這里更高效。

作者:葡萄;公眾號(hào):群和科技用戶體驗(yàn)設(shè)計(jì)

本文由 @群核科技用戶體驗(yàn)設(shè)計(jì) 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)許可,禁止轉(zhuǎn)載

題圖來(lái)自u(píng)nsplash,基于CC0協(xié)議

該文觀點(diǎn)僅代表作者本人,人人都是產(chǎn)品經(jīng)理平臺(tái)僅提供信息存儲(chǔ)空間服務(wù)。

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 目前還沒(méi)評(píng)論,等你發(fā)揮!