#Expressionengine | Explore Tumblr posts and blogs

bestbranddesign · 4 years ago

Text

10 Guidelines for Good Web Design: How to Learn Web Designing

Know about Web Design Guides

Summary: A website's success or failure is determined by its usability and usefulness, not its graphic design. User-centric architecture has become a common method for efficient and profit-oriented web design because the viewer to the website is the only one who clicks the mouse and therefore decides everything. Overall, if consumers can't access a feature, it's as if it doesn't exist at all.

We won't go into interface execution specifics (like where the search box should go) because it has already been covered in a variety of articles; instead, we'll concentrate on the key concepts, heuristics, and approaches for successful web design — approaches that, when applied correctly, will lead to more nuanced design decisions and make the process of perceiving provided knowledge easier. we have mentioned about HTML, coding, new website, website WordPress menu, website portfolio, desktop, and more.

Please keep in mind that you may be involved in the following usability-related posts that we've previously published:

• Excellent Web Design Principles: Craftsmanship

• 30 Usability Issues to Be Aware Of

• 9 Common Usability Mistakes In Web Design

Principles Of Good Responsive Website Design And Effective Web Design Guidelines

To better apply the concepts, we must first comprehend how people communicate with websites, how they think, and what the fundamental characteristics of their actions are.

What are the thoughts of the user?

Essentially, consumers' web activities are close to those of shoppers in a shop. Visitors take a brief glance at each new page, scroll through some of the text, and then click on the first link that piques their attention or looks slightly like what they're looking for. In reality, they don't even look at a significant portion of the website.

Necessary of web or web design or ux design

The majority of users look for something fascinating (or useful) and clickable, and when they see any promising candidates, they click. If the current page does not meet the user's standards, the user hits the Back button and the search ends. • Users respect consistency and trustworthiness. Users are able to sacrifice content for advertisers and the site's architecture if a website presents them with high-quality content. This explains why poorly built websites with high-quality content attract a large amount of traffic over time. The architecture that supports the content is less important than the content itself. • Users search rather than read. When users examine a web page, they look for fixed points or anchors that will lead them through the material.

• Internet consumers are frustrated and seek quick satisfaction. Easy principle: If a website fails to satisfy customers' needs, the author has struggled to do his job correctly, and the business has lost revenue. Users are more likely to abandon a website to look for alternatives if the cognitive load is heavy and the navigation is difficult. [DWU / JN]

• Users do not make the right decisions. Users aren't searching for the fastest way to get the details they need. They still don't search webpages in a sequential way, going from one part of the site to the next. Users, on the other hand, are happy to settle for the first rational choice. There's a fair chance they'll click a connection that seems to lead to the target as soon as they find it. Optimizing is difficult and time-consuming. Satisficing is a more effective way of doing it. • Users are guided by their instincts. In most instances, consumers muddle along rather than reading the detail given by the designer. The primary cause for this, according to Steve Krug, is that consumers are unconcerned. “Once we discover something that fits, we don't stray from it. We don't care if we understand how things work as long as we can bring them to use. If you want your viewers to believe you're building billboards, then make amazing billboards.”

• Consumers like to be in control. Users want to be able to monitor their browser and believe that data will be viewed consistently on the web. They don't want new windows to show up randomly, because they want to be able to return to the place they were on before using the "Back" icon, so it's best not to open connections in new browser windows.

1. Website or Web design details: Don't Ask Users to Consider

The web page should be obvious and self-explanatory, according to Krug's first rule of usability. When you're building a website, the goal is to eliminate the question marks — the choices that people would make deliberately, weighing pros and cons and contemplating alternatives. The number of question marks increases as the navigation and site design become less understandable, making it more difficult for users to grasp how the system operates and how to navigate from point A to point B. Users will navigate their way to their destination with the aid of a simple layout, mild visual cues, and clearly identifiable connections.

Consider the following situation. “Beyond networks, beyond brands, beyond distribution,” says Beyondis.co.uk. What does this imply? These three statements will be the first items users see on the page after it is loaded, so users prefer to explore websites in the "F"-pattern.

Although the interface is straightforward and intuitive, the user must look for the answer to learn what the page is for. This is what an extra question mark feels like. The designer's responsibility is to keep the amount of question marks as minimal as possible. The graphic description is on the right side of the page. Simply replacing all blocks would improve usability.

