追求卓越一諾千金

藍藍設計--三毛妮,2011年成立___诛仙飞升任务流程,主創清華團隊___易发彩票注册,專注軟件和互聯網ui設計開發_|何小萌萌萌微博。擅長企業信息化管理__|青岛航空快线商务酒店、監控-_找个身份证号、大數據軟件UIUE谘詢和設計開發服務_-焊锡大师。立足UI|倚天2龙驹私服,好好學習--李逍遥和景天,天天進步_-赢天下彩与你开奖同行!


讓設計更有說服力的20條經典原則_狱霸电影:馮·雷斯托夫效應|--花语梦、蔡格尼克記憶效應

2019-5-10 泥人張 設計思維


馮·雷斯托夫效應 Von Restorff Effect

1. 簡介說明

理論表述

當存在多個相似的物體時|_|湖北省公安县政府网,與眾不同的那個更容易被記住-__闪食网。

理論背景

馮·雷斯托夫效應(Von Restorff Effect)--|至尊彩平台下载安装,也稱為隔離效應(Isolation Effect)_-|360彩票定位胆杀号。1933 年-camera什么意思,德國精神病學家_诸葛亮挥泪斩马谡是因为什么一事、兒科醫生 Hedwig Von Restorff 在研究中發現_-哈雷摩托官网,對被測試者提供一係列相似的項-||106时时彩手机版,而隻有一項顯得特別-_|青葱n6、孤立-_阮加根、與眾不同的時候_异蛇宝,這一項往往更容易被記住-__ab汽车网。

在此之後|赢彩网app下载,對馮·雷斯托夫效應的研究也有進一步的進展_||现任上海市委书记,比如從生理學上-_|晋城5个人,大腦對特異點有著更加明顯的 ERP(事件相關電位)|-_至尊争霸彩票是真的吗,這或許可以解釋特異點更容易回憶的原因_-|雷神第2部;再比如馮·雷斯托夫效應與年齡有著密不可分的聯係|11086移动彩票co,老年人對特異點的記憶就沒那麼深刻-|198彩票。

不管如何||宏基s220,我們還是在頻繁地應用著馮·雷斯托夫效應___倍顺超市,並能夠看到它在視覺設計中卓著的效果_-试听卡。

2. 設計案例

馮·雷斯托夫效應可以應用的場景分成兩種_-重庆恒丰银行待遇:環境差異和經驗差異-|_诺基亚500万像素。環境差異是指在空間尺度上做出的差異(同一平麵內)__-长沙限行,而經驗差異是指在時間尺度上做出的差異(不同時間點的同一平麵)_|_11选5投注官网,我們來詳細聊一聊這兩個尺度--苦雨孤灯。

環境差異──獲取視覺焦點

也有的文章中會表達為「背景差異」或「情景差異」|2d横版格斗网游,這不重要|-陌上桑女主人公,我們隻需要知道這個差異產生的原因|--2011qq官方下载安装:即在相似的周圍環境中出現差異-|-234彩票v100。參考百度百科我們來進行一個簡單易懂的小實驗|-铁鹰行动。

案例1|__仙剑5激活码破解:環境差異小實驗

請試圖去記住上麵那幾串字符串-|斯文富豪。好吧---淮钢吧,我放棄了-|门第结局是什么,但如果努力一下-|_钱多多手机铃声,我們就會發現最容易記住的是與周圍環境最不一樣的那個--观心者胡戈伦。第一行是數字「5」|__freeborn性欧美,第二行是星號-|_朱清孟,第三行是紅色的字母「F」|_掌上彩票下载苹果手机。

這就是環境差異所帶來的識別度與記憶度的提升|-|初中数学教师述职报告,也是我們經常能在 UI 設計中所看到的一種有效吸引用戶點擊的手段|--向炮火中前进。

案例2-_01彩票forios:起點_|_九死一生是什么生肖、大眾點評

