中文字幕无码av不卡一区,亚洲综合AV永久无码精品一区二区,黑人巨大白妞出浆,黄色高清无码免费看,久久久久免费精品国产,久久无码人妻丰满熟妇区毛片,欧美日韩国产综合草草,久久福利网站,亚洲一区二区三区中文字幕在线,av国内精品久久久久影院

作為一名設(shè)計(jì)師，被質(zhì)疑簡(jiǎn)直是家常便飯。相信你們?cè)谌粘９ぷ髦?，一定被人?wèn)過(guò)：“對(duì)于這個(gè)點(diǎn)，你為什么這樣做而不是那樣？為什么選這個(gè)顏色而不是那個(gè)？”之類的問(wèn)題。其實(shí)，這也是面試中的必問(wèn)問(wèn)題。乍看起來(lái)，確實(shí)有點(diǎn)難回答。但每一個(gè)問(wèn)題，其實(shí)都有他的思考路線圖。今天筆者就來(lái)談?wù)?，如何通過(guò)交互的四個(gè)維度來(lái)入手，巧妙地破解這個(gè)問(wèn)題。

來(lái)，我們舉個(gè)例子。比如，在面試中，作品集中有這么一個(gè)界面，面試官問(wèn)道：

你為什么要設(shè)計(jì)一個(gè)白色的登錄按鈕？為什么選這個(gè)字體？

對(duì)于這種突如其來(lái)的問(wèn)題，很多小伙伴的反應(yīng)都是當(dāng)場(chǎng)懵逼。

這么做設(shè)計(jì)，有可能是為了顏值，也有可能是公司的按鈕就是白色系的，甚至可能是根本沒(méi)想過(guò)哪個(gè)好看選哪個(gè)。

那好，用一分鐘想一想，如果你遇到這個(gè)問(wèn)題，你會(huì)從哪幾個(gè)角度回答？

今天這篇文章，就是想借著這個(gè)問(wèn)題，來(lái)聊聊交互設(shè)計(jì)中的認(rèn)知維度，以及如何利用這幾個(gè)維度，讓我們成功解答面試題，成功完成與程序員PM的“撕逼”戰(zhàn)役，以及輔助我們做更好的設(shè)計(jì)。

對(duì)于認(rèn)知路徑這個(gè)問(wèn)題，很多不同的文獻(xiàn)里都寫過(guò)，比如大家都敬愛(ài)的Don Norman，早期的Jonh Sweller等等，其實(shí)讀這些文章的時(shí)候，我本人也是崩潰的。大家來(lái)體驗(yàn)一下：

本文旨在接地氣的分解這些晦澀知識(shí)的實(shí)際應(yīng)用，所以我努力不提到晦澀的概念。

繞回到登錄界面的問(wèn)題，現(xiàn)在面試官認(rèn)出了關(guān)于你的登錄按鈕的問(wèn)題，到底該怎么辦呢？其實(shí)從面試官的角度來(lái)講，當(dāng)我問(wèn)這個(gè)問(wèn)題的時(shí)候，任何一個(gè)比較淺的回答，我都不會(huì)滿意的。我確實(shí)是想給你出一個(gè)小難題，看看你的臨場(chǎng)反應(yīng)和基本功。

所以，既然面試官希望得到有深度的回答，我們不妨先來(lái)看看，用戶使用這個(gè)按鈕的認(rèn)知路徑。

Aware （知覺(jué)）

知覺(jué)，是用戶使用一項(xiàng)功能之前，意識(shí)到自己需要此功能的過(guò)程。

大家可以回憶一下，當(dāng)你拿起手機(jī)時(shí)，是記得自己要干點(diǎn)什么?？墒堑鹊浇怄i了屏幕之后，卻想不起自己意圖的行為了，是否有過(guò)這樣的場(chǎng)景？

如何最好的用設(shè)計(jì)輔助用戶的知覺(jué)呢？這個(gè)說(shuō)起來(lái)很高深的問(wèn)題，其實(shí)很簡(jiǎn)單。如果你的手機(jī)只有一個(gè)app，只能做一件事情，你通常忘記自己操作意圖的可能性就會(huì)減少很多。我們?cè)O(shè)計(jì)能做的，是兩方面的工作：一是加強(qiáng)知覺(jué)存留的周期，另一個(gè)就是通過(guò)設(shè)計(jì)輔助喚醒知覺(jué)。

