用戶找不到=不存在 

在數(shù)字界面中，可發(fā)現(xiàn)性定義了用戶在產(chǎn)品中查找新內(nèi)容或功能的難易程度。在許多情況下，良好的可發(fā)現(xiàn)性至關重要，因為用戶找到所需內(nèi)容的能力將直接影響其完成特定任務的能力。

在本文中，我們將討論可發(fā)現(xiàn)性的概念和其重要性所在，以及設計可發(fā)現(xiàn)性的詳細技巧。

為什么為設計可發(fā)現(xiàn)性這么困難？

UX中的Findability和Discoverability這兩個術語經(jīng)?；Q使用。雖然二者相關，但它們不是一回事，關鍵區(qū)別在于用戶對內(nèi)容的看法。Findability是指用戶已經(jīng)知道或認為存在于產(chǎn)品中的內(nèi)容或功能的能力。而Discoverability是用戶遇到新內(nèi)容或以前不知道的內(nèi)容或功能的能力。

這種差別使我們更容易理解——為什么設計高度可發(fā)現(xiàn)的界面如此困難。在許多情況下，用戶并不是有意識地尋找新內(nèi)容。人們只想簡答地使用產(chǎn)品，如果沒有遇到新功能或新內(nèi)容，用戶壓根兒不會想到去尋找它們，因為一開始就不知道它們是作為產(chǎn)品的一部分存在的。注重可發(fā)現(xiàn)性是UX設計師解決此問題的途徑，好讓用戶更容易發(fā)現(xiàn)這些新功能。

12個提升UX可發(fā)現(xiàn)性的技巧

許多因素都會影響用戶界面的可發(fā)現(xiàn)性。以下是12個技巧，幾乎適用于所有想要提升可發(fā)現(xiàn)性的產(chǎn)品。

技巧1：設計熟悉的界面

許多設計師喜歡試驗和嘗試新方法，但在嘗試創(chuàng)建新內(nèi)容時，往往適得其反，使用戶更難以理解頁面。

依據(jù)設計常識創(chuàng)建界面，這是設計師的責任。使用現(xiàn)有的設計規(guī)范（例如，操作系統(tǒng)的設計范例），結合用戶需求建立可發(fā)現(xiàn)性，更容易獲得用戶的認可。因為人們通過自身經(jīng)驗去感受一個新事物時，是非常容易理解其內(nèi)在邏輯的。例如，許多網(wǎng)站將導航菜單放置在頁面頂部，緊鄰網(wǎng)站的Logo，也是大多數(shù)用戶不假思索就能找到的位置。

技巧2：優(yōu)先安排有價值的內(nèi)容和功能

當我們在UI中隱藏某些內(nèi)容時，會加大用戶找不到它的風險。移動應用和網(wǎng)站之所以放棄漢堡菜單，轉而使用標簽欄的原因就是UX的可發(fā)現(xiàn)性。雖然漢堡菜單通過隱藏導航選項來節(jié)省屏幕空間，有句說話說的好“眼不見，心不煩”，隱藏的選項也更容易被忘記。

良好的可見性可以帶來更多的曝光率——元素越明顯可見，用戶就越有可能記住它?？梢妼Ш骄腿缫粋€標簽欄，告訴用戶他們有哪些選項，并使其成為首要考慮因素。

技巧3：按邏輯順序對內(nèi)容和功能元素分組

具有密切關系的項目應被組織在一起，該規(guī)則適用于內(nèi)容（例如，電子商務網(wǎng)站上定義產(chǎn)品類別的信息架構）和功能（例如，Instagram上的濾鏡）。通過在結構中引入邏輯順序，可以使用戶更輕松快捷地找到他們想要的東西（在開始UI工作之前，進行Tree testing以了解用戶的心理模型至關重要，它能幫助你根據(jù)用戶需求搭建內(nèi)容）。

技巧4：減少視覺上的混亂

UI設計里的一個常見誤區(qū)，為了使對象更容易被發(fā)現(xiàn)，它應該一直可見。假設按剛剛說的去設計，把所有可用對象都堆在頁面里，反而更混亂。

視覺混亂通常是出現(xiàn)了不必要的功能和裝飾元素，它們阻止用戶與產(chǎn)品交互。這種混亂不僅放慢了使用速度，還讓基本功變得難易被發(fā)現(xiàn)。

Microsoft Word中，太多可見選項造成視覺混亂 by Amansinghblog