比如起點希望用戶在個人頁時去點擊「版本測試」按鈕-_塔罗牌大师tlp6868668,比如大眾點評希望強化「訂單」按鈕的視覺特征以便用戶能夠更快速地找到|_181彩票,所以在列表中這兩者都會長得不太一樣05年到18年彩票中奖号码。這種區別於環境中的其餘功能按鈕_观澜田背花园,為了吸引或暗示用戶點擊的按鈕有一個專門的名字_|布依苏脑王,叫做「Call-to-Action 按鈕」(CTA 按鈕/行為召喚按鈕)__碧月帆雪。一般來說_--256玩彩票APP,CTA 按鈕大多會利用馮·雷斯托夫效應的環境差異來達到 Call to action 的目的|里维杰森。

經驗差異──強化時間特征

與用戶過往的經驗或記憶做出差異-瓯江影城,叫做經驗差異__赢咖登录。這種差異可以放大時間點的特征-|-拉手网团购ktv,使用戶對差異所在的時間點記憶更深_-|125345赢彩天。

案例3_-|106福利版ios版:google doodles

我們都知道 google 會在一些比較特殊的日子改變 logo 的設計-|-樊国宾,給 logo 加上一些非常有趣的塗鴉-_|1号平台怎么样,與平時的 logo 做出差異__清风小雨文学网,就是為了利用經驗差異使用戶在記憶中強化時間特征|_金马剧院,更好地記住這個時間點|-天猫分销平台。

記住時間點有什麼好處呢_-_热血无赖4个独特数字?比如 Google 可能是為了傳播世界上那麼多有意義的節日-||永旺28彩票,也帶給公司一種具備著人文關懷的氣質-__玛雅wang 发信到。再比如淘寶-_卢小娟、京東和 Steam--暗夜玫瑰sp,在「雙11」|-掌上娱乐app、「618」--|掌上彩票专业版、「聖誕特賣」一定會改變主頁的設計_北京暴雨 死亡,就是為了讓用戶記住這幾個被創造出來的節日|35彩票没人管吗?,好讓大家每年這個時候都心甘情願地剁手-_-亿发彩票坑。

3. 注意事項

注意點1-_长春车险:所有都不一樣 = 所有都一樣

頁麵中的特異點終歸隻能屬於少數-|_种子列表,如果整個頁麵所有元素都想做得不一樣-||金鼎一级大豆油,都想突出-|纽培乐,那不僅沒辦法突出任何一項|__鸣人堂,頁麵的整體視覺都將崩潰_-_钢坯成本。

反麵案例1__雄县地图:新手常常會陷入什麼都想突出_|_银尊夜总会,但什麼都不能突出的境地

注意點2--李涵辰网站:把差異放在該放的地方

當用戶被特異的那一個點吸引的時候-_银彩娱乐攻略,對其他的注意力就將下降||长武公众信息网,這是馮·雷斯托夫效應天然的副作用_-拱辰丹。我們能做的就是把特異點放在最關鍵的地方__靓眼网,而不是次要的地方-_|至尊彩是不是真的吗,這樣副作用就不會太過影響體驗|许氏大酱。

反麵案例2--_花野真衣bt:閑魚_-安全性能综合测试仪、虎課的退出登錄按鈕

前幾年我們經常能看到這樣的退出登錄按鈕_|内地综艺节目男主持人排行榜,使用高飽和紅色的背景_-盈彩在线合法吗,成為了這一頁最亮的那個按鈕||福建农电工。之前我們基於「警示用戶謹慎按下」的理由|_女人公敌有几集,將退出登錄按鈕做成最具警示意義的紅色__亿乐彩娱乐注册登录,但是你看--24en,一旦我們這麼做了|--1博彩票如何,這個按鈕就成了頁麵中最不一樣的那個_||ua女人网化妆技巧,強勢地拿下「Call to action」的大旗_|_运气不好的征兆,時時刻刻都在散發著快來按我的氣息_|_168彩票APP官方网站苹果手机,這顯然與我們「不希望用戶隨意退出登錄」的意願相違背|安全部邱进。所以|-金华艾克医院院长孙尚见,我們現在去看微信||北京58同城二手车、QQ 這些巨頭應用--|中兴彩票首页,都已經把退出登錄按鈕的差異做到最小-_-2011qq下载,甚至沒有差異-|保险代理人资格证查询,就是基於上述的考量_霞飞路28号。

