【設(shè)計推送】微交互的五個基本要素

引言

微交互應(yīng)該火熱了相當(dāng)一段時間了谭溉。它能成為話題中心墙懂,很大程度是因為微交互所帶來的令人動容的體驗。如果要給微交互一個界定扮念,那么它應(yīng)該是在用戶完成單個任務(wù)前后的微妙的交互和效果损搬。微交互可以存在于APP和網(wǎng)頁的各個環(huán)節(jié),舉幾個常見的例子:

確認已經(jīng)添加到購物車的項目

使用下拉刷新更新內(nèi)容

確認某個操作的界面動效

這些微妙的動效和交互給用戶帶來微妙的瞬間柜与,它們出現(xiàn)在APP和網(wǎng)頁的各個角落巧勤。這些微小的瞬間雖然不明顯,但是用戶可以輕松地感知到弄匕,一點一滴地讓用戶體驗得到提升颅悉。本文結(jié)合實例探討了微交互的五個基本要素。

1. 引導(dǎo)習(xí)慣

微交互能夠鼓勵用戶進行更多的交互粘茄,這也使得它們能夠有效地培養(yǎng)用戶習(xí)慣签舞,構(gòu)成習(xí)慣循環(huán)。培養(yǎng)用戶習(xí)慣通常需要三個步驟:

提示:觸發(fā)用戶操作的提示

執(zhí)行:響應(yīng)提示柒瓣,執(zhí)行相應(yīng)的操作

獎勵:完成操作給予用戶以好處

Facebook 培養(yǎng)用戶習(xí)慣的方式就是一個很好的案例:當(dāng)白色的圖標(biāo)上出現(xiàn)紅色的標(biāo)識的時候(提示)儒搭,用戶會知道有新消息了,用戶就可以點擊圖標(biāo)的時候(執(zhí)行)芙贫,就可以同好友進行聊天了(獎勵)搂鲫。當(dāng)用戶在看到紅色的標(biāo)識之時,隨后會主動點擊并查看磺平。雖然這個案例看起來很簡單魂仍,但是基本所有的微交互都遵循這個規(guī)則。

Tip:獎勵機制是驅(qū)動用戶的核心拣挪,獎勵越強擦酌,產(chǎn)生的習(xí)慣效果也就越明顯。

2. 結(jié)合主題

微交互應(yīng)當(dāng)是你的設(shè)計的自然組成部分菠劝,換句話來說赊舶,你應(yīng)當(dāng)創(chuàng)建一個統(tǒng)一的主題,宏觀上的交互和微交互應(yīng)當(dāng)在設(shè)計上保持一致。結(jié)合主題的微交互應(yīng)當(dāng)結(jié)合兩個簡單的原則:

連續(xù)性:動效和UI控件不同狀態(tài)之間的轉(zhuǎn)變應(yīng)該是平滑自然的笼平,而非不連續(xù)的园骆。


可預(yù)測性:良好的微交互應(yīng)當(dāng)給用戶以一定的預(yù)期,幫助用戶理解界面的含義寓调,獲取正確的信息锌唾。


3. 給予反饋

如果正確地將動效和微交互結(jié)合起來,它能夠極大的提升用戶體驗夺英。但是并非所有動效都能達成好的效果晌涕,只有同時具備良好的功能性,還能夠令人產(chǎn)生愉悅感的動效才適合在微交互中給用戶以反饋:

功能性良好的動效能夠降低用戶的認知負荷秋麸,防止用戶在使用過程中產(chǎn)生迷惑渐排,便于用戶在使用過程中與界面產(chǎn)生正向的聯(lián)系。


令人愉悅的動效讓微交互更加有趣灸蟆,并且能夠吸引用戶的注意力驯耻,讓界面更加富有生命力。


Tip:動效應(yīng)具有足夠持久的生命力炒考,所以設(shè)計的時候可缚,應(yīng)當(dāng)思考它是否會在看過100次之后讓人覺得厭煩?它是否清晰可見斋枢,或者完全無法引人注意帘靡。

4. 保持幽默

