線下社交是非常具體的人與人蚓庭、人與物之間通過介質(zhì)產(chǎn)生的互動(dòng),介質(zhì)即場(chǎng)景膀懈。
線上交往是人與人/系統(tǒng)(虛擬的人)通過特定介質(zhì)顿锰,即機(jī)器產(chǎn)生的互動(dòng)。通過真實(shí)場(chǎng)景構(gòu)建启搂,目標(biāo)在于營(yíng)造線下體驗(yàn)硼控,具體表現(xiàn)形式上比線下更加廣泛。
這里主要討論場(chǎng)景設(shè)計(jì)下胳赌、社交過程中共有的一點(diǎn):反饋牢撼。無論是線下的社交互動(dòng),或是線上的人機(jī)互動(dòng)疑苫,應(yīng)該關(guān)注每一次溝通浪默、每一個(gè)動(dòng)作之后的反饋,因?yàn)樾畔⒌牧魍ㄊ请p向的缀匕,這一原則基于整個(gè)組織或社會(huì)的穩(wěn)定發(fā)展趨向纳决。
1. 互動(dòng)雙方對(duì)如何互動(dòng)都有所預(yù)期,如果有人違反了預(yù)期乡小,就會(huì)讓對(duì)方覺得不舒服阔加。
2. 預(yù)期是心智模型作用的結(jié)果,人機(jī)互動(dòng)的反饋是概念模型設(shè)計(jì)的產(chǎn)物满钟。概念模型的設(shè)計(jì)應(yīng)符合或貼近心智模型胜榔。
人機(jī)之間的反饋(Feedback)認(rèn)證了一個(gè)完整的交互行為,共三個(gè)節(jié)點(diǎn):可交互提示湃番、過程銜接夭织、結(jié)果呈現(xiàn),每一個(gè)節(jié)點(diǎn)應(yīng)選擇合適的設(shè)計(jì)表達(dá)將信息及時(shí)吠撮、有效傳遞給用戶尊惰。
【可交互提示】
交互是作用在頁面內(nèi)的各種獨(dú)立元素或其組合上,主要分為內(nèi)容與控件兩類泥兰。
內(nèi)容:此處指信息與信息的組合方式弄屡。可交互的內(nèi)容在交互動(dòng)作觸發(fā)時(shí)應(yīng)給出過渡狀態(tài)的反饋,如高亮鞋诗、加粗膀捷、下劃線、背景顏色削彬、放大全庸、振動(dòng)秀仲、旋轉(zhuǎn)等。Web端具體的動(dòng)作如:?jiǎn)螕艉㈦p擊啄育、長(zhǎng)按、滾動(dòng)拌消、拖拽挑豌、平移等(線性/非線性);移動(dòng)端具體的動(dòng)作如:點(diǎn)擊墩崩、長(zhǎng)按氓英、拖動(dòng)、滑動(dòng)鹦筹、縮放等铝阐。
? ? ? ? ? ? ? ? ? ? ? ? ? 移動(dòng)端常用標(biāo)準(zhǔn)手勢(shì)
控件:用戶通過操作控件來操作界面狀態(tài)或設(shè)定界面狀態(tài)。控件為具體操作而設(shè)計(jì)铐拐,本身就自帶可交互的視覺感知(可操作)徘键。Web平臺(tái)及移動(dòng)平臺(tái)的設(shè)計(jì)規(guī)范都提供了很多交互設(shè)計(jì)控件。如增刪改查操作遍蟋、返回操作吹害、排序操作、下拉列表虚青、文本框它呀、表格控件、時(shí)間選擇器棒厘、滑塊控件纵穿、開關(guān)控件、進(jìn)度指示器等奢人。
【過程銜接】
不論是擁有反射生物機(jī)理的人谓媒,還是基于電流脈沖作用的機(jī)器,延遲都是客觀存在的何乎。談到延遲句惯,就要區(qū)分等待時(shí)間長(zhǎng)短∠芨希回到系統(tǒng)反饋設(shè)計(jì)中宗弯,我們稱之為“進(jìn)度指示器”脯燃。
1. 現(xiàn)實(shí)場(chǎng)景里
通過眼神搂妻、手勢(shì)、語言等方式告知對(duì)方需要短暫等待辕棚。
通過明確的語言欲主、形象化動(dòng)作等直接方式告知對(duì)方需要等待的具體時(shí)長(zhǎng)或范圍邓厕,如,“等我一會(huì)兒扁瓢,十分鐘左右”详恼。
2. 交互設(shè)計(jì)下
通常采用‘無限循環(huán)指示器’作為短等待的反饋設(shè)計(jì)。這種進(jìn)度指示器引几,從開始到結(jié)束(在運(yùn)動(dòng)過程中任何一點(diǎn)都可以作為起始點(diǎn))給人一種順暢連接的感官認(rèn)知昧互,適用于較短時(shí)間,若時(shí)間過長(zhǎng)伟桅,則會(huì)因?yàn)椴豢煽兀ò踩校┒褂脩舢a(chǎn)生焦慮敞掘。
通常采用‘進(jìn)度條’作為需要長(zhǎng)時(shí)間運(yùn)轉(zhuǎn)的操作反饋。這種設(shè)計(jì)方式可以很明確的告知用戶當(dāng)前任務(wù)距離完成或到達(dá)下一個(gè)節(jié)點(diǎn)需要多長(zhǎng)時(shí)間楣铁,降低焦慮感玖雁。
這兩種“進(jìn)度指示器”都可以在動(dòng)畫形式上做更加創(chuàng)新的微交互,以提高使用體驗(yàn)盖腕。
如:京東的購物與快遞屬性赫冬,在設(shè)計(jì)時(shí)通過【人物跑送包裹動(dòng)效】【購物相關(guān)文案】,使過程更加貼切溃列。
? ? ? ? ? ? ? ? ? ? ? ? ? ? 京東APP(iOS)
MONO的私人個(gè)性閱讀調(diào)性也在內(nèi)容加載的動(dòng)畫以及文案里盡顯無遺劲厌,給用戶營(yíng)造了一種親切的場(chǎng)景感。
? ? ? ? ? ? ? ? ? ? ? ? ? ? MONO APP(iOS)
【結(jié)果呈現(xiàn)】
關(guān)鍵:結(jié)果要符合預(yù)期听隐。
表達(dá):可以采用諸如動(dòng)效脊僚、聲音、振動(dòng)等更加豐富且更符合生活場(chǎng)景的形式降低等待時(shí)的焦慮感遵绰、提高結(jié)果的預(yù)期辽幌。