ExpressionEngine follows the same structure as Beyondis, but without the extra question marks. Furthermore, the phrase takes on new meaning as users are given the option to check out the service and trial the free edition.

Reduced cognitive load makes it easier for tourists to understand the system's concept. If you've done so, you'll be able to explain why the system is beneficial and how people will learn from it. People would not use the web blog if it is difficult to access.

2. Don't Exhaust Your Consumers' Time

When you're working on a project and you're trying to give your visitors a program or a tool, try to keep your customer expectations as low as possible. The fewer steps people must take in order to test a program, the more likely a random tourist would do so. First-time users tend to gamble with the app rather than filling out lengthy online applications for an account they might never use again. Allow people to browse the web and learn about the offerings without being forced to share personal information. Asking users to submit an email address in order to test a feature is unfair.

According to Ryan Singer, a developer on the 37Signals team, users would be more likely to give an email address if they were asked after seeing the feature in action and understanding what they would get in exchange.

Stikkit is an excellent example of a user-friendly service that needs virtually no interaction from the visitor and is unobtrusive and relaxing. And that's how you want your visitors to feel as they visit your web blog.

Mite, it seems, demands more. The registration, on the other hand, can be completed in under 30 seconds, thanks to the form's horizontal orientation, which removes the need for the user to scroll the tab. Drop any obstacles as far as possible; don't need subscriptions or registrations first. The mere act of registering a user is enough to stifle user navigation and reduce incoming traffic.

3. Ensure the users' attention is focused.

Since web pages contain both static and interactive content, certain features of the user experience are more noticeable than others. Obviously, pictures attract more interest than words, just as bolded sentences attract more attention than plain text.

Online users can easily perceive edges, shapes, and gestures because the human eye is an extremely non-linear system. This is why video-based ads are particularly irritating and distracting, but they do an outstanding job at catching consumers' interest from a marketing standpoint.

Humanized makes excellent use of the concentration concept. The only thing that consumers can see clearly is the word "free," which is enticing and desirable while remaining calm and purely informational. Users are given ample information on how to learn more about the "easy" commodity through subtle hints. By using visual elements to draw users' attention to particular parts of the web, you can help the guests get from point A to point B without having to worry about how to do it. The less concerns tourists have, the greater their sense of direction and the more confidence they can build in the business portrayed by the web. In other words, the less thinking that would occur behind the scenes, the greater the user interface, which is the primary goal of usability.

4. Aim for Feature Exposition

Modern web designers are often chastised for directing users by visually pleasing 1-2-3-done-steps, large buttons with visual effects, and so on. However, from a concept perspective, these components aren't inherently a bad thing. These guides, on the other hand, are highly useful because they direct users through the site's content in a very simple and user-friendly manner.

Dibusoft blends an appealing aesthetic with a well-organized web. The site's key navigation tools are available at first sight, and there are nine of them. However, the color scheme can be too light. A basic concept of good user interface design is to make it transparent to the user what features are accessible. It makes no difference if this is done. What counts is that guests are happy with how they communicate with the framework and that the material is well-understood.

5. Make Effective Writing a Part Of Your Strategy

Since the Web differs from print, it's important to tailor the writing style to the tastes and browsing habits of your audience. Promotional copy can not be read. Large blocks of text without pictures, as well as keywords in bold or italics, would be skipped. Excessive phrasing would be overlooked.

Let's talk about business. Stop titles that are funny or creative, marketing-driven, company-specific, or technical names that are obscure. For eg, if you're explaining a web and want people to build an account, "sign up" is superior to "start now!" and "explore our services."

Eleven2 doesn't waste much time getting to the stage. There are no sweet phrases or exaggerated stories. Instead, there is a price, which is just what tourists are looking for. Use short and concise phrases (get to the point as quickly as possible), scannable layout (categorize the content, use several heading levels, use visual elements and bulleted lists to break up the flow of uniform text blocks), and plain and objective language (a promotion doesn't have to sound like an advertisement; give your users some r

6. Attempt Simplicity

The KIS theory (keep it simple) should be the primary objective of site design. Users seldom use a site for the sake of the design; in reality, in most cases, they are searching for details regardless of the design. Rather than trying to be complicated, aim for consistency.

From the visitors' perspective, the best web design is pure text, with no ads or other page blocks that precisely complement the question or content they were looking for. One of the reasons that a user-friendly print edition of web pages is important for a positive user experience is because of this.

