交互設(shè)計的價值在哪里?關(guān)鍵在這三點(diǎn)
交互設(shè)計的價值,是讓用戶更容易地理解產(chǎn)品,讓用戶使用我們的產(chǎn)品時,是舒服的、甚至是愉悅的。
前兩天,在我的知識星球里,有星友提問“?為什么說交互設(shè)計是重要的?”相信很多互聯(lián)網(wǎng)從業(yè)人員都會有這個疑問,尤其是產(chǎn)品和交互、UI同學(xué)。在小公司,交互的活兒直接都由產(chǎn)品做了,那么,為什么還需要交互設(shè)計師?交互設(shè)計的價值在哪里?
回答這個問題,我先一句話總結(jié)一下:交互設(shè)計的價值,是讓用戶更容易地理解產(chǎn)品,讓用戶使用我們的產(chǎn)品時,是舒服的、甚至是愉悅的。這就是交互的價值。下面來詳細(xì)說明一下。
1、讓產(chǎn)品更易理解
現(xiàn)在很多小公司,交互方案都是產(chǎn)品經(jīng)理負(fù)責(zé)設(shè)計。有的產(chǎn)品是直接寫在PRD里,有的則會單獨(dú)出一個交互方案。產(chǎn)品經(jīng)理在考慮提出需求的時候,或許還能夠從用戶角度出發(fā);一旦涉及到把需求變成交互方案,會常常掉到一個坑里:覺得用戶會乖乖按照他設(shè)計的方案進(jìn)行理解和操作。實(shí)際上,用戶對界面和操作有自己的理解,他們不會像流水線上被馴化的工人一樣,乖乖服從你的命令。比如下面這個例子,就讓我在使用的時候十分困惑:
快春節(jié)了,打算給老媽買幾束鮮花。由于在首頁點(diǎn)擊“混合 悅花”的時候,看到的價格是99,所以當(dāng)時我的期待就是能以99元的價格買到鮮花。然額,進(jìn)到商品詳情頁后發(fā)現(xiàn)需要“3人團(tuán)”才能99元買。這倒也罷,商家慣用的伎倆。其實(shí)這時候已經(jīng)有點(diǎn)想放棄了,因?yàn)樽约簯械媒M團(tuán),但還是抱著試以試的心態(tài),點(diǎn)了那個“立即開團(tuán)”按鈕,就跳轉(zhuǎn)到了購買頁。由于我之前從沒以“3人團(tuán)”的形式買過東西,此時我的預(yù)期應(yīng)該是讓我去趕緊去組團(tuán),組成了才能購買。但是我找遍了頁面,也沒有找到讓我進(jìn)行組團(tuán)的入口。此時,我內(nèi)心其實(shí)是不太敢點(diǎn)擊那個“提交訂單”按鈕的,因?yàn)榕伦约簺]有組成團(tuán),卻想以99元的低價購買——要是付了款,卻沒有得到花,那我的錢豈不是打水漂了。然額,還是抱著試一試的心態(tài),我點(diǎn)了……點(diǎn)擊之后,這時候來到了訂單結(jié)算頁面,抱著不以99買到不死心的我心驚膽戰(zhàn)地點(diǎn)擊了“立即支付”,然后在支付之后的頁面,終于,花加讓我去分享組團(tuán)了!
這是一個典型的設(shè)計者不理解用戶心理模型的案例——用戶以為在購買之前需要組團(tuán),而設(shè)計者卻想讓用戶在購買之后進(jìn)行組團(tuán)。從這里我們也不難看出,作為一名交互設(shè)計師,需要足夠得了解用戶的心理模型,才能設(shè)計出更優(yōu)秀的方案——畢竟這才是能提現(xiàn)我們的不可替代性的地方??!
2、讓操作更順暢
下圖是iOS系統(tǒng)自帶的鬧鐘/計時器的界面:
這三張圖從左到右換依次是“就寢”,“鬧鐘”,“計時器”這三個功能在到達(dá)設(shè)定時間后的頁面。觀察一下,會發(fā)現(xiàn)計時器的設(shè)計與前面兩個的停止按鈕的位置正好相反:計時器的停止是放在橙色的顯著位置。蘋果這樣做,一個原因很可能是他們認(rèn)為用戶在使用計時器的時候,是清醒的,而且計時結(jié)束后,用戶的大概率操作是停止響鈴,所以把停止按鈕放在了中間。
殊不知,如果我用計時器來當(dāng)我午休時的鬧鐘,或者我在使用計時器的時候沒有仔細(xì)得看頁面上的文字,則會產(chǎn)生很大的不便:由于習(xí)慣了鬧鐘界面里,底部是停止按鈕,在使用計時器的時候,總是要更仔細(xì)地確認(rèn)哪個才是停止按鈕。計時器的頁面元素,UI與另兩個頁面完全一致,但是操作上卻有如此大的不同,我認(rèn)為這個界面的交互設(shè)計是有缺陷的。
一個優(yōu)秀的交互設(shè)計師,必須要能夠意識到用戶的不同使用場景,并綜合考慮交互規(guī)則中的一致性、可供性、及時反饋等原則,做出操作順暢的方案。另外,對系統(tǒng)控件的掌握也至關(guān)重要,它們就像是解數(shù)學(xué)題的公式,牢牢掌握并靈活應(yīng)用,才能做出優(yōu)秀的方案。
3、讓體驗(yàn)更愉悅
下面這個例子,是使用支付寶開通App Store支付時,短信驗(yàn)證碼的設(shè)計。在短信的文案里,驗(yàn)證碼的數(shù)字被放在文案的后面的位置,導(dǎo)致收到短信的時候沒法顯示完整的驗(yàn)證碼,用戶必須要向下劃動提示框查看完整的短信,才能看到驗(yàn)證碼的所有數(shù)字:
最終,我能不能找到驗(yàn)證碼呢?能。這個過程愉不愉快呢?一點(diǎn)也不。這個短信接收驗(yàn)證碼的方案,產(chǎn)品能設(shè)計嗎?完全能。但是用戶用起來爽嗎?完全不。魔鬼在細(xì)節(jié)。
4、總結(jié)
交互設(shè)計,可以幫用戶更容易地理解產(chǎn)品,讓用戶使用我們的產(chǎn)品時,是舒服的、甚至是愉悅的。
如果有一天,交互的知識是如此普及,以至于每一個產(chǎn)品經(jīng)理,或者每一個UI設(shè)計師,都已經(jīng)很好得掌握了,那么“交互設(shè)計師”這個崗位就真的失去了價值,也就不再有存在的必要。但是,交互設(shè)計知識,作為用戶體驗(yàn)系統(tǒng)中重要的一個方面,卻永遠(yuǎn)不會失去價值。所以,有迷茫的交互設(shè)計師們,可以放心大膽地去應(yīng)聘、做好這個崗位,等到你真正掌握了交互設(shè)計這門知識,即使以后它融入了別的崗位,你也可以憑著交互的功底,轉(zhuǎn)行到新的崗位中去。
#專欄作家#
新設(shè)計青年(微信公眾號:新設(shè)計青年),人人都是產(chǎn)品經(jīng)理專欄作家,2017年度作家評選最佳人氣獎。愛奇藝高級交互設(shè)計師。留德海龜,曾任職騰訊微生活、網(wǎng)易、宜信。5年交互設(shè)計經(jīng)驗(yàn),專注設(shè)計領(lǐng)域。
本文原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載。
題圖來自StockSnap.io,基于 CC0 協(xié)議
交互是直接對體驗(yàn)負(fù)責(zé)的部門,很遺憾的一點(diǎn)是,這個體驗(yàn)很難直接量化,導(dǎo)致在企業(yè)氛圍下,交互的價值產(chǎn)出很難明確,地位相對比較低
評論并非杠,你的使用場景是午休定一點(diǎn)半起床的鬧鈴有什么問題呢?為什么要使用計時器?誰會把計時器當(dāng)作鬧鈴來說產(chǎn)品的場景對錯呢?計時器有計時器的使用場景,你真的深入了解計時器的使用場景嗎?
我沒說評論在抬杠啊。除了午休,計時器也可以用在做菜的時候計時,或者認(rèn)真工作的時候。這些場景,這個設(shè)計都不合理。這有什么好爭的。
我也會把計時器作為鬧鐘來用,比如你午睡前看了會兒書,想直接午睡不想去打開手機(jī)設(shè)置鬧鐘,可是此時我不清楚是什么時間,那我就會讓siri設(shè)置一個30分鐘的計時器,而且計時器不會保存,就不會出現(xiàn)設(shè)置了一大堆鬧鐘的情況。
因此這個交互設(shè)計有時候也會困擾到我,有時候PM是挺難把用戶的使用場景考慮周全。
計時器不會保存,我也覺得很方便。而且現(xiàn)在我用蘋果的鬧鐘,也會覺得困惑:不能十分確定到底是點(diǎn)哪個按鈕是停止,不能在沒睡醒的時候輕而易舉得做選擇
ios鬧鐘同樣感覺設(shè)計沒有問題。點(diǎn)擊操作的目的不同,絕大多數(shù)用戶并不會把計時器當(dāng)作午休時的鬧鐘呀,所以認(rèn)為場景考慮的過于復(fù)雜了。
我認(rèn)為把顏色、形狀完全相同的按鈕顛倒位置,是不好的設(shè)計。
臣附議。
個人覺得 iOS系統(tǒng)鬧鐘那里是正常的,可能是一個按鈕級別的問題,對于就寢時間和鬧鐘來說,大概率的點(diǎn)擊觸發(fā)是在稍后繼續(xù)提醒上,而計時則相反,個人覺得是用鬧鐘和計時器本質(zhì)不同的原因吧,畢竟計時器到時之后,較大概率多數(shù)會選擇停止計時,當(dāng)然對于界面完全相同但是功能按鈕的位置變了,多少是會造成些困擾。
鬧鐘和計時器確實(shí)不同。不過顏色、形狀完全相同的按鈕顛倒位置,確實(shí)是不好的設(shè)計。
iOS鬧鐘那個設(shè)計沒毛病。
用戶睡醒了想要停止,去找下方比較小的停止按鈕沒壓力;
如果想要再睡一會,點(diǎn)屏幕中間的大按鈕稍后提醒則更方便。否則,讓用戶睡眼朦朧中去找放在下方的小按鈕來稍后提醒,點(diǎn)幾次不中睡意全無、煩躁飆升,怕是要?dú)⒘水a(chǎn)品經(jīng)理吧。
單獨(dú)分析鬧鐘的話,確實(shí)沒有什么問題。但是問題是鬧鐘和計時器的設(shè)計完全相反,這樣問題就來了~
其實(shí)完全相反是可以理解的,畢竟大概率點(diǎn)擊的按鈕是不同;但界面設(shè)計上,比如整體樣式應(yīng)該體現(xiàn)出來差別我覺得
交互才是對體驗(yàn)負(fù)責(zé)的崗位吧?。?!
是的,我的這篇文章也是這個意思~
。