+7(495)066-03-76
Предоставляемые услуги
  1. Сайты
  2. Порталы
  3. Интернет-магазины
  4. Мобильные приложения
  5. Лендинги
  6. Брендинг
  7. Нейминг
  8. Продвижение
  9. Дизайн сайта
  10. Личные кабинеты
  11. Аудит сайта
  12. Образовательные платформы
  13. Сайты на Тильде
  14. Комплексный интернет маркетинг
  15. Техническая поддержка
  16. Коммерческие фотосессии

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

UI UX дизайн
05.12.2017

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

magic-drive.ru

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

Оценить

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