Usability issues with web design

Source: Internet
Author: User

Since the previous writing has been put in other places, this time want to move here, so these days to tidy up the things are written before.

The next one was written on November 25, 2013.

OK ~ Can't think of some useless, can not say some useless, the problem comes, the opportunity comes, the process of solving the problem is the process of ascension. You cannot set boundaries for your abilities. Don't be bored with repeating things, and if you fall two times in one place, it's worse than stagnation.

On the road of learning must be low posture, at any time to the beginner mentality to face, but also to learn the wisdom of judgment, pick up the important listening, pick up the value of their own listening. I am still very obedient ~ the line of power than strong ~ clear the problem and hurriedly go to solve ~ AH ~ start it ~ Noteworthy site design of 30 usability issues: first, the theory and Law of usability: 7±2 Law: The human brain processes complex information and splits it into chunks and units of information. According to George A.miller's study, human short-term memory can only remember 5 to 9 things at once. Based on this, the navigation menu bar is usually limited to 7 options. 2 Second theory: The less time users wait, the better the user experience. 3 Click Theory: This theory focuses on clear navigation, logical architecture, and easy-to-operate site hierarchies. For clicks, if the user has a clear understanding of the system operation, there is no problem even if you click many times. 80/20 Law: 80% of the results were caused by a 20% inducement. In terms of design and usability, if you identify the 20% of users, customers, activities, products, or processes that create 80% of your profits, you will gain a great deal of attention. eight golden Guidelines for user interface design: 1, maintain consistency 2, let "veteran" users can use the shortcut key 3, provide meaningful feedback 4, the end of the dialogue Operation 5, Provides simple error handling 6, allows easy return to the previous step (this is realized in the project just completed) 7, meet the user's control needs 8, reduce short-term memory load Fitzer Law: This law is typically applied to the movement of a visitor's mouse pointer from a to B. This law is important for how to place content areas, in a more practical way, to maximize content accessibility, and to improve content Ctr. Inverted Pyramid structure: Can make the website user get the timeliness satisfies, for example news all starts from the conclusion, then is the main point information, finally writes the small detail. User Satisfaction Degree: Users have always followed fast food---is the "OK" solution, for the most reasonable, the most perfect solution is not so interested. (?) Second, the psychology behind usability: ducklings syndrome: Users are loyal to the first design they remember, and then compare other designs to their similarity. Typically, users tend to prefer systems that are more similar to those they remember, rather than unfamiliar ones. Ignoring ads: Website users tend to block everything that looks like advertising and are also good at it. When searching for specific information on a Web page, users focus only on parts of the page, that is, small text and hyperlinks, where they think the information might appear. Large color or animated banners and other images are ignored in this case. "gripping" effect: This effect is mainly applied to advertising, asking visitors questions that are not answered or provocative, often prompting visitors to browse the content of the ad. Gestalt principles for Shape Vision: 1, Proximity principle 2, Similarity principle 3, Pregrands principle (image-background): In the sense of a certain visual range, some objects are more eye-catching, while others become the background 4, the principle of symmetry 5, the law of closure: visually, incoherent things are often regarded as coherent, or as a complete image. (IBM icon) self-referential effect: For example, after reading an article, it is easier for users to remember the roles, stories, or facts associated with their personal experiences. Often used in Web writing and Web content. Third, availability of terminology : Eye Tracking: The process of gathering focus, or the measurement of the eyeball relative to the head movement. Research on this can help assess the user's comfort with the Web pages they are browsing and how quickly they understand the architecture and system behind them. Web page Folding: Web page Folding line is the bottom of the screen visible area page, that is, above this line is not to drag the scroll bar to see the content of the Web page, in this area is often considered to bring the highest ad click-through rate and profit return area. Central concave Area: The small, wide space in which the eyes focus, and the only place where the eyes can see the most detail, is where you deliver the most important information to the visitor. Notes: is an automatic behavior that prompts and outlines the contents of the connection, as well as where to go with a click. From a usability perspective, users want absolute control over everything that is happening on the site, complete with linked text, and accurate internal and external links to explain the usability of the site. Graceful Downgrade: Refers to the ability of a website to display content and basic functionality even when its parts are not displayed or are invalid. The site should display the content in every possible error and be used in any possible configuration by the user. Advanced users are still providing a complete, enhanced version of the page. Particle size: the degree to which a complex group of data or information is split into smaller units. Hot Zone:The area on the site that you can click. For example, the focus effect occurs when a connection or any other element on the site is clicked. easy to read: Text in visual clarity. readability: The degree of comprehension of the text, people of different ages and different degrees of education can easily understand the meaning of the article. Demining: A user's interaction with the site to identify links on the site. Paste Type navigation: Users find it difficult to identify navigation links in a paste-like Web page or to determine where links are designed. Physical Consistency: Consistency of website appearance. Progressive Enhancement: The advantage lies in "universal availability". A design strategy for designing a Web site in a multi-layered manner---from the basic functionality of all browsers to the enhanced properties attached to modern browsers. user-centric design Vigilance (continued attention): The ability to maintain attention throughout a long and monotonous task. Walk-to-use design: Very intuitive to understand, novice or disposable users are easy to use. Wire Block Diagram: is an infrastructure that is the skeleton of a Web site that introduces the site's ideas, concepts, and architecture. The above is from the International top web designer's success rule after reading the most important one is that the most important site design is to understand the user's psychology, standing on the user's point of view, to make user-friendly, to meet the needs of users of the site.  Web design is really a door brainiac Ah!

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.