更多信息請關注微信公眾號_為什么我們更多地關注表面異常?

更多信息請關注微信公眾號

Don’t you feel lucky to find a single seasoned curly fry in your bunch of plain old boring french fries? Do you remember highlighting important texts of your study materials before the exams? Both situations might seem irrelevant, but are the result of the same

您不是很幸運在您的一堆普通老無聊的炸薯條中找到一種調味卷發嗎? 您還記得考試前突出顯示學習材料的重要課文嗎? 兩種情況看似無關緊要,但都是相同的結果

Von Restorff effect or the 馮·雷斯托夫效應Isolation effect.隔離效應。

是歷史時間 (It’s History Time)

German psychiatrist and pediatrician, Hedwig Von Restorff, during her study in 1933 found that when the participants were provided with a list of correlated items with one unique item, memory for that isolated or distinct item was improved. Who’s up for a demo?

德國精神科醫生和兒科醫生海德維格·馮·雷斯托夫 ( Hedwig Von Restorff)在1933年的研究中發現,當為參與者提供一系列具有一個唯一項目的相關項目時,對孤立或不同項目的記憶就會得到改善。 誰準備演示?

List of grocery items with one anomaly.
Grocery shopping list
雜貨購物清單

Take a good look at the list one by one. Starting with the first list, which item caught your attention the most?If it isn’t Chihuahua, I am genuinely concerned about your grocery shopping 😁. Moving on to the second list, your attention will shift to Basil even though the items on all the lists are similar. Similarly, Eggs would be the focus on the third list.

仔細看一下清單。 從第一個列表開始,哪個項目最引起您的關注?如果不是奇瓦瓦州,我真的很在意您的雜貨店購物😁。 轉到第二個列表,即使所有列表上的項目都相似,您的注意力也將轉移到Basil。 同樣,Eggs將成為第三個列表的焦點。

This little experiment also deduce that certain visual elements like size, shape and contrast play a vital role in achieving the isolation effect.

這個小實驗還可以推斷出某些視覺元素(如大小形狀對比度)在實現隔離效果中起著至關重要的作用。

So, next time when you send someone for your grocery shopping with a list, use this technique and he/she will make an extra effort to get that particular highlighted item if necessary.

因此,下次當您將某人帶到雜貨店購物清單時,請使用此技術,如果需要,他/她將做出額外的努力來獲取該突出顯示的商品。

Elon Musk’s new born baby name, X ? A-12, received considerable media attention because of its uniqueness.

伊隆·馬斯克(Elon Musk)的初生嬰兒名字X?A-12由于其獨特性而受到了媒體的廣泛關注。

UX透視 (UX Perspective)

From a design perspective, this effect can be utilized to positively enhance user experience, efficiently generate promising leads and potential revenues to meet overall business goals:

從設計的角度來看,可以利用這種效果來積極改善用戶體驗,有效地產生有希望的潛在客戶和潛在的收入,從而實現總體業務目標:

Spotify’s landing page with bright green CTA to subscribe.
Spotify’s Spotify的Get Premium CTA高級 CTA
Subscription plans UI with most recommended option highlighted.
FreepikFreepik設計
  • Incorporate standout visual cues such as contrast and size in your design to grab user’s attention to the CTA(Call To Action) elements.

    在設計中加入出色的視覺效果,例如對比度和大小,以吸引用戶對CTA(號召性用語)元素的關注。
  • You can also leverage this effect to offer user’s focus on most value subscription package your product has to offer. Inversely, keep all the options look the same if you want the user to make unbiased decision.

    您還可以利用這種效果使用戶關注產品必須提供的最具價值的訂閱包。 相反,如果希望用戶做出公正的決定,則使所有選項看起來相同。
Microsoft teams app with standout notifications displayed.
Microsoft TeamsMicrosoft Teams
  • Notifications and alerts can be designed to take advantage of this effect. It’s a good practice to include a notification icon on all the active screens such as the navigation bar. Use an indicator such as a number badge or temporary animation in case of informative notification, and continuous animation for alerts that require user’s immediate attention.

    可以設計通知和警報以利用這種效果。 在所有活動屏幕(例如,導航欄)上包括通知圖標是一個好習慣。 如果需要通知,請使用數字徽章或臨時動畫之類的指示符,對于需要用戶立即注意的警報,請使用連續動畫之類的指示符。
  • Use of too many standout items on your webpage or app defeats its purpose. So, make sure to use Von Restorff effect only at important action items rather than painting off user’s screen with clutter and confusion.

    在網頁或應用程序中使用過多的突出項目會破壞其目的。 因此,請確保僅在重要的動作項目上使用Von Restorff效果,而不要使用戶的屏幕顯得混亂和混亂。