即使頁面/屏幕有非常良好的視覺層次結構，但人們的注意力跨度有限，人腦通過眼睛感知事物的能力也有限。因此，確定對象的優(yōu)先級非常重要。刪除所有不必要的元素，為剩余元素增加視覺權重，才能讓真正重要的內(nèi)容和功能脫穎而出。

技巧5：減少選項總數(shù)

希克定律指出，用戶做出的決定越多，決策過程所需的時間就越長，限制 or 提供大量選擇？設計師要掌握平衡?？礈蕰r機提供選項，不僅簡化決策過程，還能為用戶提供發(fā)現(xiàn)、探索和嘗試所有可用選項的空間（和信心）。

技巧6：提供視覺反饋

視覺反饋是指用戶在執(zhí)行任何交互時獲得的可見響應。例如，當我們將鼠標懸停在網(wǎng)站鏈接上時，我們會看到一個視覺響應——鏈接改變了顏色。這種微小的視覺變化非常重要，因為它可以增強用戶體驗，消除不確定性。用戶知道某些元素是可以交互的，以及下一步該怎么做，從而采取行動。

技巧7：使用常見熟悉的圖標

交互元素使用不常見的圖標是導致問題的“罪魁禍首”。當用戶看到未知圖標時，他們無法預測點擊該圖標會發(fā)生什么。這種猜測對產(chǎn)品團隊來說成本很高，因為在許多情況下，用戶會跳過該選項。

怎么才能知道圖標是否令人困惑？測試一下，向實際或潛在用戶詢問涉及元素的作用，如果他們給不出明確答案，那就用一個更常見的圖標替換。

技巧8：使用動畫吸引用戶的注意力

人眼會自然地聚焦在移動的物體上，微妙的動畫可以引導用戶轉向某些特定的內(nèi)容或功能，動畫還可以解釋如何與對象交互。

技巧9：注意手勢交互

手勢是隱藏的交互控件，它們可能導致很多可發(fā)現(xiàn)性問題。除非用戶知道某些手勢，否則他們不會嘗試。產(chǎn)品中使用普遍接受的手勢交互，別試圖加入太新奇的交互形式?？紤]到手勢對于許多用戶來說仍然是一個相對較新的概念，因此在新設備上很有必要進行入門介紹。

非常規(guī)手勢（例如雙擊點贊）可能會對可發(fā)現(xiàn)性產(chǎn)生負面影響，用戶可能注意不到這些手勢在應用程序里是被支持的 by Dribbble

技巧10：適當調(diào)整UI元素的大小

設計師為什么要對標題和常規(guī)文本使用不同的視覺樣式，這是有原因的——想讓用戶更容易注意到文本內(nèi)容。同樣的策略也適用于UI設計，通過對比不同大小的元素，將用戶注意力吸引到關鍵信息上。例如，著陸頁上的一個超大的號召性按鈕，清楚地告訴用戶當他們點擊該按鈕時，下一個動作應該是什么，以及會發(fā)生的是什么（大型UI元素在可用性方面也很有益，因為它們更容易在移動設備上使用）。

號召性按鈕越大且越突出，你期望用戶執(zhí)行的操作也越明顯 by Firefox

技巧11：提供視覺可供性

有時候即便用戶發(fā)現(xiàn)了一個對象，他們也可能不知道如何使用?？晒┬杂脕碇笇г厝绾螒?，沒有可供性的話，用戶只能靠猜測使用產(chǎn)品/對象（很可能不會使用）。在數(shù)字界面中，設計師應把形狀和產(chǎn)生的交互進行具象聯(lián)系，例如，當我們看到帶有“提交”標簽的矩形對象時，我們就知道這是一個按鈕。

技巧12：提供視覺線索

視覺線索是引導用戶轉向特定的內(nèi)容或功能的UI元素，一個典型示例是滾動網(wǎng)站上的動畫箭頭，該箭頭會引導用戶朝特定的方向前進。

注意到圖像系列最右端的箭頭嗎？該視覺線索提示訪問者，水平畫廊是可滾動的 by Netflix

文章來源：UX辭典(站酷)

分享此文一切功德，皆悉回向給文章原作者及眾讀者.

免責聲明：藍藍設計尊重原作者，文章的版權歸原作者。如涉及版權問題，請及時與我們?nèi)〉寐?lián)系，我們立即更正或刪除。

藍藍設計( www.chinatradebeam.com )是一家專注而深入的界面設計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網(wǎng)站建設 、平面設計服務