Finch delivers site material in a straightforward and concise manner, giving users a variety of choices without overwhelming them with needless information.

7. You Shouldn't Be Scared Of White Space

In reality, it's difficult to overestimate the value of white space. It not only helps guests minimize their cognitive burden, but it also allows them to understand the information shown on the computer. When a new user appears at a design layout, the first thing he or she does is search the web and break the subject field into conveniently digestible chunks.

Reading, scanning, analyzing, and working with complex systems is more difficult. If you have the option of using a visible line or other whitespace to separate two template parts, the whitespace approach is typically preferred. Complexity is reduced by hierarchical constructs (Simon's Law): the more you can give people a sense of visual hierarchy, the simpler your content would be to understand.

White space is beneficial. White space is a significant design feature on Cameron.io. The end result is a scannable layout that gives the material the prominence it deserves.

8. Use "Visible Language" to Communicate Easily

Aaron Marcus notes three basic concepts inherent in the use of so-called "seen text" — the information people see on a computer — in his articles on efficient visual communication.

• Organize: provide the consumer a logical and coherent philosophical framework. Organizational principles such as consistency, screen structure, partnerships, and navigability are essential. All elements shall follow the same conventions and laws.

• Save money by having as few prompts and graphic elements as possible. Simplicity, consistency, distinctiveness, and concentration are the four major points to remember. Only the most essential components for contact are used in simplicity. Clarity: All elements should be built in such a way that their purpose is obvious. Distinctiveness: The necessary elements' critical properties should be distinguishable. The most significant elements can be readily identifiable.

• Communicate: tailor the presentation to the user's skills. In order to interact efficiently, the user interface must combine legibility, readability, typography, symbolism, different viewpoints, and colour or texture. Using a maximum of three typefaces with a maximum of three point sizes per line of text, with a maximum of 18 words or 50-80 characters per line.

9. The Conventions Are Our Allies

A dull web is not the product of conventional site element architecture. Conventions, in particular, are extremely beneficial because they minimize the learning curve and the need to find out how things function. For example, if all websites displayed RSS feeds differently, it will be a usability nightmare. That's similar to how we arrange data (folders) or shop in our everyday lives (placement of products). You can gain users' respect, loyalty, and durability by using conventions, and you can also prove your reputation. Understand what users want from a site's navigation, text layout, and search placement, among other aspects.

A common example from usability sessions is to translate the web into Japanese (assuming the site visitors don't speak the language, e.g. with Babelfish) and give the usability testers the challenge of finding something in the translated page. Users would be able to accomplish a non-specific goal if conventions are followed correctly, even if they don't comprehend a word of it.

According to Steve Krug, it's best to invent only when you're certain you have a better idea, and to depend on conventions when you don't.

Tags: web design, ux web design, web design gallery, web hosting, responsive web, ux design, web logo, adaptive web, images for web, research web design, web research, choose best web design, website design or web design, website design portfolio, web WordPress, work for web design, responsive HTML, web design experience, work for web design, know coding for web design, ux ui

10. Test Early and Often

This so-called TETO-principle should be extended to any web design project because usability testing will also expose serious problems and issues with a layout.

Testing should not be done too late, too low, or for the wrong reasons. In the latter example, it's important to note that most design choices are local, which means you can't tell if one layout is better than another without evaluating it from a very particular viewpoint (considering requirements, stakeholders, budget etc.).

There are a few things to keep in mind:

• According to Steve Krug, testing one user is better than testing zero, and testing one user early in the project is better than testing 50 users at the end. According to Boehm's first theorem, mistakes arise more often during specifications and design tasks, and the longer they go uncorrected, the more costly they get.

• Testing is a continual operation. That is, you plan something, test it, repair it, and test it once more. There may be concerns that were not identified during the first round when users were essentially blocked by other issues.

• Usability evaluations consistently yield valuable results.

• A developer is unsuitable to test his or her code, according to Weinberg's rules. This is also so for artists. After a few weeks of working on a platform, you can no longer look at it with new eyes. You know how it's made, but you know precisely how it works — you have the experience that impartial reviewers and site users don't.

Visit Our Official Website

Additional Resources:

https://en.wikipedia.org/wiki/Web_design

https://wordpress.org/showcase/tag/web-design/

https://www.wikihow.com/Learn-Web-Design

Location: https://goo.gl/maps/FnRzFUVMwwopXahE8

#Web Design

2 notes · View notes