Read more about Von Restorff effect from design point of view here: https://uxdesign.cc/ux-inspiration-3-the-von-restorff-effect-d0cb73f7adc5

從設計的角度閱讀有關馮·雷斯托夫效應的更多信息: https : //uxdesign.cc/ux-inspiration-3-the-von-restorff-effect-d0cb73f7adc5

關鍵要點和tl; dr: (Key takeaways and tl;dr:)

Increase your business lead generation and user subscriptions with appropriate placement of eye-catching CTA elements. Whether to highlight some important stuff or guide your user’s attention to a specific element on your product’s interface, remember Von Restorff and enjoy the rest of your day. 😊

通過放置引人注目的CTA元素來增加業務線索生成和用戶訂閱。 無論是突出顯示重要的內容還是引導用戶注意產品界面上的特定元素,請記住馮·雷斯托夫,并享受一天的剩余時間。 😊

Read more about the everyday use of Von Restorff effect here: https://exploringyourmind.com/von-restorff-effect/

在此處閱讀有關馮·雷斯托夫效應的日常使用的更多信息: https ://exploringyourmind.com/von-restorff-effect/

Image for post
UX Para Minas Pretas (UX For Black Women), a Brazilian organization focused on promoting equity of Black women in the tech industry through initiatives of action, empowerment, and knowledge sharing. Silence against systemic racism is not an option. Build the design community you believe in.UX Para Minas Pretas (UX For Black Women),這是一個巴西組織,致力于通過采取行動,賦權和知識共享的舉措來促進科技行業中的黑人女性平等。 對系統性種族主義保持沉默是不可行的。 建立您相信的設計社區。

翻譯自: https://uxdesign.cc/why-do-we-focus-more-on-apparent-anomalies-8214781a50b0

更多信息請關注微信公眾號

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/news/274718.shtml
繁體地址,請注明出處:http://hk.pswp.cn/news/274718.shtml
英文地址,請注明出處:http://en.pswp.cn/news/274718.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

eclipse中的漢字極小的解決方案(轉載)

eclipse中的漢字極小的解決方案(轉載) 可能新裝了eclipse后,寫java代碼的時候發現,寫注釋的時候發現,漢字小的可憐,網上搜一下,又是改字體又是設置字體大小,試用后發現都不是針對這個的方法。 無奈在自己摸…

面試官經常問的觀察者模式如何實現~

大家好,我是若川。持續組織了8個月源碼共讀活動,感興趣的可以 點此加我微信ruochuan12 參與,每周大家一起學習200行左右的源碼,共同進步。同時極力推薦訂閱我寫的《學習源碼整體架構系列》 包含20余篇源碼文章。歷史面試系列。另外…

旅行者 問題_門檻項目:沒有旅行者回到他的原籍城市。

旅行者 問題Sohini Mukherjee| MFA| Spring 2020Sohini Mukherjee | 外交部| 2020年Spring Artivive app to see the full Artivive應用程序可查看完整的#AR experience.#AR體驗。 Prompt:提示: As second semester, first year graduate students, you are at a …

產品經理懂技術=流氓會武術(zz)

最近七年,我都在做互聯網產品,其中前五年分別在創業公司和上市公司里,做別人的產品;近兩年在創業,做自己的產品。 我的體會是:產品經理需要懂技術,創業者尤其需要。但前提是你總覺得有股憋不住的…

技術人的七大必備特質

大家好,我是若川。持續組織了8個月源碼共讀活動,感興趣的可以 點此加我微信ruochuan12 參與,每周大家一起學習200行左右的源碼,共同進步。同時極力推薦訂閱我寫的《學習源碼整體架構系列》 包含20余篇源碼文章。歷史面試系列。另外…

figma下載_在Figma中進行原型制作的技巧和竅門

figma下載自定義過渡和微交互 (Custom transitions and micro-interactions) Yep, I know that there are a lot of useful built-in transition effects in Figma already, but here I want to talk about custom micro-interactions, complicated transitions and show you h…

布局收藏用

http://www.aa25.cn/layout/index.shtml轉載于:https://www.cnblogs.com/OceanChen/archive/2012/07/25/2608882.html

