【PM】線上交往也要遵循線下社交規(guī)則—反饋設(shè)計(jì)

設(shè)計(jì)師·Alfred

線下社交是非常具體的人與人蚓庭、人與物之間通過介質(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ù)期辽幌。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市椿访,隨后出現(xiàn)的幾起案子乌企,更是在濱河造成了極大的恐慌,老刑警劉巖成玫,帶你破解...
    沈念sama閱讀 216,372評(píng)論 6 498
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件加酵,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡哭当,警方通過查閱死者的電腦和手機(jī)猪腕,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,368評(píng)論 3 392
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來钦勘,“玉大人陋葡,你說我怎么就攤上這事〕共桑” “怎么了腐缤?”我有些...
    開封第一講書人閱讀 162,415評(píng)論 0 353
  • 文/不壞的土叔 我叫張陵捌归,是天一觀的道長(zhǎng)。 經(jīng)常有香客問我岭粤,道長(zhǎng)惜索,這世上最難降的妖魔是什么仆救? 我笑而不...
    開封第一講書人閱讀 58,157評(píng)論 1 292
  • 正文 為了忘掉前任赖晶,我火速辦了婚禮,結(jié)果婚禮上秆吵,老公的妹妹穿的比我還像新娘虎囚。我一直安慰自己臼寄,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,171評(píng)論 6 388
  • 文/花漫 我一把揭開白布溜宽。 她就那樣靜靜地躺著吉拳,像睡著了一般。 火紅的嫁衣襯著肌膚如雪适揉。 梳的紋絲不亂的頭發(fā)上留攒,一...
    開封第一講書人閱讀 51,125評(píng)論 1 297
  • 那天,我揣著相機(jī)與錄音嫉嘀,去河邊找鬼炼邀。 笑死,一個(gè)胖子當(dāng)著我的面吹牛剪侮,可吹牛的內(nèi)容都是我干的拭宁。 我是一名探鬼主播,決...
    沈念sama閱讀 40,028評(píng)論 3 417
  • 文/蒼蘭香墨 我猛地睜開眼瓣俯,長(zhǎng)吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼杰标!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起彩匕,我...
    開封第一講書人閱讀 38,887評(píng)論 0 274
  • 序言:老撾萬榮一對(duì)情侶失蹤腔剂,失蹤者是張志新(化名)和其女友劉穎,沒想到半個(gè)月后驼仪,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體掸犬,經(jīng)...
    沈念sama閱讀 45,310評(píng)論 1 310
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,533評(píng)論 2 332
  • 正文 我和宋清朗相戀三年绪爸,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了湾碎。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 39,690評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡奠货,死狀恐怖介褥,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤呻顽,帶...
    沈念sama閱讀 35,411評(píng)論 5 343
  • 正文 年R本政府宣布雹顺,位于F島的核電站丹墨,受9級(jí)特大地震影響廊遍,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜贩挣,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,004評(píng)論 3 325
  • 文/蒙蒙 一喉前、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧王财,春花似錦卵迂、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,659評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至挂疆,卻和暖如春改览,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背缤言。 一陣腳步聲響...
    開封第一講書人閱讀 32,812評(píng)論 1 268
  • 我被黑心中介騙來泰國(guó)打工宝当, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人胆萧。 一個(gè)月前我還...
    沈念sama閱讀 47,693評(píng)論 2 368
  • 正文 我出身青樓庆揩,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親跌穗。 傳聞我的和親對(duì)象是個(gè)殘疾皇子订晌,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,577評(píng)論 2 353

推薦閱讀更多精彩內(nèi)容