Hello everyone, the theme of our group is the use experience of pop-up windows and surfacing.
Before talking about this topic, first we have to have a definition for pop-ups and floating layers. The Revolutionary brothers and sisters from corners exchanged views on the definition issue after a friendly and lively discussion:
1. Pop-up window: A variety of pop-up windows, form different, posture thousand, we will not enumerate, our discussion scope is limited to the following two kinds.
• Message warning windows, commonly known as Alert window, also known as the System dialog box, for example can see here.
• Pop-up window: Commonly known as pop-up advertising window, there is a separate URL, examples can be seen here.
2. Surfacing: Examples can be seen here (please onlookers move the mouse to the top right corner of the login link), generally no independent URL.
First, with regard to pop-ups, especially alert Windows, team members point out that it is not a web-based design, but rather a design based on a client such as a browser. In the early stages of the development of web technology, there are many technical limitations, but the following advantages make it a necessary tool for home travel, design and development:
• Simple, good compatibility
• Low cost of implementation, small workload
• Grab focus, very suitable for pop-up ads
• Can effectively tell the user the current task to be completed
But the veil of sentimental was uncovered in the Deep exploration of the group, and we discovered its innate flaws, such as:
• Coercion, so that users have no choice, is not conducive to building a harmonious internet.
• Many pop-up windows use modal windows, very violent. In IE7 and other High-tech advanced Browser, a tab window will lock all the tab, to the people's lives caused greater inconvenience.
• Visual style, pop-up windows are basically used in the style of the system, for some visual design is very fancy site, this is like a pretty girl with yesterday's breakfast mayonnaise
• Often pop-up windows are accompanied by a system warning sound that can cause some night owl users to be emotionally unstable.
We come from the team of Baidu is very incisive lead us to review the Web technology from 90 to now the main development process, and farsighted pointed out that with the deepening of the construction of spiritual civilization, the continuous development of web technology, many sites also constantly improve the user experience, there have been many people loved the design. In addition to a few extreme cases, the simple and brutal pop-up window has been unable to meet the people's growing demand, representing advanced productivity of the surface gradually replaced the majority of pop-up windows.
Research has a say, students have also used examples to prove that the form of hand-drawn sketches actively participate in the discussion, for a while, we found that the advantages of the Web page surfaced:
• High efficiency, many times in the mouse operation to surface a layer, the user mouse movement distance is very short can operate, greatly improve the production efficiency.
• Most surfaces are designed to be modeless and do not force the user.
• Avoid interruption of the main process, especially for the design of certain branch tasks (such as logging in) and then back to the main task.
• Streamline the number of Web pages, the use of the surface, many of the original need for new pages to complete the operation (such as login), was streamlined off, conducive to building a conservation-minded society.
Flexible and diverse forms, visual, voice can be freely customized, can effectively meet the people's increasingly diverse needs.
• Experience Lightweight
But a great philosopher said: "Any coin has two sides, not to mention the Web page surfaced?" In the revelation of Marxist materialism, the students also found the truth hidden behind:
• Requires Java script implementation, poor compatibility, inconsistent performance in different browsers.
• Low screen resolution or small browser window, it is likely to pop in the current unreachable area, and not be perceived by users, so that the unknown truth of the masses confused.
• There are often floating layer nesting situations, which is a bad experience.
The discussion to the most enthusiastic stage, from the mixed students from Baidu pointed out that students have mastered the pros and cons of these two designs, which is good, but only the discussion of advantages and disadvantages is not far enough, but also in-depth analysis of what circumstances suitable for the design, after mastering the theory to think more practice, play our glorious tradition, Better put the designer's limited time and energy into the unlimited user experience work.