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

在上篇中，我們聚焦產(chǎn)品中的用戶流程行為，討論為減少用戶操作負(fù)擔(dān)和優(yōu)化等待而做的交互設(shè)計(jì)；在中篇中，我們從人的主觀感受出發(fā)，討論產(chǎn)品的禮儀和為舒適而做的交互設(shè)計(jì)；在本篇中，我們將討論人的感知和目標(biāo)，探究那些”人們其實(shí)已經(jīng)知道，卻沒有被發(fā)現(xiàn)“，但偉大產(chǎn)品為此做的動(dòng)人細(xì)節(jié)。

為感知而做的設(shè)計(jì)：交互設(shè)計(jì)的基石

談到“感知”和“目標(biāo)”將無法回避認(rèn)知心理學(xué)，今天我們所討論的“交互設(shè)計(jì)”成形于人機(jī)界面（GUI）產(chǎn)生之后。這因?yàn)殡SGUI發(fā)展，不可視操作與概念化過程中發(fā)生的問題，必須通過“交互設(shè)計(jì)”予以合理解決。這時(shí)認(rèn)知心理學(xué)家通過理解人的認(rèn)知和行為模式，不但評(píng)估具體化設(shè)計(jì)的優(yōu)劣，還進(jìn)一步指導(dǎo)交互設(shè)計(jì)的具體實(shí)施。

此處不得不提到，80年代加州圣迭戈大學(xué)的認(rèn)知心理學(xué)教授Don Norman將心理學(xué)引入到設(shè)計(jì)中，奠定了交互設(shè)計(jì)和體驗(yàn)設(shè)計(jì)的基石。后來者Steve Mulder、Alan Cooper、Jeff Patton則完善了交互設(shè)計(jì)的方法工具。

在增強(qiáng)感知方面，Norman在《日常的設(shè)計(jì)》中提到了五種方法，即可供性、意符、反饋、映射和概念模型。而后來者如深澤直人提出的閾下設(shè)計(jì)，在可供性方面走的更遠(yuǎn)，所以在這里稍做調(diào)整，以直覺化、可視化反饋，保持一致，方位感，符合心智模型五個(gè)方面討論為感知而設(shè)計(jì)。

案例一 MACBOOK和iOS的輸入鍵盤：直覺化設(shè)計(jì)

我們生活的世界充滿了線索，我們隨手將瓶子放在桌子上，是因?yàn)樽雷悠秸蛣倓偤玫母叨?；我們爬山走累了，坐在石頭上，是因?yàn)槭^的輪廓給讓我們感知可以就坐。人們每時(shí)每刻都在測(cè)量周遭的物體的可供性，只是大多時(shí)候都沒有發(fā)現(xiàn)這一點(diǎn)。

Norman在《日常的設(shè)計(jì)》中所闡述的可供性是事物客觀特征和人印象的結(jié)合，而深澤直人提出的閾下意識(shí)（無意識(shí)設(shè)計(jì)）中的可供性，則強(qiáng)調(diào)通過產(chǎn)品輪廓構(gòu)建屬性，增強(qiáng)人的直覺化感知。

當(dāng)意識(shí)到人的感知會(huì)被物體的輪廓所左右，我們就會(huì)發(fā)現(xiàn)身邊的直覺化設(shè)計(jì)。

MACBOOK相比Thinkpad的鍵盤更具可供性，不是因?yàn)镸ACBOOK的鍵盤比Thinkpad的更大，而是前者通過不同材質(zhì)和不同顏色增強(qiáng)了按鍵輪廓，以及通過輪廓展示出舒適剛好的間隔。

同樣，IOS的鍵盤相比安卓鍵盤更具可供性，也并非因?yàn)樗嫷谋劝沧扛矜I盤，而是簡潔的信息，飽滿的字體設(shè)定與疏密剛好的輪廓，讓人更容易聚焦按鍵。

直覺化設(shè)計(jì)不是強(qiáng)調(diào)給予用戶感官上的刺激，而是通過產(chǎn)品輪廓和位置與用戶的直覺產(chǎn)生高度共振。比如我們經(jīng)常會(huì)見到領(lǐng)紅包的模態(tài)視圖，多點(diǎn)將領(lǐng)取按鈕的位置下移至離用戶更近位置，用戶在閾下意識(shí)下點(diǎn)擊領(lǐng)取從而注冊(cè)，不是因?yàn)檫@個(gè)紅包畫的更像紅包導(dǎo)致的。

