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

作為一名設(shè)計師，被質(zhì)疑簡直是家常便飯。相信你們在日常工作中，一定被人問過：“對于這個點，你為什么這樣做而不是那樣？為什么選這個顏色而不是那個？”之類的問題。其實，這也是面試中的必問問題。乍看起來，確實有點難回答。但每一個問題，其實都有他的思考路線圖。今天筆者就來談?wù)劊绾瓮ㄟ^交互的四個維度來入手，巧妙地破解這個問題。

來，我們舉個例子。比如，在面試中，作品集中有這么一個界面，面試官問道：

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

對于這種突如其來的問題，很多小伙伴的反應(yīng)都是當(dāng)場懵逼。

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

那好，用一分鐘想一想，如果你遇到這個問題，你會從哪幾個角度回答？

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

對于認知路徑這個問題，很多不同的文獻里都寫過，比如大家都敬愛的Don Norman，早期的Jonh Sweller等等，其實讀這些文章的時候，我本人也是崩潰的。大家來體驗一下：

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

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

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

Aware （知覺）

知覺，是用戶使用一項功能之前，意識到自己需要此功能的過程。

大家可以回憶一下，當(dāng)你拿起手機時，是記得自己要干點什么。可是等到解鎖了屏幕之后，卻想不起自己意圖的行為了，是否有過這樣的場景？

如何最好的用設(shè)計輔助用戶的知覺呢？這個說起來很高深的問題，其實很簡單。如果你的手機只有一個app，只能做一件事情，你通常忘記自己操作意圖的可能性就會減少很多。我們設(shè)計能做的，是兩方面的工作：一是加強知覺存留的周期，另一個就是通過設(shè)計輔助喚醒知覺。

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

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

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

Perceive, Recognition & Recall （洞察，識別與記起）

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

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

其實Neilsen十法里面講過一個非常經(jīng)典的設(shè)計原則，就是說識別是比記起要好的。因為識別是一個模糊的過程，需要的認知空間相對比較小；而記起則是一個精確的過程，需要準(zhǔn)確提取信息記憶。說起來，就是你認出一個人是你的熟人，和你記起一個人的名字的區(qū)別。

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

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

Act（行動）

知道了自己要做什么，意識到了自己要怎么做的下一步，就是采取行動。

說起來這一步好像沒什么特別的，看到按鈕點下去，看到輸入框輸入一下，總之就是采取一個操作嘛，沒什么難的。

然而并不是這么簡單的。在我們對于界面的認知和界面的實際操作之間，有兩個很重要的認知概念：一個叫Gulf（鴻溝），一個叫Distance（距離）。

Gulf這個概念還是比較好理解的，指的就是我覺得這個按鈕應(yīng)該這么點和這個按鈕其實那么點造成的認知上的差異，感覺就是設(shè)計師搞砸了，挖了個坑的感覺?；揪褪窍旅孢@個丑丑的圖的感覺：

而所謂的距離，指的就是你的操作和操作之間的距離?？梢允且粋€物理距離，比如你打字的時候手指的位移；或者是屏幕上從一個按鈕到另一個按鈕之間的距離。這也就是為什么，快捷鍵對我們來說很重要，因為從鍵盤到鼠標(biāo)，也是有距離的。

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

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

Feedback（反饋）

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

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

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

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

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

小結(jié)

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

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

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

來源：微信公眾號【交互設(shè)計學(xué)堂】

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