交互設(shè)計(jì)師原則——使用正確的意符

0 評論 4180 瀏覽 17 收藏 6 分鐘

優(yōu)良的設(shè)計(jì)會通過易理解、表意準(zhǔn)確的意符,將產(chǎn)品的目的、結(jié)構(gòu)和操作方法清晰得表達(dá)出來,這就是意符的作用。

一、什么是意符

意符是唐納德·A·諾曼在《設(shè)計(jì)心理學(xué)》中提出的概念,他指出:“‘意符’這個(gè)詞指的是能告訴人們正確操作方式的任何可感知的標(biāo)記或聲音?!?/p>

優(yōu)良的設(shè)計(jì)會通過易理解、表意準(zhǔn)確的意符,將產(chǎn)品的目的、結(jié)構(gòu)和操作方法清晰得表達(dá)出來,這就是意符的作用。

例如:下圖所示的逃生門,常用于人員數(shù)量較多的地方,如學(xué)校、商場、寫字樓等。

交互設(shè)計(jì)師原則——使用正確的意符

門上的消防杠是很好的意符,告訴人們推動(dòng)消防杠,門就會開。

由于學(xué)校、商場等場所人流較大,因此門上使用了“推”而不是日常經(jīng)常使用的“向下扳動(dòng)”(如下圖)的交互形式,更適合火災(zāi)發(fā)生時(shí)混亂擁擠的場景。

交互設(shè)計(jì)師原則——使用正確的意符

一個(gè)優(yōu)良的設(shè)計(jì)方案中使用的意符,一定是讓用戶看到就知道,點(diǎn)擊了這里能做什么;反過來,如果用戶看到了卻不會使用、或者使用后經(jīng)常發(fā)生錯(cuò)誤,就不是好設(shè)計(jì)。

比如下面這個(gè)例子:蘋果手機(jī)App Store的登錄頁面。

交互設(shè)計(jì)師原則——使用正確的意符

圖中的頁面將登錄按鈕放在Apple ID和密碼輸入框的下方,將完成按鈕放在右上角。筆者進(jìn)行登錄操作時(shí),輸入完密碼經(jīng)常會點(diǎn)擊“完成”按鈕,而這里的完成,其實(shí)只相當(dāng)于“關(guān)閉”頁面的意思,不得已,又得重新輸入一遍信息進(jìn)行登錄。

這里使用的意符有兩個(gè)問題:

  1. 完成按鈕表意不明。完成也可以是“填寫完畢進(jìn)行登錄”的意思;
  2. 登錄按鈕不明顯,比完成按鈕要弱很多。

因此,設(shè)計(jì)師在進(jìn)行方案設(shè)計(jì)時(shí),需要注意頁面上的元素,是否能表達(dá)出它本來該有的意思。只有這樣,用戶才能在第一時(shí)間找到自己最需要的那個(gè)元素,通過操作完成自己的需求。

二、注意文案的運(yùn)用

設(shè)計(jì)師平時(shí)比較注意圖標(biāo)、色彩、排版等意符,其實(shí)文案也是一種重要的意符。

1. 清晰表達(dá)信息

首先分享一個(gè)來自Airbnb的案例。

當(dāng)用戶首次登錄后,會展現(xiàn)提醒用戶打開通知的頁面:

交互設(shè)計(jì)師原則——使用正確的意符

這個(gè)頁面的文案十分用心:

  • 標(biāo)題“打開通知?”介紹了這個(gè)頁面的主要意圖;
  • 下面的說明文字解釋了打開通知帶來的好處;
  • 第一個(gè)按鈕“好的,打開吧”,是模擬了用戶答應(yīng)請求后的語氣;
  • “跳過”,表達(dá)了一種“我現(xiàn)在不想打開”的意思,為后續(xù)再次提醒用戶打開通知做了鋪墊。使用“跳過”這樣的文案,比使用“拒絕”或者“不用了”之類含有否定意思的文案要好的多。不得不說,這里的細(xì)節(jié)設(shè)計(jì)師還是很用心的。

2. 展現(xiàn)產(chǎn)品個(gè)性

想要展現(xiàn)一個(gè)產(chǎn)品的個(gè)性,不僅僅可以通過界面中的視覺元素,比如顏色、圖標(biāo)、排版風(fēng)格等等,通過文案也可以很好得展現(xiàn)。尤其是現(xiàn)在越來越流行的語音交互的設(shè)計(jì),文案的風(fēng)格更是展現(xiàn)產(chǎn)品個(gè)性的最重要的一方面。

這里跟大家分享一個(gè)文案寫得非??蓯鄣膽?yīng)用:Forest。

它是臺灣一個(gè)公司出品的保持注意力的應(yīng)用,玩法就是用戶首先設(shè)定一個(gè)時(shí)間段,如果用戶在這個(gè)時(shí)間段內(nèi)可以保持不使用手機(jī),就可以成功種下一棵植株。

下圖是用戶可以選擇的不同類型的樹的介紹:

交互設(shè)計(jì)師原則——使用正確的意符

很喜歡圖中的這些文案,因?yàn)橛腥び钟腥饲槲丁?/p>

還有一款來自這個(gè)團(tuán)隊(duì)的有應(yīng)用,叫“記賬城市”,設(shè)計(jì)的風(fēng)格很萌,文案也很有趣,感興趣的朋友可以下載試一下~

#專欄作家#

沐風(fēng),微信公眾號:“沐風(fēng)與體驗(yàn)設(shè)計(jì)”。人人都是產(chǎn)品經(jīng)理專欄作家,2017年度作家評選最佳人氣獎(jiǎng)。愛奇藝Phone和PC端交互團(tuán)隊(duì)負(fù)責(zé)人。留德海龜,曾任職騰訊微生活、網(wǎng)易、宜信。6年交互設(shè)計(jì)經(jīng)驗(yàn),專注設(shè)計(jì)領(lǐng)域,歡迎關(guān)注。

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

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

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 目前還沒評論,等你發(fā)揮!