案例二 iOS的按鍵顯示與放大鏡：可視化反饋

乘坐電梯時(shí)常見到一種現(xiàn)象，人們按了一下關(guān)門按鍵，過了1秒，又按了一下，然后又按，最后門關(guān)上了，這源于電梯關(guān)門存在延遲與沒有提供及時(shí)反饋，雖然人們知道電梯存在這個(gè)問題，但當(dāng)再次來到這電梯中，卻又重復(fù)反復(fù)按鍵的一幕。人們?cè)诓僮鞯臅r(shí)候，需要獲得可視化與及時(shí)反饋，否則就會(huì)感受到強(qiáng)烈的不穩(wěn)定感。

前邊提到OFO使用了一個(gè)糟糕的解鎖鍵盤，大按鍵設(shè)計(jì)與輸入反饋可以讓我們少犯錯(cuò)誤。但當(dāng)鍵盤不是數(shù)字而是字母，受限于屏幕尺寸，我們并不能加大按鍵尺寸，該如何做呢？iOS早就想到了這一點(diǎn)，在第一代iPhone上就提供了輸入可視化反饋，讓人們及時(shí)知道是否已經(jīng)準(zhǔn)確輸入，同時(shí)不干擾視覺焦點(diǎn)。

同樣的模式，iOS在長按文本復(fù)制也有用到，用戶的手指長按時(shí)會(huì)覆蓋焦點(diǎn)位置，此時(shí)提供放大鏡的可視化反饋，有助于讓用戶充分感知是否準(zhǔn)確框取。

iOS的系統(tǒng)鍵盤通過可視化反饋增強(qiáng)了操作感知，而糟糕的三星手機(jī)，在窄小的鍵盤上輸入根本看不到按鍵反饋，手指按壓文字復(fù)制時(shí)也看不到反饋，如同電梯中不亮的關(guān)門鍵一樣每一次都讓人不安。

案例三 iOS的天氣開啟流量：保持一致

我們知道產(chǎn)品不論視覺設(shè)計(jì)還是交互設(shè)計(jì)都應(yīng)保持一致。當(dāng)我們看到加重的文字理解這是標(biāo)題，隨著我們閱讀再次看到加重文字，就會(huì)馬上感知到這就是標(biāo)題；當(dāng)我們拖動(dòng)一個(gè)文件到垃圾箱代表刪除，我們會(huì)感知拖動(dòng)另外一個(gè)也可以刪除。如果視覺元素排版不一致，就會(huì)讓我們感到內(nèi)容混亂，不容易理解；同樣如果一致的交互行為結(jié)果截然不同，我們就會(huì)感覺到困惑，甚至懷疑系統(tǒng)本身。

今天在網(wǎng)絡(luò)上有無數(shù)人抱怨iOS的天氣數(shù)據(jù)無法打開，而造成困擾的原因在于，對(duì)于開啟應(yīng)用數(shù)據(jù)流量的操作，iOS竟然為天氣應(yīng)用設(shè)計(jì)了不同的流程。

當(dāng)我們需要開啟普通應(yīng)用的數(shù)據(jù)流量步驟是：

1. 進(jìn)入設(shè)置
2. 滾動(dòng)列表選擇某個(gè)應(yīng)用
3. 列表選擇無線數(shù)據(jù)
4. 開啟無線數(shù)據(jù)與蜂窩數(shù)據(jù)

而在設(shè)置列表里并不包含天氣，開啟天氣數(shù)據(jù)流量的步驟是：

1. 進(jìn)入設(shè)置
2. 進(jìn)入蜂窩移動(dòng)網(wǎng)絡(luò)
3. 列表選擇使用無線與蜂窩數(shù)據(jù)應(yīng)用
4. 滾動(dòng)列表選擇”天氣“
5. 開啟無線與蜂窩數(shù)據(jù)

不一致的交互讓用戶無法正確感知和找到開啟天氣數(shù)據(jù)流量的入口，從而倍感困惑。

案例四 iOS與摩拜單車的轉(zhuǎn)場(chǎng)動(dòng)畫：方位感

