Not all pop-ups are rogue. Tips on designing website pop-ups
 But if you think all pop-ups are unwelcome, you’d be wrong. The digital version of the Wall Street Journal quietly launched a new feature last month - pop-up windows. Like all pop-ups, it appears in the lower right corner of the screen and displays real-time market conditions. The small pop-up space includes several tabs, allowing readers to see stock trends and indexes in different markets. From the current perspective, the pop-up effect of the Wall Street Journal is quite good. According to Nieman Journalism Lab, the feature received 200,000 PVs from 25,000 people in just three weeks after its launch. More importantly, the stickiness of this service is quite high.  So why do the pop-ups in the digital version of the Wall Street Journal receive such a good response? Since the disturbing nature of pop-ups cannot be avoided, the only way to reduce users’ negative emotions caused by the disturbance is to solve the problem from the perspective of content and personalization. In addition to the pop-ups that appear without warning, many users close the pop-ups without hesitation because they dislike the news content. For example, many pop-up messages are very important, but many people are not interested in them. This is caused by inaccurate positioning. Unlike most pop-up windows with bland content, the Wall Street Journal pop-up windows contain extremely rich data and are updated in real time. Most importantly, its target audience - investors, company executives, and people in the financial industry - have a strong demand for it. As Raju Narisetti said, "There is a group of people who see the world through markets and market data." In addition, the customizability of the content has also gone beyond differentiation, and users can customize the "My Markets" view according to their personal needs. Then users are given the option to set the pop-up window size. There is a type of pop-up window called Interference, which is a rogue, and there is another type of pop-up window called Notification, which is a tool.  Title image from: CAIVP |
<<: Detailed example of using CSS to beautify HTML form controls (form beautification)
>>: Div adaptive height automatically fills the remaining height
Recommend
Analysis of the implementation process of Docker intranet penetration frp deployment
1. Create a configuration file directory cd /home...
WeChat applet implements video player sending bullet screen
This article shares the specific code for WeChat ...
CSS to achieve the image hovering mouse folding effect
CSS to achieve the image hovering mouse folding e...
Three common uses of openlayers6 map overlay (popup window marker text)
Table of contents 1. Write in front 2. Overlay to...
A brief discussion on the differences between FTP, FTPS and SFTP
Table of contents Introduction to FTP, FTPS and S...
Version numbers in css and js links in HTML (refresh cache)
background Search the keyword .htaccess cache in ...
A brief discussion on the issue of element dragging and sorting in table
Recently, when using element table, I often encou...
How to use history redirection in React Router
In react-router, the jump in the component can be...
JavaScript web form function communication full of practical information
1. Introduction Earlier we talked about the front...
Solution to MySQL being unable to start due to excessive memory configuration
Problem Description MySQL reports an error when s...
Some questions about hyperlinks
<br />I am very happy to participate in this...
Understanding and solutions of 1px line in mobile development
Reasons why the 1px line becomes thicker When wor...
Detailed explanation of the use of Vue's new built-in components
Table of contents 1. Teleport 1.1 Introduction to...
How to install Zookeeper service on Linux system
1. Create the /usr/local/services/zookeeper folde...
Some tips on website design
In fact, we have been hearing a lot about web des...