交互設(shè)計(jì)是現(xiàn)在產(chǎn)品開發(fā)不可忽視的一個(gè)問題,一般需要從用戶和產(chǎn)品兩方面去思考這個(gè)問題,需要不斷的從中得到反饋,才能讓用戶有更好的體驗(yàn)效果
規(guī)范,意指符合邏輯,客觀、真實(shí)、全面、完整、準(zhǔn)確、及時(shí),達(dá)標(biāo)。明文規(guī)定或約定俗成的標(biāo)準(zhǔn), 使某一行為或活動(dòng)達(dá)到或超越規(guī)定的標(biāo)準(zhǔn)。設(shè)計(jì)規(guī)范的制定都帶有很強(qiáng)的目的性,一份規(guī)范的制定不僅是對產(chǎn)品自身有利,對設(shè)計(jì)研發(fā)團(tuán)隊(duì)以及用戶都是有諸多顯著的好處。
什么是交互設(shè)計(jì)中的操作反饋?
設(shè)計(jì)規(guī)范中的操作反饋規(guī)范的制定,實(shí)則就是將用戶操作APP后的行為給出一致性的反饋,讓用戶的每一步操作都有明確的感知。
操作反饋則是指:用戶在使用產(chǎn)品時(shí),產(chǎn)品系統(tǒng)對用戶操作,或因用戶的行所致的變化,系統(tǒng)給出用戶視覺、觸覺或聽覺感官上的反饋,它是體現(xiàn)人與“機(jī)”交互的關(guān)鍵場景。
那為什么我們需要操作反饋呢?
其實(shí)道理很簡單,就是要給用戶明確的回應(yīng),試想在生活中,如果你問某人一件事情,結(jié)果對方無動(dòng)于衷,毫無回應(yīng),你會不會覺得莫名其妙,甚是不爽呢?
所以,幫助用戶及時(shí)感知產(chǎn)品系統(tǒng)的狀態(tài),告訴用戶下一步會發(fā)生什么,接下來應(yīng)該怎么繼續(xù)操作,再或者幫助用戶做出判讀和決定,這就可以大大滿足用戶在使用APP時(shí)的控制感和存在感,同時(shí)可以消減不確定性帶給用戶的負(fù)面體驗(yàn)情緒,從而提升用戶體驗(yàn)。
那在多職能合作的研發(fā)團(tuán)隊(duì)中,設(shè)計(jì)師給出優(yōu)質(zhì)的操作反饋規(guī)范就顯得更加重要了,這樣既可以幫助設(shè)計(jì)師和前端開發(fā),亦或者是產(chǎn)品測試等提高工作效率,也可以提高產(chǎn)品品牌氣質(zhì)。
交互設(shè)計(jì)中的操作反饋規(guī)范和視覺設(shè)計(jì)中的視覺設(shè)計(jì)規(guī)范的側(cè)重點(diǎn)是不一樣的。但是,不管是從什么角度來制定設(shè)計(jì)規(guī)范,其目的都不是為了規(guī)范而規(guī)范,而都應(yīng)該是為了用戶、產(chǎn)品研發(fā)團(tuán)隊(duì)和產(chǎn)品本身去產(chǎn)出優(yōu)質(zhì)的規(guī)范文檔。
每一項(xiàng)的操作規(guī)范都要站在用戶和產(chǎn)品角度考慮,操作的反饋給用戶的體驗(yàn)帶來什么好處,給產(chǎn)品的品牌氣質(zhì)提升帶來何種價(jià)值。4
現(xiàn)在市面上有相當(dāng)部分的產(chǎn)品在用戶操作行為后是無反饋的,再細(xì)致的來說可能是設(shè)計(jì)不仔細(xì),因?yàn)榻y(tǒng)一類型控件中有些操作后是有反饋的。但是,有些操作后是沒有反饋的,比如:網(wǎng)易云音樂iOS6.1.0版本、閱讀應(yīng)用ONE的iOS4.6.2版本、搜狐旗下社交產(chǎn)品狐友的安卓2.6.0版本等,就存在很多控件在用戶操作后無反饋的問題。
圖1 網(wǎng)易云音樂界面截圖(iOS6.1.0)
如上圖1,黃色框標(biāo)出的按鈕,是出自于網(wǎng)易云音樂iOS6.1.0版本中的不同頁面的同一類型按鈕,但是一部分有操作反饋,一部分沒有。
記得在網(wǎng)易云音樂iOS6.1.0版本剛發(fā)布后,我滿懷欣喜去體驗(yàn)新版本,在左右滑動(dòng)頂部一欄功能按鈕時(shí),一不小心擦碰到了“私藏推薦”按鈕,然后給我彈出一個(gè)小程序……
由于非首次進(jìn)入“私藏推薦”這一小程序主界面,所以再次進(jìn)入時(shí)并沒有明確標(biāo)題顯示,小程序主頁面也沒有標(biāo)題的明顯露出。我當(dāng)時(shí)就是疑惑了,思量著是我不小心點(diǎn)擊了上一級頁面中的哪一個(gè)功能按鈕呢?
于是,我?guī)е苫笸顺鲂〕绦?,在我的音樂頁面又帶著疑惑情緒猜想:是不是“私藏推薦”呢?畢竟小程序頁面有“推薦”這一關(guān)鍵詞,點(diǎn)擊進(jìn)入后發(fā)現(xiàn)的確是剛才所見頁面。
以此我發(fā)現(xiàn):此功能按鈕點(diǎn)擊長按后沒有任何操作反饋,所以,我更加明確了放大了我的疑惑和猜想情緒的原因。
如果有明確的操作反饋,即使我沒能瞬間記住功能按鈕的名稱,也最起碼可以感知到誤操進(jìn)入的小程序是我不小心點(diǎn)擊了頁面中哪個(gè)位置的按鈕才發(fā)生了頁面跳轉(zhuǎn)。從而,在我返回上一級頁面時(shí),可能我不一定能準(zhǔn)確的記得是點(diǎn)擊了哪一個(gè)按鈕進(jìn)入的頁面,但是有個(gè)明確的反饋后,我可以明顯的感知到是頁面那個(gè)區(qū)域、那個(gè)位置的按鈕或控件給予了我反饋提示。即便操作反饋微弱,也是可以給出用戶反饋提示的,從而大大消減用戶的疑惑和不確定情緒。
無論Google公司推出的Material Design,還是蘋果公司的iOS設(shè)計(jì)規(guī)范,都對用戶操作反饋?zhàn)隽撕芗?xì)致的處理,同時(shí)國內(nèi)社交應(yīng)用QQ的操作反饋的情感化設(shè)計(jì)也做的極好,大家可以手勢拖拉tab按鈕或消息提示紅點(diǎn)細(xì)細(xì)體驗(yàn)一下。
圖2 iOS控件操作反饋
由此可見,操作反饋沒有,不影響用戶正常使用APP,但是有了操作反饋,對用戶的使用體驗(yàn)卻有一定的輔助作用。那對于一個(gè)追求為用戶提供極致體驗(yàn)感受的設(shè)計(jì)師來說,為用戶提供適當(dāng)?shù)牟僮鞣答伨陀葹橹匾?,那怎么產(chǎn)出一份優(yōu)質(zhì)的操作規(guī)范呢?
操作反饋規(guī)范設(shè)計(jì)的思路
對于解決一個(gè)問題時(shí),我們首先就是要充分了解問題本身,怎么充分了解對于“操作反饋”這一問題呢?
我們可以用一個(gè)簡單的辦法——擴(kuò)充法,就是將語句“操作反饋”擴(kuò)充成完整的一句話,將主、謂、賓補(bǔ)充完整。
擴(kuò)充完整后的句子如:“用戶在操作APP時(shí)獲得到的反饋提示”;用戶輸入操作命令,再通過APP,結(jié)合平臺特性輸出反饋;有輸入有輸出,形成一個(gè)信息收發(fā)閉環(huán)。
圖3則為APP操作反饋規(guī)范的架構(gòu),此架構(gòu)可以適用于絕大多數(shù)的APP操作反饋規(guī)范的建立了。
圖3 操作反饋規(guī)范架構(gòu)
1. 輸入:用戶操作
現(xiàn)階段常見用戶使用APP的操作行為都基本不會逃脫觸屏類手勢操作、非觸屏類動(dòng)作操作和語音操作三類。
當(dāng)然對于智能設(shè)備的輸入操作不僅僅局限于以上三中輸入方式,也有VR頭戴式設(shè)備中的眼動(dòng)操作,以及一些體感動(dòng)作操作等。
觸屏類手勢操作比如點(diǎn)、按、拖、拉、拽等;非觸屏類動(dòng)作操作比如搖一搖、抬臂亮屏等;語音操作更好理解就是語音控制產(chǎn)品等。但是,用戶對智能設(shè)備以及APP的操作行為不局限于此,根據(jù)產(chǎn)品功能和隨著技術(shù)的發(fā)展用戶操作類型也將更加多樣,只要視情況擴(kuò)充用戶操作類型即可。
2. 媒介:系統(tǒng)平臺
在考慮APP反饋時(shí),產(chǎn)品控件是基于native中的iOS系統(tǒng)實(shí)現(xiàn)還是Android系統(tǒng)實(shí)現(xiàn),亦或是在H5中實(shí)現(xiàn),這是首要考慮的,因?yàn)楹芏喈a(chǎn)品會依據(jù)不同平臺特性對用戶操作反饋也給予了差異性設(shè)計(jì)。從而,根據(jù)不同平臺對用戶操作后應(yīng)該給予用戶反饋提示的控件做出類型的劃分。
至于控件類型,設(shè)計(jì)師可根據(jù)具體情況去劃分,重點(diǎn)是要知道在APP中那些是用戶會進(jìn)行操作的控件,那同一屬性的控件給出一致性的反饋就可以。
3. 輸出:操作反饋
智能手機(jī)是APP的主要載體,那基于手機(jī)的反饋方式主要分別為視覺反饋、觸覺反饋和聽覺反饋三種方式。
視覺反饋:
人類在探索和認(rèn)識外部世界的過程中,80%的信息是通過視覺提供的;視覺器官在接收外界刺激候,由視覺中樞參與形成視覺感知反應(yīng)和回饋的過程。視覺反饋主要是通過視覺差異來提示用戶,比如:色彩、形狀、動(dòng)畫等等。
觸覺反饋:
能通過作用力、振動(dòng)等一系列動(dòng)作為使用者再現(xiàn)觸感;通過觸覺接受機(jī)器提示。智能設(shè)備給予用戶的觸覺反饋主要是震動(dòng)和壓感等感覺。
聽覺反饋:
聽覺反饋是指聽覺器官聽到的聲音信息,人類大腦皮層顳橫回的聽皮層為最高的聽覺中樞,聲音聽覺反饋能力屬于人類聽覺能力的一個(gè)重要部分。智能設(shè)備給予用戶的聽覺反饋主要就是發(fā)出各種聲源。
對于一個(gè)軟件應(yīng)用APP來說,它獨(dú)自能給出的反饋僅僅只有視覺反饋,而觸覺反饋和聽覺反饋都需要基于智能設(shè)備輔助完成。所以,視覺反饋也是APP最主流的反饋方式。
根據(jù)這個(gè)思路就可以分門別類的創(chuàng)建一份架構(gòu)清晰的規(guī)范了,具體的實(shí)踐可以根據(jù)實(shí)際產(chǎn)品特點(diǎn)和實(shí)際情況增刪更改具體項(xiàng)。但是,對于大多數(shù)的APP的操作反饋規(guī)范創(chuàng)建來說,以這個(gè)思路拆分任務(wù)和創(chuàng)建規(guī)范表格都是夠用的,重點(diǎn)是要在規(guī)范中體現(xiàn)輸入行為、媒介平臺和輸出反饋三部分內(nèi)容。
總之,隨著產(chǎn)品的而不斷迭代更新和發(fā)展,以及研發(fā)團(tuán)隊(duì)人員的不斷更替,對于用戶使用APP的操作反饋必定會出現(xiàn)以下遺漏、缺失或不合規(guī)的情況。
同時(shí),由于操作反饋是個(gè)很細(xì)節(jié)的問題,難免會成為一個(gè)未被發(fā)現(xiàn)的“黑洞”,所以定期對產(chǎn)品做系統(tǒng)性的操作反饋提示走查和優(yōu)化迭代也是極為必要的。那如何走查?上面給出的操作反饋規(guī)范思路一樣適用于此。
規(guī)范不意味著僵化
最后的最后,不得不提及《about face4》這本書中的一句話:我們應(yīng)該如何對待界面指導(dǎo)準(zhǔn)則?
與其問我們“是否應(yīng)該遵守標(biāo)準(zhǔn)”,不如問我們“應(yīng)該什么時(shí)候打破標(biāo)準(zhǔn)”更有用?!彼裕灰屇愕囊?guī)范成為一塊兒“化石”。我們依然要秉持著開放和與時(shí)俱進(jìn)的心態(tài)來看待操作反饋這件事情,操作反饋也要同產(chǎn)品不同階段的品牌氣質(zhì)做協(xié)同發(fā)展。同時(shí)要明確一點(diǎn),即:任何設(shè)計(jì)規(guī)范往往都是一致性原則的產(chǎn)物。但是,一致不是一成不變,規(guī)范也不意味著僵化
相關(guān)鏈接:H5頁面制作|H5活動(dòng)策劃公司|微信游戲開發(fā)|小程序定制|公眾號開發(fā)