在辦公室里我們經(jīng)常使用中央空調(diào)溫控器，糟糕的溫控器按鈕的空間排列無法與用戶內(nèi)心產(chǎn)生共振，每一次使用都需要重新觀察和理解每個(gè)按鍵的含義；優(yōu)秀的溫控器設(shè)計(jì)，風(fēng)力上升下降，溫度按鍵調(diào)節(jié)與數(shù)字，都能夠使用空間布局和人內(nèi)心產(chǎn)生共鳴，只要是用一次，下一次閉上眼睛都可以操作。

如同我們?cè)谀承┝⒔粯蚧驅(qū)懽謽抢锶菀酌允б粯樱愀獾慕换ピO(shè)計(jì)總是隨著功能和界面的增加，讓我們困惑和思考自己所處在的位置；優(yōu)秀的設(shè)計(jì)甚至不用標(biāo)志，僅通過空間關(guān)系就讓人與環(huán)境產(chǎn)生共鳴。

我們每天使用的iOS就是通過界面間的X、Y、Z軸轉(zhuǎn)場(chǎng)，及焦點(diǎn)縮放展現(xiàn)界面信息之間層級(jí)關(guān)系，以及理解我們所處的位置。通常情況下，APP設(shè)計(jì)者都注意到了這一點(diǎn)，比如Airbnb：搜索、房源和攻略通過X、Y和Z軸轉(zhuǎn)場(chǎng)分離，每一信息類別和當(dāng)前所處位置可清晰感知。

不好的例子是摩拜單車，無論是左側(cè)菜單、搜索、消息，都是向左滑動(dòng)的X軸轉(zhuǎn)場(chǎng)，而模態(tài)視圖不論觸發(fā)位置一律采用下落Y軸轉(zhuǎn)場(chǎng)，人們根本無法通過界面間運(yùn)動(dòng)關(guān)系感知信息層級(jí)關(guān)系，信息之間關(guān)系因此混亂，就像糟糕溫控器例子里簡單粗暴橫向排列的按鈕一樣。

案例五 支付寶與微信卡包：符合心智模型

Norman提到產(chǎn)品設(shè)計(jì)中存在三個(gè)模型，實(shí)現(xiàn)模型，呈現(xiàn)模型，和用戶心智模型。當(dāng)產(chǎn)品的呈現(xiàn)模型趨于用戶心智模型，用戶就會(huì)輕松的理解和使用。當(dāng)呈現(xiàn)模型趨于實(shí)現(xiàn)模型而不是用戶心智模型，用戶就需要順應(yīng)、理解和平衡，有時(shí)因?yàn)槔斫忮e(cuò)誤，就會(huì)出錯(cuò)，甚至?xí)虼烁械酱鞌　嵟吞与x。

今天我們知道電腦中根本沒有真實(shí)的文件夾、桌面和垃圾箱，這是70年代施樂實(shí)驗(yàn)室設(shè)計(jì)圖形化系統(tǒng)時(shí)使用符合用戶心智的概念，將可視化操作與用戶日常行為相聯(lián)系。

支付寶與微信將優(yōu)惠券、銀行卡的列表使用卡包的概念。日常生活中，掏出錢包，拿出信用卡，使用完后，再放回錢包，“卡應(yīng)該放在錢包中”的概念模型是用戶所熟悉的。類似的例子，我們轉(zhuǎn)賬給朋友，支付寶和微信使用“紅包”的概念，也是為了將可視化操作與日常行為聯(lián)系。手機(jī)中根本沒有現(xiàn)實(shí)中的紅包，而是通過符合心智的模型增強(qiáng)了用戶感知，減少了用戶的錯(cuò)誤理解和焦慮。

今天越來越多的產(chǎn)品懂得使用紅包的概念拉新，反觀airbnb，邀請(qǐng)好友獲得“旅游基金”是一個(gè)陌生概念，沒有和用戶的日常行為聯(lián)系，這是一個(gè)需要用戶理解而不能輕易感知，不符合用戶心智的例子。

因懂你而做的設(shè)計(jì)：

我們周遭的人造事物大多都是經(jīng)過設(shè)計(jì)的，而為了產(chǎn)品競(jìng)爭或商業(yè)目的達(dá)成，今天智能設(shè)備上越來越復(fù)雜的功能和操作有時(shí)并沒有幫助我們，甚至讓我們感到多余和沮喪。以人為中心的設(shè)計(jì)，強(qiáng)調(diào)將人的需要、能力和行為模式進(jìn)行分析，然后再進(jìn)行設(shè)計(jì)來滿足人的需要，設(shè)計(jì)的前提是先理解人。

