Выбор стиля для сайта. Урок 2

UI UX дизайн
05.12.2017

В прошлой статье я писала о том, как правильно выбрать пример для создания нового дизайна. Повторю тезисы:

  1. Нужно определиться с основной целью сайта;
  2. Понять кто ваша аудитория;
  3. Проверить имеющийся контент;
  4. Распланировать работу до дедлайна (с запасом);
  5. Выявить проблему пользователя из-за которой он пришел на сайт.

Начну сразу с 3-его пункта, 1 и 2 описывала в прошлой статье.

Есть такое правило 1-ого экрана «Попав на 1-ый экран пользователь должен сразу понять что это за сайт». На деле - немного сложнее, чем кажется.

Во многом от аудитории зависит размер шрифта. Для больницы логичным будет использовать крупные шрифты - минимум 18 кегель, для интернет-магазина кройки и шитья подойдут мелкие шрифты - это будет выглядеть элегантнее.

Я, в принципе, не очень люблю шрифты с засечками, но интуитивно всем понятно что для, скажем, макаронс (франц. пирожное) они вполне уместны.

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

Например: мне нужен максимально информативный сайт, на белом фоне, с мелкими шрифтами и яркими акцентами на рекламу.

Я буду использовать стандартные шрифты, и для продаж мне нужны акцентные телефоны и красивые фотки.

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

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

С чем это связано? У высокого класса всегда есть шикарные фото, завидные ракурсы, идеальный фон, лакшери. У приземленных сайтов фоток иногда нет даже у товаров (реальных) чего уже говорить. Так что «Богатство - главный Бог».

Итак, у вас ничего нет (фоток, текстов, концепций) продолжать ли мне быть дизайнером или ну к черту, пойду волосы наращивать? Обычное дело, если бюджет позволяет провести фотосессию, то для начала нужно подставить фото из интернета, а потом написать под них подробный план для фотосессии (об этом подробнее позже).

Если нет ресурсов на фотосессию, а под ресурсами не обязательно нужно понимать деньги, а ещё и время, подходящий товар (например, новостройки), приличного фотографа под рукой и т.д., то есть другой выход. Если вам не нужен конкретный товар, то можно купить красивые фотографии на стоках или использовать те, что в бесплатном доступе. Если нужны конкретные, то придется подстраивать свой концепт под существующие. Зачастую нужные фотки маленького размера и нужно это предусмотреть. На замену фотографиям всегда приходят цветные фоны, графика или ассоциативные фотографии. Это серьёзный аргумент. Если в примере дизайн будет построен на красивых фото, а у вас их нет то.. все, это конец, чел. Время будет потрачено в пустую, все равно будешь переделывать, се ля ви, я предупреждала, но что я могу знать о том, что знаю? и я даже не буду говорить откуда эта цитата, потому что если вы не смотрели последнюю серию «Рик и Морти», то скорее всего живете в загнанной без интернета цивилизации и вообще наша встреча невозможна.

Тема дедлайна, всегда максимально актуальна, всё надо сделать вчера и вообще мы все обречены на вечное отставание (не только в графике). Так что, товарищ, как пришли куча веселых идей, так они и ушли после оглашения сроков. Смирись.

От чего-то всегда приходится отказываться, важно расставить приоритеты и в первую очередь проработать основной функционал и только после наращивать массу. Так что в первую очередь дело, а безумие, арт, огонь потом. Часто это правило не соблюдается в примерах на Behence ( точнее оно может и соблюдается, но из-за того что страницы получаются скучнова-то их выкидывают из презентации. Это создает иллюзию их отсутствия).

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

В этих случаях сразу ясно , что исправлять нужно в первую очередь. Убрать лишний инфу, добавить описание деятельности и конкретизировать услуги, разбить информацию на блоки… Если проблематика не установлена, то нужно выявить её самому, поставить себя на место пользователя, понять что именно не хватает в жизни =)

Давайте придумаем пример для понятности и закроем уже эту тему. Например, вас попросили разработать сайт для автошколы и вроде никаких проблем то и нет, но если чуть-чуть посмотреть аналоги или поставить себя на место мечтателя о ламинированном прямоугольнике (водительские права) становится ясно, что как минимум перед пользователем стоит огромная проблема в выборе. Автошкол великое множество по Москве и естественно далеко ездить всем лень, так что вопрос карты актуален как никогда.

Думаем дальше: раздражает когда явно не написана цена, значит делаем отдельную страницу цен без лишней мишуры. Как раскрутить навигацию по сайту? Сделаем все пункту меню открытыми, а вдоль сео-текстов, конечно, ну, конечно, баннерочки с переходами по сайту. На Главной странице скажем какие мы классные и придумываем пару акций.

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

magic-drive.ru

Опубликовано: 2017-12-05

Оценить

Разработка сайтов и мобильных приложений любой сложности Оставить заявку