對(duì)于設(shè)計(jì)師來(lái)說(shuō),在眨眼之內(nèi)抓住某人的興趣并傳達(dá)重要信息似乎是一項(xiàng)不可能完成的任務(wù)。幸運(yùn)的是,正如神經(jīng)科學(xué)可以幫助我們?cè)\斷問(wèn)題一樣,它也可以揭示通用的解決方案和最佳實(shí)踐。以下是從神經(jīng)科學(xué)用戶體驗(yàn)研究中汲取的一些一般經(jīng)驗(yàn)教訓(xùn),設(shè)計(jì)師在設(shè)計(jì)數(shù)字產(chǎn)品時(shí)可以借鑒這些經(jīng)驗(yàn)教訓(xùn)。
每個(gè)人在訪問(wèn)網(wǎng)站或應(yīng)用程序時(shí)都會(huì)對(duì)其外觀有所期待。保持接近這一期望有助于設(shè)計(jì)師從即時(shí)的、潛意識(shí)的決策中受益。
打開您的應(yīng)用程序或網(wǎng)站的人想知道 a) 這是否有我正在尋找的內(nèi)容; b) 這質(zhì)量高嗎?保持設(shè)計(jì)簡(jiǎn)單,將品牌、服務(wù)和產(chǎn)品放在最前面和中心位置,可以幫助人們定位自己。
將某些信息放在前面和中心意味著防止其他信息排擠它。整理設(shè)計(jì)與重新排列組件一樣重要。
您會(huì)注意到科技公司正在轉(zhuǎn)向更簡(jiǎn)單、不那么擁擠的界面。這些極簡(jiǎn)設(shè)計(jì)在任務(wù)完成方面優(yōu)于更復(fù)雜的設(shè)計(jì),并且視覺(jué)清晰度被證明會(huì)影響線上和線下的購(gòu)買決策。
科學(xué)證明,視覺(jué)上簡(jiǎn)單、干凈的設(shè)計(jì)效果更好。懶惰的大腦可以立即掌握網(wǎng)站的目的并了解要采取什么行動(dòng)。喧鬧與平靜。谷歌優(yōu)化了他們的網(wǎng)站,以吸引用戶的注意力到他們的標(biāo)志上,并鼓勵(lì)與搜索框的互動(dòng)。
讓某人為即將到來(lái)的信息或交互做好準(zhǔn)備,可以提高用戶理解新信息和對(duì)新信息做出反應(yīng)的能力。您可以讓人們期待諸如 UI 元素、某些交互或流程中的時(shí)間安排之類的事情。
例如,Yelp 使用附加屏幕來(lái)提醒用戶他們要離開 Yelp 去訪問(wèn)第三方網(wǎng)站。附加上下文有助于向用戶發(fā)出信號(hào),期望新的設(shè)計(jì)和信息架構(gòu)。
啟動(dòng)是一把雙刃劍。您無(wú)意傳達(dá)的信息仍然會(huì)影響決策。例如,如果您的攝影公司只展示嬰兒的照片,人們可能會(huì)錯(cuò)誤地認(rèn)為您只為嬰兒客戶提供服務(wù)。
眼球追蹤研究能夠跟蹤一個(gè)人與產(chǎn)品互動(dòng)時(shí)的目光。他們可以制作熱圖來(lái)顯示專注于屏幕某一部分的時(shí)間長(zhǎng)度,或者顯示眼睛如何在頁(yè)面上跳轉(zhuǎn)的地圖。
我們知道,在各個(gè)行業(yè)和應(yīng)用程序類型中,大腦通常會(huì)以 F 模式(或 E 模式)掃描信息。用戶查看頂部的信息,向右閱讀,然后向下掃描頁(yè)面以查找相關(guān)信息或圖標(biāo)。
打破 F 模式(例如,將重要信息放在右下角)將使查找變得更加困難。
根據(jù)Nielsen Norman對(duì) 45,237 次頁(yè)面瀏覽量的研究,人們只閱讀了頁(yè)面上大約 20% 的文本。更糟糕的是,在內(nèi)容較多的網(wǎng)站上,每增加 100 個(gè)字的文本,人們只能多花大約 4 秒的時(shí)間。
在人們不再逐字閱讀的世界中,尼爾森·諾曼對(duì)可掃描文本采用了以下準(zhǔn)則。
文本組織和位置并不是設(shè)計(jì)中唯一重要的因素。顏色理論、權(quán)重和對(duì)比度可用于引導(dǎo)用戶注意力。
NASA 的駕駛艙設(shè)計(jì)團(tuán)隊(duì)使用亮度(或設(shè)計(jì)的感知亮度)來(lái)幫助管理飛行員在充滿競(jìng)爭(zhēng)信息的區(qū)域中的注意力。駕駛艙設(shè)計(jì)團(tuán)隊(duì)使用顏色和對(duì)比度來(lái)突出最重要的元素。
亮度和對(duì)比度可在您的產(chǎn)品中用于突出或淡化特定信息,但它最常在按鈕或號(hào)召性用語(yǔ)設(shè)計(jì)中引用。正如您在下面的紅色示例按鈕中看到的,雖然左上角的按鈕飽和度最高,但它“感覺(jué)”最亮,因?yàn)閷?duì)比度最高。
對(duì)比度和亮度只是第一步。色彩理論建議通過(guò) 60% 的時(shí)間使用主色、30% 的次要顏色和 10% 的強(qiáng)調(diào)色來(lái)平衡產(chǎn)品的顏色。這種分解與吸引眼球背后的神經(jīng)科學(xué)是一致的。因?yàn)閺?qiáng)調(diào)色使用最少,所以最吸引眼球。
正如使用明亮的顏色可以吸引眼球一樣,使用更柔和的顏色可以幫助用戶確定哪些信息是次要的或不太重要的。例如,大多數(shù)網(wǎng)站使用更中性顏色的頁(yè)腳區(qū)域來(lái)顯示與頁(yè)面上其他信息的分離。設(shè)計(jì)者取消優(yōu)先級(jí)的任何功能或信息都可以幫助用戶直接關(guān)注最重要的交互或信息。
幸運(yùn)的是,您不需要花費(fèi)數(shù)千美元的眼球追蹤軟件或腦電圖來(lái)判斷設(shè)計(jì)是否有效。
5 秒測(cè)試是一個(gè)強(qiáng)大的工具,可以確定您的設(shè)計(jì)是否可以立即理解。
在5 秒測(cè)試中,參與者查看網(wǎng)站或應(yīng)用程序 5 秒,然后回答有關(guān)主題和設(shè)計(jì)的問(wèn)題。由于無(wú)法回顧圖像,參與者給出了他們的“印象”——參與者假設(shè)的是產(chǎn)品的目的和功能,以及他們會(huì)做什么或他們會(huì)在哪里尋找下一步。
你的產(chǎn)品可能擁有用戶想要的所有功能,但如果懶惰、熱愛(ài)模式的大腦無(wú)法立即掌握這一點(diǎn),它就會(huì)繼續(xù)前進(jìn)。
隨著我們對(duì)設(shè)計(jì)心理學(xué)、大腦和感知的了解越來(lái)越多,整個(gè)行業(yè)的設(shè)計(jì)規(guī)范將繼續(xù)發(fā)生變化。連接線是數(shù)據(jù)——隨著神經(jīng)科學(xué)和認(rèn)知研究方法的改進(jìn),可用于用戶體驗(yàn)設(shè)計(jì)的數(shù)據(jù)的類型和質(zhì)量也會(huì)隨之提高。出色的用戶體驗(yàn)設(shè)計(jì)不是魔法,而是科學(xué)。