4. 小結
  • 利用環境差異讓元素快速獲得視覺焦點-|中日副外长级磋商;
  • 利用經驗差異使用戶記住特殊的時間點|_诺基亚n79软件下载;
  • 一頁中不能做太多差異化設計_||众发娱乐代理犯法吗,得做到關鍵的元素上|_-枫无涯下部。

蔡格尼克記憶效應

1. 簡介說明

理論表述

人們對未完成任務的記憶比已完成的更深刻|_歌手2017第三期排名。

理論背景

Bluma Wulfovna Zeigarnik||约彩彩票注册不了,前蘇聯心理學家和精神病理學家__诺基亚500万像素。她的導師首先注意到了餐廳服務員能夠很好地記住未付賬單||仲博彩票黑过钱吗,但是卻無法記住已付賬單的更多細節_11086时时彩官网电话,針對這種現象__365足彩,她進行了更加深入的研究-殷世航个人资料。在研究中--35彩票,她發現了人存在一種天生的-_嘉酒视窗,做事有始有終的驅動力|-乒乓球拍专卖店 优个网,這種驅動力使得人們對還沒有完成的任務念念不忘_|12 8事件,而對已經做完的任務印象不深众彩彩票是合法的吗。

蔡格尼克效應被用於證明格式塔現象不僅在感知中普遍存在-_谈爱李白原文,在認知中也是如此-_阿福购物网。勒溫的場論給出了一種解釋--_爱慕卡盟:一項任務被啟動之後人會形成一種處於緊張狀態的場|--装甲车 电影,這會增強對所有與該任務相關信息的認知_--舍得返利网;任務完成後緊張的狀態就會得到緩解|_-雪豹雳剑电视剧全集。

注_-火瀑吧:勒溫的場論(Lewin’s Field Theory)是格式塔心理學的一條分支||_帕丁顿熊2百度云,該理論受現代物理學場論的影響頗深_-|丧尸类电影,認為人在認知過程中大腦會形成一種場--花样滑冰鞋,這個場影響著人的感官信息的處理-|_4466k最近。

2. 設計案例

對未顯示完全的信息設置「懸念」

在文字較多的組件中我們時常能看到這樣的一個符號出現--|234彩票网100:「…」|__霍炽昌,這個符號用於表示文字信息未顯示完全_金逸国际影城影讯,點開可以看到完整的信息|--非洲色图。

案例1___160彩票网站安全吗:新草||-盈发彩票介绍、bilibili

就是這個小小的符號|||亿彩彩票是合法的吗,時刻提醒著我們當前所顯示的信息並不完整__|门第结局是什么,吸引著我們點開它繼續看下去_-|敬一丹公开质疑打虎,旁邊還伴隨著「全部」_静海县人才信息网、「展開」等詞都是為了強化這一特征|__金太郎爱米小米歌词。

當然|106福利版彩票苹果,不止如此__-易发彩票注册,Web 端也會出現文章顯示不完全的情況_|咖啡恋人馆。

案例2||_魔龙辅助免费版:知乎|--3a彩票提现不到账、簡書 web 版

通過這種方式_都匀蓝宇装饰,激發用戶繼續往後看__雷波电脑,產生把文章完整看結束的驅動力__查网时。

提醒用戶任務還未完成

如果一個任務存在多個步驟|斗战神宠物本源技怎么升级,那麼在任務結束之前應該用某種形式(比如進度條)提醒用戶任務還沒完成---园区三中,這能夠激發用戶完成任務的欲望_醉美cf单机版1 4。

案例3||重庆永川经贸学院:多鄰國

在選擇和測試過程中|-|半裸江山结局,頂部都會出現一條進度條清晰地表達著目前任務還沒完成_||铜陵教师罢课,進行到了哪一步||阿坝州人事网。在這樣的提示之下--|赢彩彩票是不是真的,用戶會有更大的動力去完成整個任務流程||我是忍者第一猜成语。

有效的任務激勵

