用戶找不到=不存在 

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

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

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

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

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

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

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

技巧1：設(shè)計(jì)熟悉的界面

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

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

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

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

良好的可見性可以帶來更多的曝光率——元素越明顯可見，用戶就越有可能記住它。可見導(dǎo)航就如一個(gè)標(biāo)簽欄，告訴用戶他們有哪些選項(xiàng)，并使其成為首要考慮因素。

技巧3：按邏輯順序?qū)?nèi)容和功能元素分組

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

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

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

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

Microsoft Word中，太多可見選項(xiàng)造成視覺混亂 by Amansinghblog

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

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

?？硕芍赋?，用戶做出的決定越多，決策過程所需的時(shí)間就越長，限制 or 提供大量選擇？設(shè)計(jì)師要掌握平衡?？礈?zhǔn)時(shí)機(jī)提供選項(xiàng)，不僅簡化決策過程，還能為用戶提供發(fā)現(xiàn)、探索和嘗試所有可用選項(xiàng)的空間（和信心）。

技巧6：提供視覺反饋

視覺反饋是指用戶在執(zhí)行任何交互時(shí)獲得的可見響應(yīng)。例如，當(dāng)我們將鼠標(biāo)懸停在網(wǎng)站鏈接上時(shí)，我們會(huì)看到一個(gè)視覺響應(yīng)——鏈接改變了顏色。這種微小的視覺變化非常重要，因?yàn)樗梢栽鰪?qiáng)用戶體驗(yàn)，消除不確定性。用戶知道某些元素是可以交互的，以及下一步該怎么做，從而采取行動(dòng)。

技巧7：使用常見熟悉的圖標(biāo)

交互元素使用不常見的圖標(biāo)是導(dǎo)致問題的“罪魁禍?zhǔn)住薄．?dāng)用戶看到未知圖標(biāo)時(shí)，他們無法預(yù)測點(diǎn)擊該圖標(biāo)會(huì)發(fā)生什么。這種猜測對產(chǎn)品團(tuán)隊(duì)來說成本很高，因?yàn)樵谠S多情況下，用戶會(huì)跳過該選項(xiàng)。

怎么才能知道圖標(biāo)是否令人困惑？測試一下，向?qū)嶋H或潛在用戶詢問涉及元素的作用，如果他們給不出明確答案，那就用一個(gè)更常見的圖標(biāo)替換。

技巧8：使用動(dòng)畫吸引用戶的注意力

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

技巧9：注意手勢交互

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

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

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

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

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

技巧11：提供視覺可供性

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

技巧12：提供視覺線索

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

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

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

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

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

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