What secrets and
tips can help you build a professional and modern website? Questions like this
would require pages and pages of in-depth information because the factors that
contribute to the success of a web project are many. Analysis,
design, development and testing are indispensable work steps that
unfortunately in many cases do not find the right space in equal measure,
especially for budgetary reasons. But if I had to
define a base from which to start I would talk about 10 indispensable points,
10 actions through which a website takes shape.
1. DEFINE THE GOAL
Before launching a website, it is necessary to define the objectives that this tool will help you achieve. The return of your investment will be measured in terms of audience, online sales or increase in the spread of the brand you advertise . The web is vast and wandering without a destination can involve a considerable waste of resources, money and patience.
2. STUDY THE TARGET
“It is a huge mistake to theorize empty. Without realizing it, we begin to deform the facts to adapt them to theories, rather than vice versa”
Sherlock Holmes – Sir Arthur Conan Doyle
Analyzing the surrounding environment allows us to understand the scope of a web project. Do you find yourself facing the endless American prairies at the time of the gold rush or is that little patch of land actually a minefield? The online market offers great opportunities, but the competition is fierce. For this reason you need to know your competitors, study them and learn from them. Browse the websites of the competition and take note of what you think works and what could be improved. Get in touch with the target audience you want to reach to create a website designed specifically for your typical customer.
3. PRESENT YOURSELF WITH YOUR LOGO
The logo is the first distinctive feature of your online activity. In the space of a few pixels it is possible to convey an idea to those who visit the pages because thepsychology of colors and the type of font used recall to mind images and sensations that unconsciously will be associated with what you propose. Being original and never banal is the prerogative but watch the context! The design of the entire web page will have to communicate with the logo, perhaps positioned in the upper left corner as is now the case in most sites, but always linked to the homepage. Clicking on the logo to arrive at any time at the home of the site is an instinctive behavior that has now entered into the user’s DNA.
4. BUILD YOUR GRILL
Extending on the importance of mobile devices seems almost anachronistic because everywhere you turn you see people busy on their smart phones. Responsive design has subverted design rules, so think of percentage values and put away fixed-size graphic elements. Internet sites must be able to easily adapt to any screen and using the 12-column grids allows a large margin of action. Draw your draft on paper before going crazy among long strings of code!
5. CHOOSE A COLOR
Endless palette of tones can lead to decision-making paralysis or, on the contrary, push us to a great binge of colors. Hold on and remember: “Less is More” . The design of the website should not appear chaotic and for this reason it is necessary to measure the visual stimuli. Choose two or three main colors and play with them, on the web there are many tools that help you study combinations. Let me point out this Adobe tool !
6. ENHANCE THE TEXT
Text formatting plays a very important role because it helps facilitate reading. Then break them down into short paragraphs and use headings that help the user identify the topic that interests them .
” Keep It Simple, Stupid ” in an IT environment, and more, is an invitation to design simplicity. Paying particular attention to the usability of the site means worrying about the fate of the user. Removing all unnecessary elements helps simplify your life by making your navigation experience linear. Many graphic elements, widgets, images can destabilize navigation and distract the user from the core of the web project by interfering with his decision-making process. The “noise” that is generated causes us to leave the page and look elsewhere for what we need.
According to recent studies it would take only 5 seconds to get a general idea of the site we have in front of us. Users tend to quickly scroll the page looking for words or phrases that capture attention. For this reason the focus of each page must be clear and unambiguous, then Keep It Simple.
8. CHOOSE YOUR STYLE BUT LISTEN TO THE TREND
On the web graphic solutions pop up, becoming inflated and acting as a watershed between a cool and an obsolete design. Sometimes this border can be very weak because the trends are passengers and within a year the site may already require a graphic restyling. It therefore avoids a mad run-up to the latest trend. Complying with fashion can still be useful especially in terms of usability by proposing graphic elements with which users are familiar , think for example of the hamburger icon in the menus of mobile devices.
Once the distinctive features of a page are defined, it is important that the style of the menu, buttons and links remain unchanged. The user navigates on sight and leaving these elements unchanged favors safety by limiting a possible sense of loss. What may seem linear and predictable to us may not be so for those on the other side of the screen!
9. NAVIGATION MENU
The navigation menu of a site is a very delicate element to design from which the success or failure of a web project may depend. Users get frustrated when:
- they cannot find what they are looking for in a very short time
- when the content to which they arrive does not correspond to that indicated by the link
- when they go into the depths of a site having lost the knowledge of space
Generally speaking, it is not possible to draft dogmatic laws for the # buonmenùdinavigazione , therefore it is necessary to have some common sense.Use simple words that uniquely and unambiguously identify the landing page and play the navigation between the primary and secondary menus.
Make your work touch and analyze any problems. As usability expert Steve Krugstates, ” the average user does not exist ” and each person can suggest significant improvements to your web project because it has a different perspective. Usability tests can revive the fate of a site, eliminating problems that affect efficiency and therefore the value of the entire project.
The typical symptoms that can emerge from the tests are:
- Sense of loss. The text references and links are not described with the words that the user would use. The difficulty in finding one’s bearings generates frustration and frustration leads to abandoning the page.
- Crash decision-making. The page contains everything the user is looking for, but since there is no hierarchy of content, it finds nothing.
- Confusion. The concept of the project is not immediately clear.
I hope these 10 little tips will help you and offer you a starting point to tackle the design of a website or its restyling in a modern and professional way.