編輯導(dǎo)語：在產(chǎn)品設(shè)計(jì)流程中，設(shè)計(jì)師可能會經(jīng)常聽到一個(gè)詞，即“直觀設(shè)計(jì)”，那么，你真的了解“直觀設(shè)計(jì)”是什么意思嗎？直觀設(shè)計(jì)是否存在？“直觀”與可落地的設(shè)計(jì)方案中，又存在著什么樣的聯(lián)系？本篇文章里，作者發(fā)表了他的看法，一起來看一下。

一、不存在的“直觀設(shè)計(jì)”

“直觀設(shè)計(jì)”是我們作為設(shè)計(jì)師經(jīng)常聽到的那些被過度使用的短語之一。本文探討了直觀設(shè)計(jì)的含義，為什么它沒有意義，我們?nèi)绾胃玫靥幚碓O(shè)計(jì)解決方案。面向用戶體驗(yàn)設(shè)計(jì)師和任何有興趣更詳細(xì)地探索這些概念的人。

二、什么是直觀？

讓我們先快速瀏覽一下百度上“直觀”一詞的定義：

是指通過對客觀事物的直接接觸而獲得感性認(rèn)識的一種方式。

同時(shí)，劍橋?yàn)槲覀兲峁┝诉@樣的定義：

基于感覺而不是事實(shí)或證據(jù)：一種直觀的方法/判斷。大多數(shù)人都有對與錯(cuò)的直覺。

根據(jù)這些定義，直觀與直覺或感覺相關(guān)聯(lián)，使我們能夠在沒有有意識的推理證據(jù)的情況下做出決定。雖然它可能在各種生活情況下為我們提供良好的服務(wù)，但在與視覺界面相關(guān)時(shí)，我們的直覺是否真的能夠?yàn)槲覀兲峁o意識的指導(dǎo)？

實(shí)際上，設(shè)計(jì)師努力創(chuàng)造的直觀行為必須依賴于使用用戶以前體驗(yàn)過的熟悉的設(shè)計(jì)模式。在這種情況下，直觀的設(shè)計(jì)交互不是基于無意識的推理，而是基于熟悉的感覺。

作為UI設(shè)計(jì)師，多少次有人對你說“它不夠直觀”。雖然這是一個(gè)常見的要求，甚至是界面或軟件應(yīng)用設(shè)計(jì)的要求，但它并不是真正容易衡量甚至定義的東西。

三、直覺的來源？

我們大多數(shù)人對決定或結(jié)果都有預(yù)感或直覺。但是，我們覺得直觀的東西可能對我們的母親，孩子來說都不是直觀的。如果我們之前體驗(yàn)過類似的界面或交互，則界面可能會感到熟悉，而這種熟悉感通常被稱為直觀。

舉個(gè)例子：現(xiàn)在我們出門買東西掃碼付款，使用微信是操作非常方便自然。有一次，我媽媽賣廢品，收廢品的師傅要給她轉(zhuǎn)賬的時(shí)候，仍她點(diǎn)開收款碼，她搗鼓了半天手機(jī)，還是沒有找到收款碼在哪里。

這時(shí)候我才意識到，當(dāng)我第一次在微信上看到那個(gè)不起眼的“+”時(shí)，它并沒有直觀的告訴我說“點(diǎn)我，我可以掃碼！通過點(diǎn)擊，我才發(fā)現(xiàn)點(diǎn)擊時(shí)這個(gè)“+”展開一個(gè)菜單?，F(xiàn)在，當(dāng)我看到這個(gè)“+”，我就知道它的作用。不是因?yàn)橹庇X，而是因?yàn)槲乙郧白鲞^。沒有什么本能的直覺。

就像是90年代，我在上小學(xué)的微機(jī)課時(shí)一樣，老師讓我們拿起鼠標(biāo)點(diǎn)擊屏幕上的按鈕。有的同學(xué)拿起鼠標(biāo)在屏幕上點(diǎn)擊一樣讓人發(fā)笑?，F(xiàn)在我們無法想象會有人這樣做，是因?yàn)槲覀円呀?jīng)了解了鼠標(biāo)的原理，但是不能說明它一個(gè)直觀的設(shè)備。

所有只有設(shè)計(jì)我們之前經(jīng)歷過的交互更容易理解。對于那些稍微懂技術(shù)的用戶，我們可以利用已經(jīng)存在且熟悉的界面模式來制定我們的設(shè)計(jì)模式。這種設(shè)計(jì)是解決常見設(shè)計(jì)問題的重復(fù)解決方案。

四、什么是設(shè)計(jì)模式，為什么它們很重要？

設(shè)計(jì)模式很重要，因?yàn)樗鼈兲峁┝丝勺R別的交互，以便用戶花費(fèi)更少的時(shí)間嘗試?yán)斫馊绾谓换ァ?/p>

減少用戶的時(shí)間和精力將創(chuàng)造更好的用戶體驗(yàn)，并最大限度地減少實(shí)現(xiàn)所花費(fèi)的時(shí)間。對于 UI設(shè)計(jì)師來說，好處在于不必重新發(fā)明經(jīng)過驗(yàn)證的設(shè)計(jì)組件，從而節(jié)省時(shí)間。舉例：