技術日新月異,發展迅速,如何不斷擴展視野

技術日新月異,發展迅速,作為一個與時俱進的互聯網人,需要不斷地學習擴寬視野。今天為大家推薦幾個技術領域中出類拔萃的公眾號,它們的每一篇推文都值得你點開!1葉小釵技術管理 技術轉型 公司治理葉小釵,原騰…

不想當全棧的設計師不是_但我不想成為產品設計師

不想當全棧的設計師不是重點 (Top highlight)I’ve made a huge mistake, I thought to myself, as a realization washed over me in the middle of an interview for a product design role.我對自己想,我犯了一個巨大的錯誤,因為在接受產品設計職務的…

學習 WCF (6)--學習調用WCF服務的各種方法

來自:http://www.cnblogs.com/gaoweipeng/archive/2009/07/26/1528263.html 根據不同的情況,我們可以用不同的方法調用WCF服務,本文簡單總結了一下調用WCF的一些方法(代理類,Ajax...),分享給大家。開發工具調用WCF 這中…

[科普文] Vue3 到底更新了什么?

Vue3 已經發布一段時間了,這個版本從底層實現到上層 API 設計都發生了非常大的變化,但具體改變了些什么呢?一起簡單盤點下:一、Composition API使用傳統的option配置方法寫組件的時候問題,隨著業務復雜度越來越高&…

ipados_如何設計具有最新iPadOS 14功能的出色iPad應用

ipadosWe all know that iPad Pro already has a seriously powerful computing power and that it’s possible to create meaningful stuff with Apple Pen.我們都知道iPad Pro已經具有強大的計算能力,并且可以使用Apple Pen創建有意義的東西。 But do we really…

分組顯示的ListView分頁加載數據

參考: http://www.cnblogs.com/qianxudetianxia/archive/2011/06/07/2074326.html 分組的ListView的拖拽 http://www.cnblogs.com/qianxudetianxia/archive/2011/06/13/2079253.html ListView分頁加載數據 http://blog.csdn.net/cjjky/article/details/6898871轉載于…

67行JS代碼實現隊列取代數組,面試官刮目相看

大家好,我是若川。持續組織了8個月源碼共讀活動,感興趣的可以 點此加我微信ruochuan12 參與,每周大家一起學習200行左右的源碼,共同進步。同時極力推薦訂閱我寫的《學習源碼整體架構系列》 包含20余篇源碼文章。歷史面試系列。另外…

ux和ui_我怎么知道UI / UX是否適合我?

ux和ui重點 (Top highlight)I’m super excited to be writing this as it’s the first official issue of Visual Q’s! If you don’t already know, this will be a monthly advice column for designers. If you join the newsletter, you’ll receive this before it goe…

HTML4和HTML5的區別[轉]

HTML5是最新的HTML標準,或遲或早,所有的web程序員都會發現需要使用到這個最新的標準,而且,很多人都會感覺到,重新開發一個HTML5的網站,要比把一個網站從HTML4遷移到HTML5上容易的多,這是因為這兩…

vs2017字體最佳選擇_如何為下一個項目選擇最佳字體? 一個簡單的游戲

vs2017字體最佳選擇“If I have the right font, half my design battle is already won!”“如果我使用正確的字體,那么我的設計大戰已經贏了一半!” In my first UX Design job, my AVP( Satish if you’re reading this, this one’s for you. ) onc…

淺談初中級前端學習方法~

大家好,我是若川。 常有小伙伴問我如何學習前端開發。今天就簡單談下學習方法,方法可能主要適用于初中級前端。回想我們高中學習,是不是都是"以課本為主,其他資料為輔"。而且課堂上記筆記,然后通過大量練習&…

HDU-水餃基情 二維樹狀數組

該題就是簡單的二維樹狀數組&#xff0c;保留一份棋盤的最新狀態即可&#xff0c;樹狀數組里面就只保留在原有基礎上增加或者減少的某一種餃子的數量。 代碼如下&#xff1a; #include <cstring> #include <cstdlib> #include <cstdio> using namespace std;…

ui設計中的版式設計_設計中的版式-第3部分

ui設計中的版式設計and how not to suck at it以及如何不吸吮它 This is the 3rd and last part of the series. Here we take all our learnings from Part 1(Click to read) & Part 2(Click to read) and put to good use. Lets begin!這是本系列的第三部分也是最后一部…