5 Web design goals that must be considered when designing Web pages

Article Description: The 5 goals I have listed below have to be considered every time you start the web design.

This is recently seen a very good very practical article, mainly focused on the design before the thinking, thinking, see a lot of inspiration, so recommended to everyone, because it is translated, inaccurate translation of the place also please forgive me ~

In life, it is very important to have a goal.

Especially for website design, because there is no motivation without goals, more can not measure your success or not. Goals help designers focus on the important things and grasp the direction of the design plan. The goal is to help designers design a bright web site.

The process of designing any Web site is similar: I finished a design manuscript and gave it to the client. Although in the beginning, I have my ideas, customers have customer needs, but I know I will be at the end of a satisfactory answer. The following steps are the same in size, but each site will have different steps depending on the group, location, and style. Sometimes I need to hand-painted, sometimes I have to take advantage of PS, AI and other software powerful features. Although the process of different projects can vary, it is important to do a website to establish a goal, whether you write it down or remember it in mind, your design must be reflected in this goal.

The 5 goals I have listed below have to be considered every time you start the web design.

1. Strive for user friendly and beautiful

A good user interface is often built on the basis of sacrificing an excellent design, but the two are equally important and should be made to live in peace. A well-designed web site can help users easily access it. Each element of the site should be in the customer's usual position, otherwise their presence must have a specific meaning, and the designer must guide the user. For example, the navigation is placed at the top of the page not because it looks good, but because the user does not drag the scroll bar around to find it. If you have to let the user drag the scroll bar to find the navigation, give them a reason, such as some more easily discovered design to guide the user to look down.

Case: http://www.whitehouse.gov/

The site was revamped when Obama took office in November 2008. Before the revision, the site focused on providing information, but did not consider how to organize information and improve readability. After the revision of the website to strive for user-friendly and beautiful, embodies the design of usability focus. Create a more comfortable and modern look with a soft gradient and a pattern of classic Western architecture. The new navigation and the reasonable organization of the information enable the user to obtain the need faster and more effectively. The spacious layout is also a good factor for users to browse the site. Everything that is not needed is removed, leaving only the most important part of the user.

2. Identify target users

I've seen a lot of websites that look gorgeous but don't apply to its target group. For design studios or musicians, a retro web site with stylish colors would be a great combination, and your customers would be happy to see it. But such a site is not suitable for professionals and corporate users as the main group of law firm website. For this, your customers have good insights because their job is to deal with the target group. While you're doing research to see what the same type of company is doing, you don't have to do the same thing, but the site feels like it must.

Case: http://www.apple.com/

Apple ' s site

The site is a good example of an excellent design that fully matches the tastes of the target audience. Web site with soft gradient, large size of the picture shows a clean, simple beauty. The font is very important, the Apple site in the title, size, location are carefully considered. The modern style is precisely positioned for young, technology-biased users. The site is not serious so thoroughly, layers of detail in the continuous infiltration of easy elements, this is also in the middle of the young white-collar. The design also conforms to the appearance of their products-stylish, rounded and neat combination. The above points make users feel comfortable, in addition, it will create a huge attraction, driving users to see all of their brand products.

3. Let the user interface free and smooth, so that users can quickly and efficiently find the information they need.

Good navigation is the key to a good website. Implementing a good site map helps you distribute the whereabouts of page jumps and which modules should be put together. Many web sites are very cumbersome to navigate because they have no plans at all and which information is most appropriate. You need to compress the capacity of the entire page as much as possible, while maximizing the weight of important information. Do not put all the relevant information on the Web page, because not every user has the patience to read. Streamline the navigation to determine what is most important and lose the rest.

Case: http://www.mediatemple.net/

Media Temple ' s site

The site style of calm, dark tonal gradient with a reflection of the smooth texture, highlighting the high-tech focus. Easy to use leading navigation and the front end of the marked level two, so that users can easily find the information needed. The website is neat and clear, the widescreen design makes the field of vision more open, which is helpful for browsing and reading. After clicking on the page's introduction, the obvious "View Details" button guides the user to the site, eventually finding their target page, which is where the site wants the user to arrive. Match the buttons and effectively know how to give the user effective help throughout the process.

4. Give the customer what they want and need.

As many designers know, customers often think they are the clearest. Generally speaking, they definitely know their company better than you do, so the description of the customer and the product should listen to them, because it is in their field. However, they may not be aware of how the information organization is more practical and what the Web users have in particular. So there are some important things you have to explain to your clients and get them fully understood – why they don't need something that looks "flashy", such as a 5-minute, albeit seemingly gorgeous, web site presentation.

Case: http://mobify.me/

The site is clean, simple and modern, plus a good visual effect in detail to help users browse the site. The site's target audience, in addition to corporate users, also includes technology developers and web designers interested in "mobile-friendly". Users browsing the site are likely to be experts in their own web sites, and the goal is to further expand their site. The design of this site is all about the need for the company to sell mobile services. The interface is simple and smooth, just as a mobile device gives us a feeling. The navigation is simple and easy to use, and it is clear on this modern High-tech website to give users what they need.

5. Use additional code to expand the functionality of your Web site.

A simple Web site will become powerful after using some of the features of JS or PHP. Users enjoy these additional features, and designers have the opportunity to make a new attempt. Now that you have the skills to learn and implant into the web, why not try a new page for each feature and find new breakthroughs in design? Try a new JS tutorial or an interesting php script. Every time you sit down and design a page, you have something to learn, as long as you learn as much as you do on each site, imagine how much you will grow after a year.

Case: http://www.authenticjobs.com/

Authentic Jobs

The site has done a great job in detail, and it has been enhanced in its usability and functionality. Site originally very basic, simple, but some of the use of JS greatly enhance the value of the site, but also to make users more lively and interesting. You can change the type of work, add or subtract categories so that when you click on a button, you filter the information in their work list, allowing you to find more accurate results in a shorter period of time. This kind of detail is the highlight of this website.

Summary: Setting goals is indeed an important part of the design level and front-end skills of a web designer. You can't improve your skills without goals and make your customers bright. Every time you start a new page, think about what you want to do with your work. Your goal is not to pursue "perfection", but to seek "excellence" and not to let go of any chance.