Norman在《情感化設(shè)計(jì)》中提到人的認(rèn)知存在三個(gè)層次，本能層、行為層和反思層，Alan Copper將其映射到交互設(shè)計(jì)中用戶的目標(biāo)：體驗(yàn)?zāi)繕?biāo)（用戶想要什么樣的感覺）、使用目標(biāo)（用戶想要做什么）和人生目標(biāo)（用戶想要成為什么樣的人）。

談因懂你而做的交互設(shè)計(jì)，我們沿著Norman到Alan Copper的思路展開。

案例一 Bilibili、Acfun和野獸派：懂得如何迎合你

本能層認(rèn)知是用戶接觸產(chǎn)品時(shí)就會(huì)感受到的，所以體驗(yàn)?zāi)繕?biāo)通常是簡單、通用和人性化的。不過設(shè)計(jì)者如果希望迎合受眾，通常會(huì)考慮更多的體驗(yàn)動(dòng)機(jī)，在體驗(yàn)?zāi)繕?biāo)的達(dá)成上頗費(fèi)苦心。

Bilibili和Acfun都是以90后二次元為主要用戶群的視頻APP，在頁面元素、卡通圖標(biāo)和下拉刷新的加載動(dòng)畫上，都盡力在迎合90后二次元的群體特征，展示了十分有趣的情景。

同樣的電商APP野獸派，用戶群是不滿足于傳統(tǒng)電商的年輕白領(lǐng)，在首頁使用精致的地圖展示店鋪，雖然這種交互模式增加了用戶識(shí)別的困惑，但是卻十分迎合這類用戶追求新鮮、不同、精致的體驗(yàn)?zāi)繕?biāo)。

案例二 iOS與錘子日歷：懂得你的日常行為

行為層認(rèn)知是用戶在使用過程中感受到的，其映射的使用目標(biāo)代表著用戶使用產(chǎn)品執(zhí)行任務(wù)的動(dòng)機(jī)。為了達(dá)成這一點(diǎn)，設(shè)計(jì)者通常需要關(guān)注用戶的日常行為和場(chǎng)景，以及用戶具體的使用行為和任務(wù)。

在日常生活中，我們常見三種日歷，即黃歷、月歷和年歷。黃歷每一頁是一天，每頁可以瀏覽和記錄更多信息，但在不同天之間推算天數(shù)不便；月歷將一個(gè)月記錄在一頁上，方便計(jì)算一月內(nèi)不同天的間隔，但推算相鄰月的間隔日期不便；年歷適合全覽和推算月間的日期間隔，但在瀏覽和記錄信息上不便。

iOS設(shè)計(jì)了一個(gè)優(yōu)秀的日歷，用戶可以順暢的在周、月和年的不同瀏覽模式間切換，而當(dāng)用戶想要看下個(gè)月的某天和今天間隔幾天，不會(huì)受限于是否在同月的限制，這正是源于對(duì)人們?nèi)粘Ｐ袨榈臏?zhǔn)確理解。相反，錘子的日歷完全機(jī)械復(fù)刻了現(xiàn)實(shí)中的月歷，人們必須按照月歷那樣切換，但日期客觀上是連續(xù)的，在推算相鄰兩月間隔日子時(shí)，人們也就碰到了如同現(xiàn)實(shí)中一樣的問題。

懂得用戶的日常行為和場(chǎng)景，iOS的日歷更好的達(dá)成了用戶的使用目標(biāo)。

案例三 知乎和RNIfilm：懂得你如何使用產(chǎn)品

達(dá)成用戶使用目標(biāo)的另一種方式是關(guān)注用戶的使用行為和任務(wù)。

當(dāng)我們?cè)谑褂弥醯臅r(shí)候，跳出APP，過一會(huì)再進(jìn)入，頂部就會(huì)非模態(tài)顯示刷新；當(dāng)我們下拉列表的時(shí)候，會(huì)在信息中顯示之前瀏覽到哪里，知乎所做的這些，是因?yàn)槔斫庥脩艟唧w使用的行為和任務(wù)，都是為了用戶能更好的“刷”知乎。