如果回到剛才的登錄界面，那么這個(gè)過(guò)程就是：用戶想要登錄的時(shí)候，就會(huì)看到land在了這個(gè)頁(yè)面上，也不會(huì)被其他的元素“分了神”，而是能很專注地直接去執(zhí)行自己想要執(zhí)行的操作。

集中緊湊的界面，能夠輔助用戶知覺(jué)的存留周期

其實(shí)在我們平時(shí)的設(shè)計(jì)中，很難的也是這一步，我們不知道如何做減法，所以無(wú)法存留用戶珍貴的“知覺(jué)”。這一點(diǎn)在B2B的軟件中，更加常見(jiàn)。

Perceive, Recognition & Recall （洞察，識(shí)別與記起）

在知道自己需要做什么之后，下一步就是判斷需要怎么做。通常，用戶會(huì)經(jīng)歷一個(gè)從洞察所需操作，到但識(shí)別/記起操作模式的過(guò)程。通俗一點(diǎn)來(lái)說(shuō)，就是先看了界面，要么認(rèn)出來(lái)在哪里執(zhí)行操作，要么想起來(lái)怎么執(zhí)行操作。

好像又有點(diǎn)抽象，那具體對(duì)于設(shè)計(jì)，我們應(yīng)該如何操作呢？

其實(shí)Neilsen十法里面講過(guò)一個(gè)非常經(jīng)典的設(shè)計(jì)原則，就是說(shuō)識(shí)別是比記起要好的。因?yàn)樽R(shí)別是一個(gè)模糊的過(guò)程，需要的認(rèn)知空間相對(duì)比較?。欢浧饎t是一個(gè)精確的過(guò)程，需要準(zhǔn)確提取信息記憶。說(shuō)起來(lái)，就是你認(rèn)出一個(gè)人是你的熟人，和你記起一個(gè)人的名字的區(qū)別。

那么轉(zhuǎn)化到設(shè)計(jì)師，我們需要的就是一致的，連貫的設(shè)計(jì)，以及為用戶營(yíng)造記憶以便于識(shí)別的能力。這些年各種Design System興起，我的母公司salesforce在推出了lightning>設(shè)計(jì)系統(tǒng)，Material Design>其實(shí)也可以算是一種設(shè)計(jì)系統(tǒng)?？梢钥闯?，設(shè)計(jì)界對(duì)于標(biāo)準(zhǔn)和一致的要求，只會(huì)越來(lái)越高。

那么回到我們的登錄界面的問(wèn)題上，我們要回答的第二步，就是：界面使用了標(biāo)準(zhǔn)的按鈕樣式，同時(shí)但是也加入了陰影，能夠最好地幫助用戶識(shí)別這是一枚按鈕，強(qiáng)調(diào)增加了affordance（自解釋性），減少了記憶負(fù)擔(dān)，告訴用戶“我是一枚按鈕，你可以點(diǎn)我，快點(diǎn)我！”

Act（行動(dòng)）

知道了自己要做什么，意識(shí)到了自己要怎么做的下一步，就是采取行動(dòng)。

說(shuō)起來(lái)這一步好像沒(méi)什么特別的，看到按鈕點(diǎn)下去，看到輸入框輸入一下，總之就是采取一個(gè)操作嘛，沒(méi)什么難的。

然而并不是這么簡(jiǎn)單的。在我們對(duì)于界面的認(rèn)知和界面的實(shí)際操作之間，有兩個(gè)很重要的認(rèn)知概念：一個(gè)叫Gulf（鴻溝），一個(gè)叫Distance（距離）。

Gulf這個(gè)概念還是比較好理解的，指的就是我覺(jué)得這個(gè)按鈕應(yīng)該這么點(diǎn)和這個(gè)按鈕其實(shí)那么點(diǎn)造成的認(rèn)知上的差異，感覺(jué)就是設(shè)計(jì)師搞砸了，挖了個(gè)坑的感覺(jué)。基本就是下面這個(gè)丑丑的圖的感覺(jué)：

而所謂的距離，指的就是你的操作和操作之間的距離。可以是一個(gè)物理距離，比如你打字的時(shí)候手指的位移；或者是屏幕上從一個(gè)按鈕到另一個(gè)按鈕之間的距離。這也就是為什么，快捷鍵對(duì)我們來(lái)說(shuō)很重要，因?yàn)閺逆I盤到鼠標(biāo)，也是有距離的。