1. 搜索提示方式

此模式為用戶提供搜索時(shí)的相關(guān)反饋，更快速方便給使用者提供所需的內(nèi)容。

2. 表單默認(rèn)值

表單默認(rèn)值可用于預(yù)填充某些表單字段以匹配典型的用戶選擇。創(chuàng)建一種更快、更簡單的方式來完成操作。

3. 向?qū)гO(shè)計(jì)

引導(dǎo)用戶完成一系列步驟以實(shí)現(xiàn)單個(gè)目標(biāo)時(shí)，可以使用向?qū)?。用問題數(shù)字提示用戶在流程中的位置、上下文幫助以及用于移至流程下一步的按鈕。向?qū)Ｊ街谐Ｓ玫倪@些組件通過提供用戶已完成的操作、所處的步驟以及下一步要做什么來支持用戶交互。

向?qū)俏覀冇龅降囊环N常見設(shè)計(jì)模式。它通常用于用戶需要完成預(yù)定步驟的交互。

4. 日歷選擇器模式

當(dāng)用戶需要添加多個(gè)日期來完成操作時(shí)，使用此模式。是更便捷或者說是首選的方式，當(dāng)然也可以使用在文本字段中輸入日期的方式。在這個(gè)設(shè)計(jì)案例中，一個(gè)日歷圖標(biāo)表示有一個(gè)日歷菜單，展開彈窗輪動選擇日期。

我們探索了“直觀設(shè)計(jì)”的缺陷，以及如何通過設(shè)計(jì)模式來緩解這種缺陷。我們可以利用設(shè)計(jì)模式來減少用戶的認(rèn)知負(fù)擔(dān)，但是當(dāng)我們設(shè)計(jì)新鮮和創(chuàng)新的東西時(shí)，我們應(yīng)該如何引入新的設(shè)計(jì)模式呢？

五、設(shè)計(jì)創(chuàng)新方式

任何對用戶來說是新的或不熟悉的設(shè)計(jì)都會創(chuàng)建一個(gè)學(xué)習(xí)曲線，我們作為設(shè)計(jì)師會努力將其最小化或完全消除。我們?nèi)绾纹胶饪焖賱?chuàng)新的需求，同時(shí)仍然提供對我們的用戶有意義的可靠的體驗(yàn)？

通過考慮業(yè)務(wù)訴求，并與目標(biāo)受眾用戶一起測試設(shè)計(jì)流程，可以確保我們的設(shè)計(jì)解決方案可以得到盡可能多的驗(yàn)證。

這有助于減輕產(chǎn)品設(shè)計(jì)執(zhí)行中的額外風(fēng)險(xiǎn)。理想情況下，我們可以設(shè)計(jì)符合用戶理解水平的交互，并允許他們個(gè)性化他們的路徑，以在未知的使用環(huán)境中實(shí)現(xiàn)他們想要的結(jié)果。

六、人工智能創(chuàng)新

人工智能 (AI) 技術(shù)一直在創(chuàng)新，例如，購物app的人工智能用于理解簡單搜索背后的意圖，以提供高度個(gè)性化的猜你喜歡結(jié)果。根據(jù)研究數(shù)據(jù)表明，如果體驗(yàn)是個(gè)性化的，80% 的用戶更有可能進(jìn)行購買。

七、設(shè)計(jì)的未來

眾所周知，蘋果、谷歌和微軟等大型設(shè)計(jì)驅(qū)動的軟件開發(fā)商都在投資語音識別和自然語言技術(shù)。這項(xiàng)技術(shù)的進(jìn)步可以讓我們減少對與界面交互的依賴來獲得我們想要的結(jié)果。以提供真正個(gè)性化的體驗(yàn)。

盡管自 2011 年 Siri 首次發(fā)布以來，語音的使用取得了重大進(jìn)展，但我們將看到它在未來幾年多個(gè)行業(yè)變得更加主流和先進(jìn)。這可能會改變生活，尤其是對于不精通技術(shù)的老年人而言。

八、結(jié)論

我們知道直觀的界面很難定義，設(shè)計(jì)模式很重要，智能技術(shù)正在快速發(fā)展。隨著人工智能的不斷創(chuàng)新及其與語音識別、AR 和 VR 的集成，隨著我們的軟件了解我們并反過來幫助我們進(jìn)行交互，我們將看到個(gè)性化程度的提高。作為設(shè)計(jì)師，我們可以學(xué)習(xí)調(diào)整我們的設(shè)計(jì)解決方案以適應(yīng)這些新興工具的環(huán)境。

參考文獻(xiàn)：《Intuitive Design? No Such Thing!》–Carrie Webste

作者：環(huán)鐵藝術(shù)家

來源公眾號：58UXD（ID：i58UXD），58UXD，全稱58同城用戶體驗(yàn)設(shè)計(jì)中心

本文由人人都是產(chǎn)品經(jīng)理合作媒體?@58UXD 授權(quán)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載。

題圖來自 Unsplash，基于CC0協(xié)議。