派迪教你如何將工具提示用作微交互

工具提示可能是將新用戶加入任何給定應(yīng)用程序，軟件，程序或用戶界面的最佳和最有效的方法。通常，它們非常有用，在溝通中清晰明了且不干擾用戶，因此用戶可以按照工具提示的建議進行操作，而不會遇到任何障礙。

這樣看來，您的平均工具提示很容易是微交互，因為它可以幫助用戶完成一項任務(wù)或幫助用戶操縱一個流程。微觀交互是用戶體驗的子集：這是一個動態(tài)過程，由觸發(fā)器啟動，導(dǎo)致某些事情發(fā)生，向用戶提供反饋，然后通知用戶下一步。

好的工具提示設(shè)計得如此謹(jǐn)慎，以至于您有時會發(fā)誓它們從未出現(xiàn)過。這也表明了良好的微觀互動：只有當(dāng)他們不是突然間幫助您完成任務(wù)時，您才真正想念它們。

讓我們深入研究應(yīng)使用哪些工具提示，工具提示設(shè)計中的重要內(nèi)容以及要包含的內(nèi)容和避免的內(nèi)容。

工具提示的用例

存在一些工具提示，可以增強您網(wǎng)站或應(yīng)用的用戶體驗。就是這樣。這些微交互必須以某種方式，形狀或形式使用戶的生活更輕松。盡管它們的目的很簡單，但是在您的平臺中正確，持續(xù)地實現(xiàn)它們可能是另一回事，因為做出正確的選擇可能會很棘手。

陌生的圖標(biāo)或按鈕

當(dāng)用戶遇到不熟悉或未標(biāo)記的圖標(biāo)或按鈕時，最好在界面中設(shè)計一些工具提示。即使圖標(biāo)或按鈕看起來很熟悉，但仍需要快速向車載用戶進行簡短說明（例如，在儀表板上的齒輪的情況下），然后在世界范圍內(nèi)使用工具提示就可以了。

其他（非必要）信息 

關(guān)鍵是：不是必需的。工具提示可以為用戶提供額外的信息，以使屏幕上不會出現(xiàn)不必要的文字。

一個很好的例子是在瀏覽器中打開選項卡時：將鼠標(biāo)懸停在選項卡上時，將迅速出現(xiàn)一個工具提示，告訴您確切的網(wǎng)頁標(biāo)題。現(xiàn)在，這些額外的信息不是必不可少的，但是當(dāng)您要確切記錄要訪問的頁面時，很高興能收到這些信息。

如果信息是必不可少的，那么工具提示就不好了。該信息應(yīng)永久包含在您的界面中，以方便用戶使用和快速參考。

工具提示并非一應(yīng)俱全

同樣，如果工具提示使用不當(dāng)，它們很快就會對設(shè)備上的出色UX有害。過度使用它們是使您的用戶感到厭倦的一種肯定方法，否則，這將是通過剛剛設(shè)計的界面指導(dǎo)用戶的非常有用的方法。

不直觀的設(shè)計

不直觀的設(shè)計是指您的設(shè)計迫使用戶繼續(xù)依靠工具提示來通過您的界面進行設(shè)計。在這種情況下，最好的工具提示將無濟于事，因為公然地，您的設(shè)計中存在一些錯誤，不斷迫使用戶過多檢查工具提示。工具提示實際上僅應(yīng)用于將用戶加入特定過程，但是，在該初始教程之后，用戶應(yīng)該能夠自己做事。

與工具提示內(nèi)容的互動

有時，用戶有必要與工具提示本身內(nèi)部的內(nèi)容進行實際交互。例如，工具提示的內(nèi)容可能包括一個號召性用語按鈕，并且該內(nèi)容可能會提示用戶單擊該按鈕。從注冊按鈕到登錄鏈接，可以是任何東西。

但是，如果這樣的交互元素在用戶將光標(biāo)移動到工具提示時消失了，以遵循號召性用語，則會被認(rèn)為低于標(biāo)準(zhǔn)設(shè)計。只需考慮一下這會對用戶造成多大的挫敗感，尤其是當(dāng)您的工具提示告訴他們?nèi)绾螆?zhí)行操作時！

在這種情況下，只要讓號召性用語自己說話，就可以對它們進行充分的設(shè)計，以使它們可以自己被注意到。

出色的工具提示設(shè)計規(guī)則

您如何設(shè)計工具提示以提供微交互，以指導(dǎo)用戶并提供反饋，從而大大改善了用戶對界面的使用。通過花一些額外的時間來設(shè)計工具提示，您可以為用戶提供有用的體驗，而不是讓他們感到沮喪的用戶。

極簡主義

與網(wǎng)頁設(shè)計中的許多其他內(nèi)容一樣，極簡主義也帶來了出色的界面。對于用戶來說，不太清楚的東西的可能性很小，從而破壞了本來應(yīng)該是有用的微交互的東西。極簡主義是指基本的顏色，文字和語言。

資料來源：設(shè)備

可持續(xù)發(fā)展

您的工具提示應(yīng)該是第一次就對用戶有幫助，不打擾和方便，這是第一次。抵制采用可疑或聰明的設(shè)計提示的誘惑，而改用經(jīng)過嘗試，測試和真實的提示。

引人注目的

工具提示應(yīng)該易于查找和查看，而用戶不必在屏幕上進行任何偵探工作。實現(xiàn)此目的的一種方法是使用非常明顯的視覺或方向提示，例如從工具提示指向元素（按鈕，圖標(biāo)等）的箭頭。 

相關(guān)和明智的信息

當(dāng)出現(xiàn)工具提示時，您的用戶必須易于理解其中的信息。這意味著使用非常清晰的語言的簡短句子。由于工具提示的屏幕區(qū)域仍然受到限制，因此必須非常簡潔。盡管如此，您還應(yīng)該避免提供多余的信息，因為工具提示中的信息僅應(yīng)作為對界面中未立即顯示的信息的補充。

這一點不能過分強調(diào)：通過仔細(xì)考慮如何設(shè)計工具提示，可以使工具提示達到其目標(biāo)，并避免使用最糟糕的工具提示，因為這不利于您希望用戶順利完成任務(wù)。

工具提示：微交互的縮影

在許多方面，工具提示是最終的微交互。它們可幫助您的用戶在您設(shè)計的界面中完成任務(wù)或操縱流程。根據(jù)您設(shè)計它們的方式，可以為用戶省去很多麻煩，也可以為他們增加生活的難度。

網(wǎng)站設(shè)計制作的是，對于設(shè)計師來說，很容易弄錯工具提示，這對他們的用戶不利。為了確保每次都進行出色的工具提示設(shè)計，首先要充分了解使用工具提示的真實性質(zhì)和原因，以及在工具提示設(shè)計中哪些有效，哪些無效。

只有這樣，您才能為用戶提供他們需要的相關(guān)信息，以方便，簡單的方式有效地理解您的界面。