Какие критерии дизайна хорошего сайта вы знаете?

Question

[lihy]

Использование "теплых" тонов, малое количество элементов, что ещё нужно добавить в этот список?

Answer 1

[Denis Smirnov]

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

Comments

[vaux]

Точно. Постоянно замечаю, как золотое сечение и сетка на сайте помогают решить все мои проблемы. Вот если на сайте интернет-магазина дизайн не соответствует золотому сечению, то ну вот никак я не могу у них что-либо заказать. А если соответствует, то руки сами кладут товар в корзину и оформляют заказ.

[Denis Smirnov]

vaux: Я вам завидую! У Вас оно в крови.

[MoeSzyslak]

Про незаменимость золотого сечения уже сказали. От себя хотелось бы добавить про мобильные версии. Очень хороший способ выкачать из клиента еще немного денег при практически полной бесполезности данного хода, т.к. все современные девайсы нормально отображают сайты и так. Тут хотелось бы процитировать некого А.Лебедева:

Самая большая глупость на свете — создание отдельных мобильных версий сайтов.

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

— Смотрите! Мы берем обычный айфон. Заходим на ваш сайт. И что видим? Обычный сайт? Это же ужасно. Смотрите, как это работает у банка N. У них открывается специально разработанная мобильная версия! Из трех кнопок!
— Мари-Изабель, подпишите контракт с молодыми людьми.

Еще раз повторим для невнимательно прочитавших первое предложение: самая большая глупость на свете — создание отдельных мобильных версий сайтов.

Делать мобильные версии сайтов есть смысл только за деньги тех, кому некуда деньги девать.

Чем хорош современный смартфон? Тем, что это практически полноценный компьютер. Он умеет все. В том числе — нормально показывать сайты. Спрашивается, если телефон нормально показывает сайт, зачем что-то еще изобретать? Через телефон все отлично видно.

В качестве доказательства того, что мобильные версии сайтов никому не нужны, можно привести в пример компанию «Эппл». Они все это придумали, сделали айфоны и айпады. И их собственный сайт открывается на всех их устройствах так же, как на любом обычном компьютере. Безо всяких мобильных версий.

[Denis Smirnov]

MoeSzyslak: Отличный комментарий, с таким багажом, возможно, Вы бы хотели дополнить мой ответ? Мобильное приложение, о котором я писал — безусловно, не критерий хорошего дизайна для сайта, но в целом представление должно создаваться цельным, Ваш побег от какого-либо универсального способа коммуникации, если он популярен — должно быть обосновано.

[MoeSzyslak]

По сути вопрос задан некорректный и отвечать (дополнять) на него нечего. Необходимо понимать, что это за сайт, какую цель он преследует и какова его аудитория. Если мы говорим про коммерческие проекты - это одно, если иминиевые - это другое, развлекательные, информационные и т.д. и т.п. Везде свои цели и особенности. Это как спросить - какой должен быть автомобиль? Семейное авто должно быть вместительным и комфортным, а спортивное авто - быстрым и красивым. Понятное, что есть какие-то общие моменты, в случае дизайна - это: корректное отображение во всех браузерах, хорошее юзабилити и, пожалуй, все. Даже адекватной типографикой можно намеренно пожертвовать в редких случаях в угоду стилистике. Ну это какбэ ИМХО.

Answer 2

[Eugene]

1. Стилистическое единство.
2. Хорошо подобранная цветовая гамма.
3. Отсутствие лишних и случайных деталей.
4. Качественная графика.
5. Сбалансированность пространства.
6. Отсутствие излишней контрастности (вырвиглазности так сказать), резких переходов от тёмных
областей к светлым (если это не сделано сознательно).

Answer 3

[Эва Ра]

Я не специалист, НО! Выбирая дизайн, следует помнить о юзабилити, т.е. удобстве конечного юзера. Т.е. лучше использовать "карусел" вместо флэш, который очень долго грузится, и не делать встраиваемую музыку, которая начинает играть автоматически при загрузке сайта. В моде сайты-одностраничники, сделанные как лента новостей в соцсетях, с возможностью прокрутки

Answer 4

[Юрий Кудренко]

Если этот вопрос у вас возник потому что вы пишите ТЗ на дизайн, то при написании технического задания нужно не забывать, что "хорошесть" — это прежде всего соответствие задачам. У сайта есть цели, на разных страницах они разные, на одной странице целей может быть несколько. Например, для списка товаров в каталоге главная цель - просмотр товаров посетителем и выбор товаров. Эта задача решается правильным размещением товаров, качественными изображениями, добавлением инструментов упрощающих выбор и поиск (сортировка, фильтр, способы вывода товаров и т.п.). У детальной страницы товара другая основная цель - добавление товара в корзину. А вспомогательные цели - выбор других похожих товаров если основной товар не подошел. Иногда цель — подписка на рассылку. Иногда цель — просто чтобы прочитали статью до конца. Даже такая задача, помимо интересности текста, может решаться средствами дизайна. И так по всем основным страницам. Т.е. основной критерий хорошего дизайна — чтобы дизайн на разных страницах правильно направлял посетителя к целевым действиям, которые предусмотрены на этих страницах. Правильно были расставлены приоритеты между целевыми действиям, когда их несколько.
Поэтому вам для "хорошего дизайна" нужно составить соответствующее задание дизайнеру. Где вы понятно расскажите про действия, которые хотите чтобы на разных страницах совершил пользователь. Прочитайте статью про составление правильного ТЗ на дизайн.