[domainsfree]

Здравствуйте. Не хочу занудных вступлений, у меня есть очень небольшой опыт, который я накопил при проектировке интерфейсов и разработке технического дизайна. Решил структурировать это в пределах этой темы, если будете дополнять, буду очень рад.

1. В независимости от того, резиновый ли сайт будет у тебя или нет, проектируй под разрешение 1024х768 - 40% пользователей Рунета "смотрят глазами мониторов" на 17".

2. Старайся разместить всю важную информацию в пределах первого экрана, т.е. в пределах 768 пикселей в высоту.

3. Идеальная высота шапки для любого проекта - 100-150px. Не делайте фоном шапки изображение во всю ее длину и с логотипом. Это выглядит непрофессионально. Лучше подобрать однотонный фон, а логотип сделать отдельным рисунком. Люди привыкли видеть логотипы слева вверху. Размещение в другом месте у пользователей Рунета может вызвать шок :)

4. Первое куда смотрит посетитель: левый верхний угол сайта. Именно по этому не рекомендуется делать огромные шапки, в идеале, взгляд должен попасть сразу в область ниже шапки, куда тебе и нужно разместить самую важную часть сайта, например меню.

5. Если у вас 2-х и более колоночная структура, то не размещайте блоки самой важной информации на одной линии. Вы рискуете сфокусировать взгляд клиента в лучшем случае только на одном блоке важной инфы, тогда как второй окажется незамеченным. В худшем: не воспримет оба.

6. Не размещайте крупные графические блоки рядом друг с другом в соседних колонках. Если есть возможность, поместите текст между графическими блоками.

7. Никогда не размещайте текстовые блоки в соседних колонках на одной высоте. Также не стоит размещать несколько подряд блоков по высоте, а если деваться некуда, используйте разделитель между блоками с воздухом побольше.

8. В зависимости от тематики, начинайте проектировать от главной идеи Вашего сайта. К примеру, если у вас социальная новостная сеть, думайте так, как лучше разместить кнопку "добавить новость" на лучшем для нее месте, затем о расположении новостей и т.д. Это часто упускается даже на многих популярных сайтах.

9. Смотрите не менее 10 топовых сайтов по Вашей тематике. Всегда найдется то, что вы упустили или до чего не додумались. Все лучшее придумано до нас, осталось только собрать все это в пределах одного сайта.

10. Предложите сами

[Eardor]

10. Старайтесь максимально упростить нахождение нужной категории путем добавлениям javascript или jQuery. Таким образом можно сэкономить больше места и сделать более удобной навигацию.

[blazhnov]

Вы считаете, что для Рунета проектировать дизайн с учетом того, что его могут смотреть с небольших экранов планшетников пока рано?

[Candyman]

11. Не пишите светлым текстом на светлом фоне, так же как и темным текстом на темном фоне
12. Не старайтесь впихнуть всю графическую информацию на главную страницу.

На самом деле нужно читать книги.

[AntonMarin]

blazhnov,
Опыт показывает, что совсем не рано...
Самое время затачивать сайт и под мобильные платформы. Благо возможностей куча, на данный момент.

[getnaked]

- Делайте нормальные Title. "О нас" ничего не говорит, а вот "О нас / Компания Абибос" намного лучше.
- Уберите все необязательные поля при регистрации. Они только замедляют процесс заполнения.
- Делайте изменение состояния при наведении курсора не только у ссылок, но и у кнопок.
- Черный текст на белом фоне значительно лучше, чем белый на черном.
Вообще продолжать можно очень долго, надо упереться в какое-то одно направление.

[sasha0808]

а мой блог открывается на любом разрешении нормально и с сотика просмотреть без проблем можно легко и мало трафика съедает хотя мобильной версии нету

[amaya]

Разрешение 1024х768 будет нормально восприниматься и на мобильнике, а вот шире уже возникают проблемы

[domainsfree]

Самое время затачивать сайт и под мобильные платформы. Благо возможностей куча, на данный момент.

2-4% это реальные цифры, которых еще не было вчера

[Psihard]

13. Делайте дизайн исходя из принципа "чем проще тем лучше", который проповедуют google и Яша.
С 10 пунктом не соглашусь. Он не всегда имеет место быть если место позволяет лучше добавить ссылку на отдельный материал, чем пихать все в один резиновый выпадающий на всю страницу список. А вот что эра банеров-банерочков уходит медленно в закат я только рад. Меня дико раздражала выведение на пол страницы банера компании на котором 0 полезной информации.