無論是哪種程度的幽默,融入到交互中瓤帚,都能給用戶帶來充滿情緒描姚、富有感情的用戶體驗。比如著名的電子郵件服務(wù) MailChimp 就會在用戶加入之后戈次,使用各種意想不到的幽默和積極的情緒來引導(dǎo)用戶使用產(chǎn)品轩勘,協(xié)助他們發(fā)出他們的第一封電子郵件。用戶在使用的過程中怯邪,會不斷地收獲小而令人愉悅的驚喜绊寻。MailChimp 用幽默的交互緩解了緊張的局面和氛圍,讓發(fā)送郵件的過程令人難忘悬秉。


Tip:用充滿情感和人性化的姿態(tài)來同用戶交流澄步,這是讓你的UI和交互變得更加溫暖的最快的方式。

5. 避免冗余

微交互最大的特色是恰到好處和泌,所以正確的的微交互應(yīng)當(dāng)為用戶提供合適的視覺線索和動效村缸。復(fù)雜的交互和繁復(fù)的UI是最常見的錯誤。實際上你在Dribbble 上能夠看到許多實驗性的UI武氓、交互和動效設(shè)計梯皿,其中不少看起來極為漂亮搪柑,但是在實際的交互中缺乏可用性,難于使用索烹,或者完全不具備實現(xiàn)的價值。

在微交互中弱睦,少即是多百姓。將無用的功能和UI控件移除,能夠讓一個UI更加清晰直觀况木,在進行微交互的設(shè)計過程中垒拢,應(yīng)當(dāng)關(guān)注它的實際功能,確保它能為用戶提供實際的功能火惊。

Tip:應(yīng)當(dāng)在你的設(shè)計中保持KISS原則(KISS 原則是用戶體驗的高層境界求类,簡單地理解這句話,就是要把一個產(chǎn)品做得連白癡都會用屹耐,因而也被稱為“懶人原則”)尸疆,不要把你的微交互搞得過于復(fù)雜。

結(jié)語

在用戶體驗設(shè)計中惶岭,最重要的應(yīng)該是處理好用戶使用產(chǎn)品時候的感受寿弱,即使是最細微的細節(jié)都值得密切關(guān)注,因為每一個細節(jié)都和你的產(chǎn)品成功與否密切相關(guān)按灶。

:KISS原則是Keep?It?Simple,?Stupid?的首字母縮略字症革。KISS原則是指在設(shè)計當(dāng)中應(yīng)當(dāng)注重簡約的原則。同時鸯旁,這原則亦有應(yīng)用在商業(yè)書信噪矛、設(shè)計電腦軟件、動畫铺罢、工程上艇挨。KISS原則有很多其他版本,包括:"Keep It Simple & Stupid"畏铆、"Keep It Sweet & Simple"雷袋、"Keep It Short & Simple"、"Keep it Simple, Sweetheart" 及 "Keep it Simple, Sherlock"辞居。

原文作者 /uxplanet.org -Nick Babich

譯文 / uisdc.com - 陳子木

