A Core Press of web design

What we are going to learn today is “ Knowing what the core process of web design is.”
I’ll introduce what the core process of web design is.

The core process has 5steps. Those are define, structure, design, build, and measure.

First of all, we must define the purpose for the web site.

The elements of defining are discovery, planning, and clarification. The web site’s main goals gather as much information as you can that are relevant to your project. Then you put it together. If we make a small site, such as my private homepage, we don’t need to work in teams. But, if we make web sites for Cocacola, Macdonald, Vons, Target, etc, we need to work together in teams. Because big sites need to process through marketing, large amount of information design, many pages and the adopting of high technological programs, and good design concepts.

Therefore we have to manage and plan to communicate briefly about the goals with the team. Most of the projects need to be planed by setting a budget, and scheduling are the team members. When the defining steps are clear, it can lead to the rest of steps, such as structure and design.

Phase 2 is about structuring sites.
It is important to understand the marketing address, like domain names, and environment of the client’s contents. Sometime, if we put in too much information together into the site without planning and structuring, this can confuse many users. We want to make very professional and expert sites for clients to earning money. We put in naming, labeling, and necessary user’s contents. Otherwise, the clients want to promote and advertise their company and products. So we need to handle that client view part is addressing content and auditing existing content, outline content and creating a content delivery plan.
Through this process, we can make site maps, settings, menu naming, and other conventions. Site maps are a sort of map for finding out of their connections and functions. For example, when we draw a picture, we sketch very briefly and then we draw very detailed. So now we make a structure for the page view. This process called wire framing, which addresses navigation, naming, labeling, and defining key user tasks.

As you can see, site map is a map for the whole site’s connection and structure. A site map’s structure can be divided into 3 kinds of structures; a tree structure, a web structure and mixed structure. In this case, it is a tree structure. Depending on the contents, the navigation structure changes to a hyper mark up on other pages. A more detailed on the structures information will be provided next time.
So now, if we saw a big tree and map for a web, we need to make a structure very detailed for its pages. Usually, we can compare web sites to print. Try to imagine a fashion magazine, There is a front page, back page, index page, sections for information and advertisements. In the same way, web sites include menus, logos, web site addresses, contents and section for information.