干貨貼：app中的交互手勢(shì)和意符設(shè)計(jì)

本期文章13108字，一篇頂過(guò)去兩篇。

唐納德·諾曼所著《設(shè)計(jì)心理學(xué)1-4》一直被認(rèn)為是設(shè)計(jì)行業(yè)經(jīng)典，我在讀這一套書(shū)的時(shí)候最令我感到共鳴的不是后來(lái)被大家大書(shū)特書(shū)第四本《情感化設(shè)計(jì)》，而是第一本《日常的設(shè)計(jì)》，這本第一本書(shū)最精華的內(nèi)容是闡述了交互設(shè)計(jì)的基來(lái)源根基則，這個(gè)原則無(wú)論是對(duì)工業(yè)設(shè)計(jì)中的人和物件交互，還是說(shuō)是建筑中的人和空間交互都有很深刻的指導(dǎo)意義。

作為一名app產(chǎn)品設(shè)計(jì)，對(duì)于這幾個(gè)含義理解之后，融匯到app設(shè)計(jì)的情境下，會(huì)讓你對(duì)之前工作流中的『交互設(shè)計(jì)』有全新的認(rèn)識(shí)。

眾所周知，交互設(shè)計(jì)借鑒了心理學(xué)/設(shè)計(jì)/藝術(shù)和情感等基來(lái)源根基則來(lái)保證用戶得到積極愉悅的使用、情感和操作體驗(yàn)。交互設(shè)計(jì)之所以可以成為一門學(xué)科，素質(zhì)在于可交互，而可交互的前提，是可以被感知（這個(gè)我在app的視覺(jué)美成因分析那篇文章里面已經(jīng)說(shuō)到過(guò)了），那么被感知的方式，往往是和人的五感有關(guān)。

觸覺(jué)，聽(tīng)覺(jué)，視覺(jué)，味覺(jué)，嗅覺(jué)。只要能被人的五感所感知到，豈論是和空間，和機(jī)器，和生活中的物件還是和人，只要發(fā)生五感的共情，我們就說(shuō)是可以被交互的。（注意，本文中不考慮復(fù)雜多感交互，而且只考慮交互的一方是正常生物人。）

在人的五感之中，本文依舊著重討論視覺(jué)，因?yàn)榭茖W(xué)研究表白，在人五感的感知信息中，視覺(jué)視覺(jué)占比達(dá)到了驚人的83%。（其中聽(tīng)覺(jué)11%，嗅覺(jué)、觸覺(jué)、味覺(jué)機(jī)加起來(lái)占比6%），而不管是什么設(shè)計(jì)，如果可視性欠安，都不能算得上優(yōu)秀。

唐納德·諾曼將交互的可視性原則歸納為和五種基本心理概念相關(guān)，這五中基本概念別離是：示能（Affordance）、意符（Signifiers）、映射（Mapping）、反饋（Feedback）和概念模型（Conceptual Models）。

示能的概念和內(nèi)涵來(lái)源于吉普森（J. J. Gibson）。此外，關(guān)于有形物品如何傳達(dá)出人們與它們互動(dòng)的重要信息，，這個(gè)特性被吉普森命名為“示能”。

“示能”這個(gè)詞，狹義的理解一下，是從可視性的角度明確了一個(gè)物理對(duì)象與人之間的關(guān)系。示能是物品的特性與決定物品預(yù)設(shè)用途的主體的能力之間的關(guān)系。示能的表現(xiàn)，由物品的品質(zhì)同與之交互的主體的能力共同決定。示能的存在與否取決于物品和主體的屬性。

還是舉阿誰(shuí)諾曼最經(jīng)典的例子，如下圖所示：

從視覺(jué)上看這張圖，我們從以往的生活經(jīng)驗(yàn)聯(lián)想一種方形的，帶紋路的黃色物質(zhì)，再配合長(zhǎng)期的視覺(jué)線索，我們會(huì)知道這張圖上是一個(gè)木塊，那從我們的視覺(jué)線索上，知道這個(gè)木板很細(xì)，（應(yīng)該）能夠輕易被折斷；并且很輕，（應(yīng)該）可以輕易被搬走。這些就是我們通過(guò)視覺(jué)判斷這張圖上呈現(xiàn)的”示能”，而明確的我們和圖上這個(gè)木材的交互關(guān)系。

那再看這張圖：

我們通過(guò)生活經(jīng)驗(yàn)的聯(lián)想可以知道這是一個(gè)木門，為什么會(huì)區(qū)別這是木門而不是上面的木材呢？主要原因是因?yàn)檫@上面有個(gè)『把手』。在人的視覺(jué)中，有時(shí)候不雅觀測(cè)物體的某項(xiàng)”示能”是清晰可見(jiàn)的，好比上圖阿誰(shuí)木材可以被輕易挪動(dòng)轉(zhuǎn)移，而有很多物品的”示能”是不成輕易被感知的，好比上面那張木材的圖，我們就不能感知到這個(gè)木材是可以被『軸轉(zhuǎn)動(dòng)』的。

而這張門的圖上，大家想象本身是一個(gè)什么都不知道的野人，看到上面這個(gè)圖，只有一塊特別顯眼的『把手』，你作為高智慧生物，是不是應(yīng)該去觸摸一下，而且企圖能夠與『把手』進(jìn)行互動(dòng)？

所以總結(jié)一下，如果這個(gè)門上沒(méi)有把手，作為我們?nèi)祟惖恼J(rèn)知而言，可能會(huì)認(rèn)為這個(gè)門不能從外面被打開(kāi)，但是如果這就是一個(gè)能從外面被打開(kāi)的門，但是忘記設(shè)計(jì)外面的把手，那就意味著，這個(gè)物體”示能”的視覺(jué)通道被堵塞。（視覺(jué)通道被堵塞的”示能”可以被認(rèn)為是一種”反示能”），”反示能”對(duì)交互作用是起到抵制作用的。也就是說(shuō)，如果這個(gè)門是可以從外面被打開(kāi)，但是我為了不讓大家從外面打開(kāi)，我在設(shè)計(jì)之初不加從外面打開(kāi)的把手，必然程度上就可以按捺大家從外面打開(kāi)的這種行為。

大家明白了么？

所以為了更有效的展現(xiàn)某些物體的視覺(jué)可交互，示能和反示能都必需被揭示出來(lái)，即可被覺(jué)察到。如果示能和反示能不能夠被覺(jué)察到，就需要報(bào)答的把它們都標(biāo)識(shí)出來(lái)，我們聽(tīng)過(guò)一些有效的手段就可以做到，好比在直立的木頭一側(cè)加上一個(gè)『把手』，這個(gè)把手就是”木頭這種物體可以被人軸轉(zhuǎn)動(dòng)”這種”示能”的一個(gè)提示線索，你只需要旋轉(zhuǎn)把手，稍加用力即可發(fā)現(xiàn)這個(gè)”示能”。

所以，我們把這種揭示”示能”的符號(hào)、提示功能、線索、稱為『意符』

劃重點(diǎn)：示能決定可能進(jìn)行哪些操作。意符則點(diǎn)名操作的位置。

在我的文章《App中的非須要功能和用戶界面上的流量路徑》中，我對(duì)app中的意符進(jìn)行了本身的定義：

用戶界面上的意義符號(hào)，簡(jiǎn)而言之，就是一切用戶感知中可以點(diǎn)擊產(chǎn)生反饋的功能集合。

標(biāo)簽：九江 烏魯木齊 鹽城 東營(yíng) 林芝