https://mp.weixin.qq.com/s?__biz=MjM5NjA1NzEwMA==&mid=2651004355&idx=1&sn=bde21377a4116b5d5b9ca2929106dc0b&chksm=bd18a4a08a6f2db6111972dee5d5f9d27703215c7fa4516b873be7432ba975d6d9a7129c0e92&scene=0&key=9ed31d4918c154c8633423b7911a69f804db8721a80a440375488130f55755a2e8b649aa4ef1febe9553a504fcf86d7f550c3d438d31b9181417b83a6e988fd0f2ec3fd1663c3560aaab3f7bb9148a9d&ascene=0&uin=MTgyNjU4NTU%3D&devicetype=iMac+MacBookPro11%2C1+OSX+OSX+10.12.1+build(16B2555)&version=12010010&nettype=WIFI&fontScale=100&pass_ticket=Q9CN%2FZcs08ohjeD6SQ5A0%2BlIFZdmZOMLu3rq1CEdJ5c%3D

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末楷怒,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子瓦灶,更是在濱河造成了極大的恐慌鸠删,老刑警劉巖,帶你破解...
    沈念sama閱讀 216,997評論 6 502
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件贼陶,死亡現(xiàn)場離奇詭異刃泡,居然都是意外死亡巧娱,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,603評論 3 392
  • 文/潘曉璐 我一進店門烘贴,熙熙樓的掌柜王于貴愁眉苦臉地迎上來禁添,“玉大人,你說我怎么就攤上這事桨踪±锨蹋” “怎么了?”我有些...
    開封第一講書人閱讀 163,359評論 0 353
  • 文/不壞的土叔 我叫張陵锻离,是天一觀的道長铺峭。 經(jīng)常有香客問我,道長汽纠,這世上最難降的妖魔是什么卫键? 我笑而不...
    開封第一講書人閱讀 58,309評論 1 292
  • 正文 為了忘掉前任,我火速辦了婚禮虱朵,結(jié)果婚禮上莉炉,老公的妹妹穿的比我還像新娘。我一直安慰自己卧秘,他們只是感情好呢袱,可當(dāng)我...
    茶點故事閱讀 67,346評論 6 390
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著翅敌,像睡著了一般羞福。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上蚯涮,一...
    開封第一講書人閱讀 51,258評論 1 300
  • 那天治专,我揣著相機與錄音,去河邊找鬼遭顶。 笑死张峰,一個胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的棒旗。 我是一名探鬼主播喘批,決...
    沈念sama閱讀 40,122評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼铣揉!你這毒婦竟也來了饶深?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 38,970評論 0 275
  • 序言:老撾萬榮一對情侶失蹤逛拱,失蹤者是張志新(化名)和其女友劉穎敌厘,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體朽合,經(jīng)...
    沈念sama閱讀 45,403評論 1 313
  • 正文 獨居荒郊野嶺守林人離奇死亡俱两,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,596評論 3 334
  • 正文 我和宋清朗相戀三年饱狂,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片宪彩。...
    茶點故事閱讀 39,769評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡休讳,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出尿孔,到底是詐尸還是另有隱情衍腥,我是刑警寧澤,帶...
    沈念sama閱讀 35,464評論 5 344
  • 正文 年R本政府宣布纳猫,位于F島的核電站,受9級特大地震影響竹捉,放射性物質(zhì)發(fā)生泄漏芜辕。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 41,075評論 3 327
  • 文/蒙蒙 一块差、第九天 我趴在偏房一處隱蔽的房頂上張望侵续。 院中可真熱鬧,春花似錦憨闰、人聲如沸状蜗。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,705評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽轧坎。三九已至,卻和暖如春泽示,著一層夾襖步出監(jiān)牢的瞬間缸血,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 32,848評論 1 269
  • 我被黑心中介騙來泰國打工械筛, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留捎泻,地道東北人。 一個月前我還...
    沈念sama閱讀 47,831評論 2 370
  • 正文 我出身青樓埋哟,卻偏偏與公主長得像笆豁,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子赤赊,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 44,678評論 2 354

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

  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 172,094評論 25 707
  • 前一段時間闯狱,有一個學(xué)弟向我咨詢一些設(shè)計的問題。期間砍鸠,他提到想轉(zhuǎn)行做交互扩氢,問我有沒有交互設(shè)計的教程。當(dāng)時我就有點懵了...
    弘毅道閱讀 3,352評論 4 51
  • 作者網(wǎng)址:Issara Willenskomer 原文地址:Creating Usability with Mot...
    mantfly閱讀 3,774評論 0 31
  • 最近做的工作內(nèi)容就是總結(jié)分析常見常用的交互原則爷辱。在閱讀整理的基礎(chǔ)上录豺,我將目前常見常用的交互法則總結(jié)如下朦肘。本文整體結(jié)...
    壹玖貳貳閱讀 2,410評論 1 18
  • 有時像患了憂郁癥一樣,會突然心情不好双饥。 偶爾像患了自閉癥似的媒抠,會突然不想說話。 像這樣咏花,聽著歌趴生,寫寫字,感覺無限好...
    一只默閱讀 151評論 0 0