回到地面來(lái)說(shuō)說(shuō)具體設(shè)計(jì)的問(wèn)題，我們需要做的，就是減少鴻溝和距離，讓操作可以順利的進(jìn)行。常見(jiàn)的一些設(shè)計(jì)準(zhǔn)則，比如近似原則，比如Affordance，或是使用設(shè)計(jì)系統(tǒng)，都是為了能解決這個(gè)問(wèn)題。

再看看我們的登錄頁(yè)面，這時(shí)候我們的第三步回答，就是：我們的登錄按鈕，非常清晰的給出了登錄這個(gè)操作的可點(diǎn)擊性，以及點(diǎn)了之后，就會(huì)觸發(fā)下一步系統(tǒng)反應(yīng)。

Feedback（反饋）

到這里并沒(méi)有結(jié)束（你看累了嗎？），因?yàn)楫?dāng)你執(zhí)行了一個(gè)操作之后，要期待這個(gè)操作給你個(gè)反饋對(duì)吧。說(shuō)不定誤操作了呢？網(wǎng)絡(luò)斷了呢？系統(tǒng)崩潰了呢？DDoS攻擊了呢？

這地方和Signaling也很相關(guān)，一般這種反饋是非常重要的，是需要通過(guò)信號(hào)來(lái)用戶一個(gè)暗示，我目前的狀態(tài)是什么，有的時(shí)候?qū)Π矒嵊脩舻那榫w起到至關(guān)重要。

比如，曾經(jīng)和一位設(shè)計(jì)無(wú)線麥克風(fēng)上LED燈狀態(tài)的小伙伴聊過(guò)，這里面就全是Signaling的作用。雖然我們經(jīng)常使用這種產(chǎn)品，對(duì)那個(gè)不起眼的小燈泡根本沒(méi)有任何記憶，但是它的作用不同凡反響。

我們可以放在context下面來(lái)談下，當(dāng)你打開(kāi)麥克風(fēng)，怎么判斷你的麥克風(fēng)是開(kāi)著的？雖然我們有個(gè)很小很小的開(kāi)關(guān)，上面也寫著開(kāi)和關(guān)，但是LED變成綠的，你就不用戴著老花鏡看看到底開(kāi)關(guān)指向什么地方了；而無(wú)線麥克風(fēng)要沒(méi)電了，黃燈閃爍提示用戶，我要沒(méi)電了快給我充電，這部分可能根據(jù)人們對(duì)過(guò)去事物的認(rèn)知會(huì)延續(xù)到這個(gè)燈狀態(tài)的解讀；如果我在臺(tái)上和別人竊竊私語(yǔ)，談點(diǎn)不相干想干的話題，用如何確定TA的麥克風(fēng)是不是放在了正確的狀態(tài)，如果LED變成紅色而且在閃爍，用戶是不是就可以不用對(duì)著麥克風(fēng)喊“喂喂喂……”來(lái)確定自己是不是已經(jīng)關(guān)掉麥克。這種例子不勝枚舉，在交互中也是起了非常重要的作用。

曾經(jīng)MacBook上我最喜歡的設(shè)計(jì)之一Breathing light

小結(jié)

最近經(jīng)常被小伙伴問(wèn)到，人人都在做交互，是不是交互設(shè)計(jì)是一個(gè)門檻很低的行業(yè)。我倒覺(jué)得恰恰相反，交互是一個(gè)好入門難精通的行業(yè)。沒(méi)有扎實(shí)的理論功底，你如何保證自己能夠真正考慮到用戶需求和心理的方方面面呢。

所以，如果以后再有人問(wèn)你“你為什么設(shè)計(jì)了一個(gè)圓角的按鈕”，或者“你為什么做了三個(gè)并排的圖標(biāo)”，你知道怎么一本正經(jīng)的回答他們了么？

作者：Spell，高級(jí)產(chǎn)品設(shè)計(jì)@Salesforce。曾助力微軟，亞馬遜，HTC，Citrix及若干創(chuàng)業(yè)公司的產(chǎn)品設(shè)計(jì)。當(dāng)下樂(lè)趣是將UX的知識(shí)傳遞給更多的人，并創(chuàng)立了UXOffer-專注于幫助中國(guó)學(xué)生獲得最好的HCI/交互設(shè)計(jì)教育機(jī)會(huì)。

原文地址：http://hangyu.me/

版權(quán)聲明：人人都是產(chǎn)品經(jīng)理尊重行業(yè)規(guī)范，所轉(zhuǎn)載的文章都注明作者和來(lái)源，若標(biāo)注有誤，請(qǐng)聯(lián)系主編QQ：419297645更改。