We design the interface of the main page
The first version of the site of our company was created back in 2005 by programmers on J2EE. In 2009, we redesigned the site with the help of designers, you can still look at it at e-legion.ru . And in 2011 we also attracted an interface designer :) Inside, I want to talk about the design process of the main page.
')
A software business is primarily the realization of customer goals through the work of programmers. Guided by this, we set the goals solved by the site, in order of priority:
What have we changed from the previous version of the site? Everything
A little background. If in the transition from the first version to the second in shock were the designers, then from the second to the third they were joined by interface designers. It is difficult to disagree with them, even an ordinary user. Imagine that you are a customer and you want to see the applications we have made for Android. Submitted? And now try to find them in the portfolio - difficult. Or try to find in the corporate blog the news about the first ADCSpb meeting - it is very difficult! Well, until the end of the world has come, we nevertheless decided to replace the frankly obsolete website, written “on the knee”, with a modern and convenient one.
Let's start with information about the company presented on the main page. The logo and name of the company have a significant size and place on the page. There is a slogan that clearly explains what the company is doing. The presence of a contact phone and e-mail address is also required, no need to force the user to go to the "Contacts".
If we talk about navigation, the main elements are assigned a very visible area. Similar in meaning, in turn, are grouped in one place.
Rule 7 + 2 . “Short-term memory can simultaneously contain 7-9 entities. Often this fact is used to prove the need to reduce the number of items in the navigation menu to 7 ".
High-priority tasks such as company information, customer list, latest news, etc., are provided with direct access. Examples of content are used instead of descriptions: a banner with a description of the last project, located under the header, attracts attention and makes it clear which projects the company is engaged in.
The headers and menus use a language that the user understands. The approach to naming from the point of view of the user, not the company. No abstruse phrases and marketing slogans in the menu. For example, "Jobs", and not "We are looking for employees."
The search is in the form of a form, not a link to a form. More recently, it was believed that if the site uses search, then the navigation must be urgently redone. But this myth was refuted by Stephen Krug in his book “ Don't make me think 2. ” He proved that the ratio of people using navigation and searching is about 50/50.
If we are not talking about the necessity of the search, but about its display, then the guys from Usabilitylab were clearly in favor of the form:
“It is much better to design a search in the form of a particular form, rather than a link“ Search for goods ”. This link sees a lot less people. And the point is not an extra click - the words are lost among other texts, they may be misinterpreted, they simply cannot be noticed . ”
As a result, we get a site made for the visitor, intuitive and easy to use.
I would like to ask the community to evaluate the result. Still, the site we do primarily for users, so your opinion is very important to us. For my part, I can promise that all comments will be considered at the general meeting.
')
A software business is primarily the realization of customer goals through the work of programmers. Guided by this, we set the goals solved by the site, in order of priority:
- Attracting customers
- Attracting employees
- External PR
- Employee Website
- Customers
- Job seekers
- Journalists
- Employees of the company
What have we changed from the previous version of the site? Everything
A little background. If in the transition from the first version to the second in shock were the designers, then from the second to the third they were joined by interface designers. It is difficult to disagree with them, even an ordinary user. Imagine that you are a customer and you want to see the applications we have made for Android. Submitted? And now try to find them in the portfolio - difficult. Or try to find in the corporate blog the news about the first ADCSpb meeting - it is very difficult! Well, until the end of the world has come, we nevertheless decided to replace the frankly obsolete website, written “on the knee”, with a modern and convenient one.
Let's start with information about the company presented on the main page. The logo and name of the company have a significant size and place on the page. There is a slogan that clearly explains what the company is doing. The presence of a contact phone and e-mail address is also required, no need to force the user to go to the "Contacts".
If we talk about navigation, the main elements are assigned a very visible area. Similar in meaning, in turn, are grouped in one place.
Rule 7 + 2 . “Short-term memory can simultaneously contain 7-9 entities. Often this fact is used to prove the need to reduce the number of items in the navigation menu to 7 ".
High-priority tasks such as company information, customer list, latest news, etc., are provided with direct access. Examples of content are used instead of descriptions: a banner with a description of the last project, located under the header, attracts attention and makes it clear which projects the company is engaged in.
The headers and menus use a language that the user understands. The approach to naming from the point of view of the user, not the company. No abstruse phrases and marketing slogans in the menu. For example, "Jobs", and not "We are looking for employees."
The search is in the form of a form, not a link to a form. More recently, it was believed that if the site uses search, then the navigation must be urgently redone. But this myth was refuted by Stephen Krug in his book “ Don't make me think 2. ” He proved that the ratio of people using navigation and searching is about 50/50.
If we are not talking about the necessity of the search, but about its display, then the guys from Usabilitylab were clearly in favor of the form:
“It is much better to design a search in the form of a particular form, rather than a link“ Search for goods ”. This link sees a lot less people. And the point is not an extra click - the words are lost among other texts, they may be misinterpreted, they simply cannot be noticed . ”
As a result, we get a site made for the visitor, intuitive and easy to use.
I would like to ask the community to evaluate the result. Still, the site we do primarily for users, so your opinion is very important to us. For my part, I can promise that all comments will be considered at the general meeting.
Source: https://habr.com/ru/post/120209/
All Articles