交互設(shè)計師原則——使用正確的意符
優(yōu)良的設(shè)計會通過易理解、表意準(zhǔn)確的意符,將產(chǎn)品的目的、結(jié)構(gòu)和操作方法清晰得表達出來,這就是意符的作用。
一、什么是意符
意符是唐納德·A·諾曼在《設(shè)計心理學(xué)》中提出的概念,他指出:“‘意符’這個詞指的是能告訴人們正確操作方式的任何可感知的標(biāo)記或聲音?!?/p>
優(yōu)良的設(shè)計會通過易理解、表意準(zhǔn)確的意符,將產(chǎn)品的目的、結(jié)構(gòu)和操作方法清晰得表達出來,這就是意符的作用。
例如:下圖所示的逃生門,常用于人員數(shù)量較多的地方,如學(xué)校、商場、寫字樓等。
門上的消防杠是很好的意符,告訴人們推動消防杠,門就會開。
由于學(xué)校、商場等場所人流較大,因此門上使用了“推”而不是日常經(jīng)常使用的“向下扳動”(如下圖)的交互形式,更適合火災(zāi)發(fā)生時混亂擁擠的場景。
一個優(yōu)良的設(shè)計方案中使用的意符,一定是讓用戶看到就知道,點擊了這里能做什么;反過來,如果用戶看到了卻不會使用、或者使用后經(jīng)常發(fā)生錯誤,就不是好設(shè)計。
比如下面這個例子:蘋果手機App Store的登錄頁面。
圖中的頁面將登錄按鈕放在Apple ID和密碼輸入框的下方,將完成按鈕放在右上角。筆者進行登錄操作時,輸入完密碼經(jīng)常會點擊“完成”按鈕,而這里的完成,其實只相當(dāng)于“關(guān)閉”頁面的意思,不得已,又得重新輸入一遍信息進行登錄。
這里使用的意符有兩個問題:
- 完成按鈕表意不明。完成也可以是“填寫完畢進行登錄”的意思;
- 登錄按鈕不明顯,比完成按鈕要弱很多。
因此,設(shè)計師在進行方案設(shè)計時,需要注意頁面上的元素,是否能表達出它本來該有的意思。只有這樣,用戶才能在第一時間找到自己最需要的那個元素,通過操作完成自己的需求。
二、注意文案的運用
設(shè)計師平時比較注意圖標(biāo)、色彩、排版等意符,其實文案也是一種重要的意符。
1. 清晰表達信息
首先分享一個來自Airbnb的案例。
當(dāng)用戶首次登錄后,會展現(xiàn)提醒用戶打開通知的頁面:
這個頁面的文案十分用心:
- 標(biāo)題“打開通知?”介紹了這個頁面的主要意圖;
- 下面的說明文字解釋了打開通知帶來的好處;
- 第一個按鈕“好的,打開吧”,是模擬了用戶答應(yīng)請求后的語氣;
- “跳過”,表達了一種“我現(xiàn)在不想打開”的意思,為后續(xù)再次提醒用戶打開通知做了鋪墊。使用“跳過”這樣的文案,比使用“拒絕”或者“不用了”之類含有否定意思的文案要好的多。不得不說,這里的細節(jié)設(shè)計師還是很用心的。
2. 展現(xiàn)產(chǎn)品個性
想要展現(xiàn)一個產(chǎn)品的個性,不僅僅可以通過界面中的視覺元素,比如顏色、圖標(biāo)、排版風(fēng)格等等,通過文案也可以很好得展現(xiàn)。尤其是現(xiàn)在越來越流行的語音交互的設(shè)計,文案的風(fēng)格更是展現(xiàn)產(chǎn)品個性的最重要的一方面。
這里跟大家分享一個文案寫得非??蓯鄣膽?yīng)用:Forest。
它是臺灣一個公司出品的保持注意力的應(yīng)用,玩法就是用戶首先設(shè)定一個時間段,如果用戶在這個時間段內(nèi)可以保持不使用手機,就可以成功種下一棵植株。
下圖是用戶可以選擇的不同類型的樹的介紹:
很喜歡圖中的這些文案,因為有趣又有人情味。
還有一款來自這個團隊的有應(yīng)用,叫“記賬城市”,設(shè)計的風(fēng)格很萌,文案也很有趣,感興趣的朋友可以下載試一下~
#專欄作家#
沐風(fēng),微信公眾號:“沐風(fēng)與體驗設(shè)計”。人人都是產(chǎn)品經(jīng)理專欄作家,2017年度作家評選最佳人氣獎。愛奇藝Phone和PC端交互團隊負(fù)責(zé)人。留德海龜,曾任職騰訊微生活、網(wǎng)易、宜信。6年交互設(shè)計經(jīng)驗,專注設(shè)計領(lǐng)域,歡迎關(guān)注。
本文原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載。
題圖來自 Unsplash,基于CC0協(xié)議。
- 目前還沒評論,等你發(fā)揮!