同樣的例子，照片后期APP RNIfilm在打開手機(jī)照片的時(shí)候，沒有直接使用iOS的相冊(cè)，而是提供了一個(gè)經(jīng)過設(shè)計(jì)的相冊(cè)視圖，在該視圖中提供相冊(cè)的正序和倒序兩種排列方式，還記得你為了翻半年前拍攝照片的局促嗎？RNIfilm幫你減少了操作。這也是建立在理解用戶使用行為和任務(wù)的基礎(chǔ)上。

懂得用戶在產(chǎn)品中的具體使用行為和任務(wù)，知乎和RNIfilm更好的達(dá)成了用戶的使用目標(biāo)。

案例四 斯塔克的設(shè)計(jì):懂你的進(jìn)取心

反思層認(rèn)知產(chǎn)生于用戶使用產(chǎn)品之后，它所映射的人生目標(biāo)代表了用戶的期待，涉及更深層的驅(qū)動(dòng)力，用戶動(dòng)機(jī)、欲望和自我形象，設(shè)計(jì)師所做的正是以用戶的人生目標(biāo)將產(chǎn)品最終轉(zhuǎn)化為更高層次系統(tǒng)。

在Norman的《情感化設(shè)計(jì)》書中，將斯塔克的設(shè)計(jì)歸類為第三層設(shè)計(jì)，但Norman并沒有講的十分清楚。而在國內(nèi)各種設(shè)計(jì)文章中介紹他時(shí)，普遍使用“設(shè)計(jì)鬼才”，“極簡主義”。在我看了他出場(chǎng)的09年設(shè)計(jì)選秀紀(jì)錄片《名師出高徒》時(shí)，反復(fù)聽到他在訓(xùn)斥參賽選手時(shí)用了“進(jìn)取心”這一詞，恍然大悟。

我們?cè)倏此顾说脑O(shè)計(jì)，不論是幽靈座椅、外星人榨汁機(jī)、騎士馬桶刷，都會(huì)發(fā)現(xiàn)這些設(shè)計(jì)不只是極簡主義，而是大眾設(shè)計(jì)，進(jìn)一步說，是使用普通、廉價(jià)的的材料，通過塑造出產(chǎn)品的進(jìn)取心而最終為產(chǎn)品注入靈魂和力量。今天我們看待和使用這些產(chǎn)品的時(shí)候，能夠感受到這種不平凡。大眾并不甘于平凡，懂得使用進(jìn)取心的設(shè)計(jì)激發(fā)大眾深層的欲望和驅(qū)動(dòng)力，是斯塔克設(shè)計(jì)的獨(dú)到之處。

案例五 微信和支付寶:不是為溝通和支付而做的產(chǎn)品，而是達(dá)成你的人生目標(biāo)

Norman進(jìn)一步提到，人的目標(biāo)大致是四類：過美好的生活；成就自己的抱負(fù)；成為某方面的專家；在同輩中有魅力、受歡迎、被尊重。

我們?cè)倏次⑿藕椭Ц秾殻哼@可不是為解決人的溝通和支付的問題而做的產(chǎn)品。

我們使用微信和他人溝通，同時(shí)每天刷微信朋友圈，曬各種生活，其驅(qū)動(dòng)力難道不是為了成為一個(gè)有魅力、受歡迎被尊重的人嗎？

我們種銀行卡關(guān)聯(lián)賬戶，使用支付寶快捷支付，短期支撐房屋水電支付，打理我們的日常收支、儲(chǔ)蓄，長期則通過余額寶等理財(cái)，難道不是為了過更美好的生活嗎？

我們發(fā)現(xiàn)，當(dāng)產(chǎn)品不僅幫助我們實(shí)現(xiàn)體驗(yàn)?zāi)繕?biāo)和使用目標(biāo)，還有助于為我們達(dá)成人生目標(biāo)時(shí)，仿佛就像斯塔克的設(shè)計(jì)一樣，注入了靈魂和力量，而我們最終也狂熱的成為了產(chǎn)品的忠實(shí)粉絲。

感謝大家閱讀。

相關(guān)閱讀

微交互的設(shè)計(jì)案例與思考（上篇）

微交互的設(shè)計(jì)案例與思考（中篇）

作者：彩虹貓sir，交互設(shè)計(jì)師一枚，堅(jiān)持原創(chuàng)，以文會(huì)友，希望和大家共同感悟，思考，成長。

本文由 @彩虹貓sir 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載。