越來越多的應用(尤其是技能學習類應用)開始對學習進程進行更細致的任務分解__潘春春 樊玲,然後利用蔡格尼克效應的影響對用戶的學習進程進行激勵-_|梅县二手房。

案例4-_168彩票网址是多少:Drops

在任務進行中始終展示任務的完成進度---填字游戏在线,任務完成之後會有對應的完成提示||银色黎明声望,並且可以獲得勳章/成就之類的小物件兒-_诸城二手车交易。也包括很多番茄類應用||_01彩票平台是真的吗、習慣養成類應用-_雷神2豆瓣,都會有類似的設計|外地二手车过户北京,比如 Eggzy_-|2d横版格斗网游、Forest_-运城美食、美妙激勵等等|-追加军火,都是通過這種方式激勵用戶完成自己的目標的-dota金箍棒。我們可以從中看到蔡格尼克記憶效應發揮著不可或缺的作用__|5800塞班,正是我們追求有始有終的驅動力|_青龙寺遗址公园,在進度條的提醒下才能一步步完成目標任務|农牧场盗匪。

3. 注意事項

注意點1|-强心脏20121127:任務已完成同樣需要提醒

另一方麵|_掌信彩是不是真的,已完成的任務同樣需要給予用戶相應的提示-_-芷江租房,不然用戶會感到壓力---ella和言承旭,會困惑自己到底有沒有做完這件事-|亿彩登录网址,這樣緊張的情緒將會一直存在_-|长发速递,而緊張過後就是不安和不信任__|给学生的毕业赠言。

反麵案例1-__陈兴超:起點任務結束沒有反饋

起點的新手任務是我最近遇到的一件特糟心的事兒_|励志流行歌曲。我明明已經完成了「添加一部作品到書架」的操作卻沒有任何完成的提示_|七品芝麻女鞋,甚至我不知道自己究竟有沒有完成_|环保错位。明明做完了|--智彩网,卻依然顯示著「去完成」-陆地蟹,是還有隱藏條件沒做到-|耳科466?還是我加的那本書不算--|刘求池?還是必須要兩個任務一起做完才算完成-_育婴房官网?還是我沒氪金不讓我完成-|-集芙蓉以为裳?還是純粹的 bug_注册送18的快三彩票?我不知道|__陆幽张斌,用戶不知道|-隆鼻尖,或許隻有產品團隊的人才知道_-众彩国际是否合法。

所以|_安利电动车,如果已完成的任務沒有給予用戶合理的提示或者反饋|众彩彩票是真是假,這樣的體驗是很差的_|小时代快乐大本营。

注意點2_|中国现役上将:避免過分強迫

過長的進度條會給人形成壓迫_|空军耳鼻喉科,進度極其緩慢的任務||-勇士vs步行者,或者長時間完不成一項任務會讓用戶產生挫敗感_-宝安体育馆游泳池,對完成整個任務來說尤為不利打磨木化石工具。

反麵案例2_|_135彩票软件:百詞斬讓人絕望的進度條

192/6270||歌手2017第三期排名,相信這個進度不僅僅是讓我|-|珠蕾初开全文阅读,讓所有看到的人都感到窒息和絕望_--2004009期双色球的开奖。我並不是在為我的拖延症找借口_|-冰心奶奶的原名。我想表達的是--_132彩票ios手机版,這種超長的進度條和超緩慢的任務進度-_苏州园区博客门,每天 50 個單詞也就是進度條每天推進 0.8%|||亿彩彩票官网下载,不足 1%|102彩票app,對用戶形成的壓力是巨大的|_-李武荣,過長的任務周期也會讓用戶快速失去信心--|宋茜me2day。

4. 小結
  • 利用「未完成」的可視化意象對用戶形成激勵--|航班查询携程;
  • 已完成的任務同樣需要提示__金玉满堂袖唐;
  • 拆分任務進度-__阳明租房,避免形成過分強迫-|南京滨江开发区招聘。
« 這樣設計按鈕_|-风法二觉加点,會提高轉化率哦 | 設計師自我修養-圖標篇»


訂閱Rss