25 советов по веб-дизайну и UX, которые помогут бизнесу в 2018 году
Вообще, давать рекомендации по веб-дизайну — это дело неблагодарное, ведь на конечный успех бизнеса влияет множество трудно прогнозируемых факторов. Даже имея за плечами 1000+ успешных веб-проектов, сложно сказать, что работает лучше всего, и по какой причине.
Сегодняшняя статья содержит 25 подробных и научно обоснованных рекомендаций, которые помогут сделать сайт ближе, удобнее и привлекательнее для каждого пользователя.
Большинство рецептов подкреплено современными исследованиями и многолетним опытом веб-разработки. Здесь и простые идеи UX для новичков, и продвинутые рекомендации для профи.
Для вашего удобства мы разобьем сегодняшнюю статью на несколько разделов, посвященных тем или иным аспектам веб-сайта.
И начнем с самого главного — структуры шаблона.
Советы по структуре веб-страницы
Веб-сайты состоят из двух частей — контейнера и контента.
Контейнер, в свою очередь, можно условно разбить на структуру и стиль. Начнем с первого.
Перечисленные ниже советы касаются структуры и расположения элементов страниц.
1. Соблюдайте визуальную иерархию
Каждая страница имеет определенную визуальную иерархию.
Если вы не знакомы с концепцией, вот определение: «Визуальная иерархия определяется расположением, размером, цветом и контрастом элементов веб-страницы. Она определяет их относительную важность и порядок, в котором они обнаруживаются глазом».
Веб-дизайнеры используют визуальную иерархию, чтобы в первую очередь обратить внимание посетителей на важные элементы.
Для этого продумывается положение (выше или ниже), размеры (больше или меньше), визуальные эффекты (видео, изображения, значки) и контрастность (негативное пространство).
Сочетание этих приемов усиливает эффект.
Каждый увидит большое видео, расположенное высоко на странице в окружении контрастного негативного пространства.
С другой стороны, мало кто обратит внимание на крошечный серый текст на белом фоне, спрятанный рядом с футером сайта.
2. Используйте описательный заголовок с ключевыми словами
Заголовок в верхней части главной страницы является либо описательным, либо бесполезным.
Если второе, посетитель не сможет ответить на свой первый вопрос: «Я попал по адресу?»
Заголовок — это уникальная возможность использовать целевую ключевую фразу и указать релевантность. Но многие маркетологи пишут что-то умное или расплывчатое.
Правило номер раз: ясный заголовок лучше, чем умный.
Он просто должен объясняет деятельность компании и выставлять вас в хорошем свете.
Да, посетители проводят больше всего времени в районе хедера, но это не означает, что они подготовлены к совершению целевого действия после прочтения нескольких строк!
Многие конверсии происходят после полного ознакомления со страницей.
Когда эксперты Chartbeat проанализировали 25 миллионов веб-посещений по всему Интернету, выяснилось: наибольшее число конверсий происходит значительно ниже шапки.
Не стоит заострять внимание только на верхушке — оставьте СТА для середины и футера.
4. Разрабатывайте длинные страницы. Отвечайте на все вопросы.
Больше пикселей — больше пространства для ответов, борьбы с возражениями и социальных доказательств. Если посетитель не нашел ответ на важный вопрос, он продолжает скроллинг.
Успешная страница электронной коммерции — это симулятор диалога продавца с покупателем. Прерывание диалога на полуслове оставляет нерешенные вопросы и не приводит к конверсиям.
Правило номер два: ВСЕ короткие страницы обрывают процесс конверсии.
Доказательства в студию! Знаменитое маркетинговое исследование студии Crazy Egg вынудило агентство сделать домашнюю страницу в 20 раз длиннее.
5. Демонстрируйте одну вещь за один раз
«Мне нравится чистый, современный дизайн», — вот что говорит большинство клиентов при обсуждении внешнего вида будущего сайта. Они часто называют Apple в качестве примера.
Посетители не любят захламленные страницы. Они любят негативное пространство.
Иными словами, сайт электронной коммерции должен стремиться к визуальной простоте.
В 2012 году Google провел масштабное исследование, изучая вкусы аудитории.
Еще тогда аналитики пришли к заключению, что традиционный веб-дизайн с панелью навигации по левую сторону, областью контента посередине и сайдбаром справа — это неэффективно.
Большинство юзеров тяготеют к простому и понятному одноколоночному шаблону.
Поэтому демонстрируйте один важный элемент на экране, сменяя фокус по мере прокрутки.
6.
Придерживайтесь стандартного шаблона
Упомянутое исследование Google выявило, что «высокая прототипичность» коррелирует с воспринимаемой красотой шаблона. Другими словами, странно – не всегда красиво.
Сайт, который следует стандартам веб-дизайна, с большей вероятностью полюбится клиентам.
По результатам опросов, сайты, считающиеся самыми красивыми, имеют как высокую прототипичность, так и низкую визуальную сложность. Они clean & simple.
Хотите выделиться на фоне конкурентов — замечательно.
Экспериментируйте с логотипами и слоганами, но шаблон — не место для опытов.
Будьте традиционны и сдержанны во всем, что касается UX. Но что есть стандарт?
Авторитетное американское агентство Orbitmedia провело собственный анализ, чтобы выяснить особенности дизайна 50 ведущих маркетинговых сайтов.
Вот его результаты:
• Логотип компании в верхнем левом углу: 100%
• Контактные данные в верхнем правом углу: 44%
• Элементы навигации в хедере сайта: 88%
• Ценностное предложение вверху страницы: 80%
• Призыв к действию вверху страницы: 78%
• Слайдшоу на домашней странице: 32%
• Строка поиска в хедере: 54%
• Подписка по email в хедере: 24%
• Иконки социальных сетей в хедере: 26%
• Иконки социальных медиа в футере: 72%
• Отзывчивый дизайн: 68%
Таким образом, «стандартным» может считаться следующий дизайн сайта:
• Логотип вверху слева
• Горизонтальная навигация в шапке
• Поисковая строка вверху страницы
• Ссылки на соцсети в подвале сайта
• Наличие отзывчивого дизайна
7.
Остерегайтесь «фальшивого дна»
Современные маркетинговые сайты, особенно продающие, строятся из блоков контента.
Они состоят из кирпичиков, где текст в одном, изображение — во втором, а вместе эти блоки образуют монолитную стену. Но обратите внимание на подвал этого здания.
Футер сайта обычно делают более темным, чтобы посетитель в процессе скроллинга понимал — приближается конец страницы. Если вы сделаете элемент в середине страницы темным, данный прием сработает против вас. Человек подумает, что достиг подвала, и остановится!
Эту ловушку веб-дизайна называют «фальшивым дном». Не попадитесь!
Чтобы обезопасить свой бизнес, используйте при разработке блоков контента незначительные вариации оттенков. Чем резче контраст, тем выше вероятность остановки.
Проверить активность пользователей на странице можно с помощью тепловой карты.
8. Избегайте каруселей и вращающихся слайдеров
Карусели и слайдеры изображений годами были популярны в веб-дизайне.
Но есть маленькая проблема: посетители при посадке могут видеть только первый слайд.
На Западе проведена масса исследований в области UX, доказавших их нецелесообразность.
Месседж, который вы пытаетесь донести на втором, третьем, четвертом слайде, скорее всего, игнорируются или даже не попадают на глаза потенциального клиента.
Это здорового для внутренней политики, не для пользователей.
Чем заменить слайдеры и карусели:
• Размещайте фотографии по одной, чтобы они всплывали при скроллинге
• Используйте избранные фотографии, оказывающие мощное влияние на людей
9. Откажитесь от вкладок и расширяющихся блоков
В 2018 году веб-дизайн продолжает отходить от вкладок и расширяющихся блоков контента.
Вы должны были слышать, что 76% посетителей сайтов относятся к «сканерам», то есть бегло просматривают контент и не вглядываются в расстановку запятых.
Правило номер три: скроллинг быстрее и проще, чем кликинг.
Вкладки и всевозможные расширяющиеся элементы с контентов оказываются крайне неудобными, малоприятными для вечно спешащей аудитории. Если у людей нет времени кликать по вкладкам, они не увидят ваш интересный контент и не конвертируются.
Советы по использованию изображений в веб-дизайнеДавайте поговорим о визуальных образах, через которые вы воздействуете на клиента.
10. Размещайте фотографии людей
Лица обладают уникальной психологической силой. С момента рождения человек постоянно наблюдает за лицами других. Их магнетическая сила полезна в веб-дизайне.
Фотографии реальных людей не только привлекают внимание, но и способствуют конверсии.
Исследование онлайн-маркетологов Basecamp показало невероятный скачок конверсий на 102%, когда на странице продаж объединили визуальную силу лиц и отзывов покупателей.
Убедитесь, что ваш веб-сайт не похож на заброшенный корабль, покинутый командой.
На протяжении многих лет мы обсуждаем вопросы маркетинга с разными фирмами.
И знаете, что удивляет? Крупные компании стараются походить на милое кафе у вашего дома, а маленькие компании стараются выглядеть большими и солидными. Странно, правда?
На самом деле бизнес в Сети просто должен выглядеть более личным и «человечным».
2. Не применяйте стоковые фотографии людей
Для бесплатных стоковых фотографий есть свое время, но мы бы советовали избегать одинаковых улыбающихся образов как огня. Они никогда не работают. Скорее, вызывают недоверие.
Компании соблазняются на стоковые фото, потому что это бесплатный продукт высокого качества.
Однако такие же лица улыбаются с миллионов других сайтов — и это разрушает доверие.
Правило номер пять: аутентичность дороже блеска.
Аналитики компании NN Group установили: пользователи уделяют повышенное внимание фотографиям и другим изображениями, содержащим релевантную информацию, однако игнорируют стоковые картинки, взятые из общедоступных источников. Наймите фотографа!
12. Используйте лица для привлечения внимания
Вы наверняка замечали: лицо на экране, которое обращено в сторону формы (призыва к действию, ссылки), действует подобно стрелке. Вы тут же присматриваетесь, что там интересного.
Это известный психологический феномен. Когда американский исследователь UX Джеймс Бриз показывал людям дизайн веб-страницы с одним и тем же лицом, обращенным в разные стороны, тепловые карты подтвердили: юзеры смотрят в направлении взгляда героя.
Вспомните известный эксперимент с ребенком.
Когда ребенок смотрит в камеру, посетители смотрят на ребенка. Когда ребенок смотрит вправо (в направлении заголовка контента), взгляды посетителей переключаются на этот самый контент. Туда и следует направить внимание!
13. Используйте стрелки для привлечения внимания
Лица могут направлять внимание, но это не единственный способ контролировать глаза ваших посетителей. Маленькие стрелки по-прежнему остаются эффективными.
В экспериментах по ай-трекингу CXL было обнаружено, что простая стрелка эффективно контролирует внимание посетителей сайта.
Если вы хотите, чтобы посетители смотрели на что-то, наведите на него яркую стрелку.
Я не уверен: этот совет смехотворно очевиден или глубоко проницателен?
14. Управляйте вниманием при помощи цветов
У каждого цвета есть эмоциональные коннотации (красный – срочный, синий – спокойный).
Цветовая схема сайта может управлять вниманием пользователей.
Исследование Eyequant, посвященное цвету кнопок, подтверждает силу контраста.
Но исследование показывает, что красочные кнопки не всегда эффективны.
Если вы хотите сделать кнопку максимально заметной:
• Контрастируйте цвет кнопки с фоном
• Контрастируйте цвет кнопки с текстом кнопки
• Контрастируйте цвет кнопки с соседними элементами
• Оставляйте вокруг кнопки негативное пространство
Эффект фон Ресторфф
В 1930-х годах немецкий ученый Хедвиг фон Ресторфф обнаружил, что при показе ряда из десяти предметов люди запоминают предметы, отличные от других. Это связано с тем, что затылочная доля мозга наиболее чувствительна к визуальным различиям, или «прерываниям рисунка».
Веб-маркетолог Парас Чопра провел эксперименты, показавшие: отличные цвета не просто запоминаются лучше, посетители сайта кликают их на целых 60% чаще!
Совет по веб-дизайну: Выберите «цвет действия» для всех ссылок и кнопок.
Сделайте этот цвет отличным от цветов бренда, используемых во всем дизайне (это «пассивные цвета»).
Не применяйте цвет действия нигде, кроме как в приоритетных кликабельных элементах.
Советы по навигации и ссылкам в веб-дизайнеНастало время окунутся в мир навигации по сайту с его меню, кнопками и ссылками.
15. Навигация должна быть очевидной
Навигация – это всегда отличная возможность общаться. Посетители обычно начинают свой визит, просматривая заголовок. Все, включая ваши меню, скорее всего, будет на виду.
Но не все элементы страницы одинаково привлекают внимание. На рисунке вы можете видеть расположение четырех оптических зон в порядке их заметности (приоритетности).
Правила навигации по сайту отработаны на сотнях тысяч, даже миллионах веб-сайтов.
Придерживайтесь проверенной временем практики, и юзеры не заблудятся.
16. Смотрите, куда перенаправляете посетителей
Если посетитель приземлился на целевую страницу, ваша цель — конвертировать его в лида. Отправляя его по ссылкам читать блог, вы оставляете посетителя наедине с контентом, который менее ориентирован на конверсии. Посты в блоге, естественно, имеют больше отвлекающих факторов и возможностей бегства. Результат — низкие конверсии.
17. Будьте осторожны, ссылаясь на другие веб-сайты
Когда это уместно и помогает посетителям достигать целей, можете ссылаться на релевантный контент с чужих ресурсов. Эта практика способствует взаимному продвижению в поисковой выдаче.
Нередко в топ-3 тематических страниц по SEO и веб-разработке можно встретить публикации, которые ссылаются на десятки статей и исследований!
Но на целевых страницах и homepage нужно проявлять осторожность со ссылками.
Спросите себя: если ваша страница оптимизирована для преобразования посетителей в клиентов, действительно ли вы хотите, чтобы посетители нажимали на чужую ссылку?
Помогает ли это достичь целей вашего бизнеса? Вряд ли.
18. Не размещайте кнопки социальных сетей в хедере
Яркие кнопки социальных сетей в хедере сайта тоже не помогут конверсиям.
Представьте, что посетитель только начал осваиваться с новым ресурсом — и вдруг замечает знакомую иконку Facebook. Он вспоминает, что не проверял сообщения, переходит по ссылке и… никогда больше не возвращается на ваш великолепный homepage.
Ссылки на посторонние ресурсы в хедере — это неправильный способ интеграции.
Если вы ссылаетесь на социальную сеть, делайте это через футер.
Советы по наполнению сайта контентомИтак, мы разобрались со структурой шаблона, визуальными эффектами и даже отдельными аспектами навигации в веб-дизайне 2018. Теперь пару слов о наполнении контентом.
19. Публикуйте информативные подзаголовки
Расплывчатые подзаголовки повсюду. Они большие и бесполезные, но за ними часто следуют маленькие, куда более полезные вещи.
Странно, правда? Почему не наоборот?
Удостоверьтесь, что заголовки и подзаголовки вашего контента четкие и информативные.
Если они называются «продукты» или «услуги», поймут ли их новые посетители?
И вообще, любой длинный контент должен разбиваться толковыми подзаголовками.
Это хорошо для сканеров. Это хорошо для людей с нарушениями зрения.
Это также хорошо для SEO. Никогда не упускайте шанс угодить поисковикам!
Совет по веб-дизайну: подзаголовки могут быть совершенно ненужными. Если страница очень компактная и отлично воспринимается без них, удалите лишнее. Все гениальное просто.
20. Избегайте длинных абзацев и строк
Массивные кирпичи абзацев напоминают скучный учебник, а не продающий текст.
Надлежащая практика UX предполагает разбивку больших абзацев на более короткие, не превышающие 3-4 сроки в высоту.
Кстати, длина тоже решает: специалисты рекомендуют выстраивать в одну строку не более 12 слов.
«Короткие абзацы люди читают, длинные абзацы просматривают, очень длинные — пропускают», — говорит Джейсон Фрайд, основатель и генеральный директор компании Basecamp.
21. Избегайте жаргона. Говорите ясно.
Правило номер шесть: чем проще читается текст, тем успешнее будет сайт.
Говорить нужно на языке предполагаемой целевой аудитории.
Если вы пишете контент для сайта частной клиники, четко разделяйте — будут его читать профессионалы здравоохранения или обычные пациенты. В целом, длинные предложения и малопонятные термины (жаргонизмы) затрудняют чтение. Это плохо.
«Будьте проще! Когнитивная беглость – показатель того, насколько легко мозг посетителя обрабатывает увиденное. Когда что-то трудно читать, мы подсознательно находим его более рискованным и / или трудоемким.
Чтобы повысить конверсии, используйте короткий текст, простые шрифты и легко читаемый дизайн», — советует Роджер Дули, автор Brainfluence.
Контент, который работает на «малограмотных» юзерах, работает на всех.
Мы не о том, чтобы делать текст «тупым»; мы об использовании доступного языка.
Исследование Nielsen Norman Group показало, что уровень читабельности текста существенно повышает успешность веб-страницы в целом. Для всех посетителей.
|
Процент успеха оригинального контента |
Процент успеха упрощенного контента |
|
|
Малограмотные пользователи |
46% |
82% |
|
Квалифицированные пользователи |
68% |
93% |
Специалисты взяли заумный контент и продемонстрировали его двум разным аудиториям, оценив показатель конверсии.
Затем переписали его простыми словами и повторили эксперимент.
Каково же было удивление бывалых специалистов UX, что даже юзеры со степенью доктора философии предпочитают читать контент, написанный на уровне восьмиклассника!
Теперь спросите себя: 100% посетителей понимают написанное?
22. Тщательно продумывайте порядок контента
При разработке веб-страницы помещайте наиболее важный материал в начале и конце.
Удержать внимание читателя труднее всего в середине любого списка. Когда посетители просматривают страницу, в кратковременной памяти останутся первый и последний пункты.
В психологии это называется эффектом порядкового номера (serial-position effect).
23. Отвечайте на главные вопросы посетителя
Люди приходят на сайт за ответами.
Ваша главная задача — предоставить это ответы.
Каждый оставшийся без внимания вопрос снижает шанс построить доверие.
Каждый вопрос без ответа склоняет посетителя нажать на Х.
Когда Джоэль Клеттке применил авторскую методику написания вопросов и написания ответов, он удвоил коэффициент конверсии на посадочных страницах Hubspot. Он брал интервью у клиентов, анализировал ответы, уделял приоритетное внимание их потребностям, и, в конце концов, использовал родной язык целевой аудитории в маркетинговом тексте. Умно!
Ключевые вопросы, которые стоит задать посетителям:
• Что заставило вас искать решение на сайте?
• Что еще вы пробовали и что вам не понравилось?
• Что удержало вас от совершения целевого действия?
• Что придало вам уверенности, чтобы попробовать?
• Что сделало X самым лучшим решением для вас?
• Что было для вас самым важным при оценке Х?
• Что дало вам взаимодействие с сайтом?
24.
Используйте социальные доказательства
Человек склонен делать то, что делают люди вокруг.
Предъявляя социальные доказательства — способ действий, выбранный другими — вы укрепляете решимость. Цель маневра состоит в том, чтобы внушить пользователю: способ действия, принятый вне нашей компании — это не норма (не так, как все).
Для этого следует насытить посадочные страницы мощными доказательствами. В идеале, каждая маркетинговая претензия компании должна подкрепляться отзывами и т. д.
«Сколько раз вы кликали на сайты раскрученных маркетинговых агентств, победителей конкурсов и обладателей наград, закатывали глаза и возвращались в поиск? Нельзя доверять маркетологам, сулящим «создать нечто полностью уникальное» — доверяйте специалистам, которые создают то, что ожидают клиенты», — говорит Джен Саламандик из Kick Point.
Самый простой способ укрепить доверие – добавить отзывы клиентов.
Есть и другие социальные доказательства:
• Подтверждения от влиятельных лиц, отраслевых экспертов
• Качественные обзоры товаров (распаковки), сделанные клиентами
• Логотипы медиа, которые упоминают вашу продукцию или услуги
• Виджеты социальных сетей с указанием числа подписчиков
• Награды, сертификаты, знаки членства в ассоциациях и др.
Сколько доказательств публиковать? Много отзывов и наград на сайте не бывает.
Вы знаете, что на странице одного из самых успешных товаров Amazon 43% всего контента занимают социальные доказательства всевозможных видов?
Совет по веб-дизайну: Не составляйте страницы отзывов. Они, как правило – скромные источники трафика. Вместо этого добавьте отзывы на каждую целевую страницу.
25. Оптимизируйте формы подписки по электронной почте
Большинство сайтов преследуют цель расширить круг подписчиков, чтобы более эффективно взаимодействовать с аудиторией и продвигать свои товары (услуги). Но сделать это непросто.
Во-первых, призыв к действию для подписки должен:
• Стоять выше остальных элементов в визуальной иерархии
• Обещать пользователю конкретные преимущества подписки
• Подкрепляться социальными доказательствами
Во-вторых, дизайн самой веб-формы должен соответствовать четким принципам, которые подробно излагались нашими специалистами в предыдущих статьях.
«Жизнь дизайнера — это борьба против уродства», — Массимо Виньелли.
Все любят красоту. Все любят крутые дизайнерские фишки.
А еще все любят критиковать.
Но посетителю нужна не только красота, ему нужна информация.
А владельцу сайта нужны реальные результаты.
Ниже приводятся два интересных исследования, которые пришли к одному выводу.
Опрос, проведенный Hubspot, обнаружил: типичный пользователь ценит понятный дизайн и доступность информации выше по сравнению с очаровательным веб-дизайном.
Что для вас является самым важным в веб-дизайне:
• Простота поиска нужной информации — 76%
• Красивый внешний вид сайта — 10%
• Передовой интерактивный опыт — 9%
• Остальные факторы — 5%
Второй опрос, организованный NN Group, показал: наиболее частой причиной отказа посетителей являются трудности с поиском необходимой информации.
Основные причины отказа посетителей сайта:
• Трудности с поиском — 72%
• Оформление веб-страницы — 9%
• Малоинформативный контент — 9%
• Отсутствие поддержки — 5%
• Другие причины — 5%
Мы любим красивый веб-дизайн, но этого недостаточно.
Акцентируйте внимание на разработке контента, а не только контейнера.
Веб-сайты должны быть красивыми. Они должны оказывать эмоциональное воздействие.
Но успех сайта — не только в красоте. Пользователь должен находить то, за чем пришел.
Это цель всех перечисленных советов веб-дизайна.
Это цель всех веб-сайтов.
10 советов по веб-дизайну, которые сделают ваш сайт профессиональным
Alla Rud 27.08.2019 3889 на прочтение 8 минут
Создание самостоятельного веб-сайта дает несколько преимуществ.
Вы полностью контролируете свой сайт, можете настроить его по своему вкусу и сэкономить бюджет. Однако создание сайтов, которые выглядят профессионально и могут конкурировать с сайтами, которые созданы разработчиками, может быть непростым без обучения. К счастью, если вы потратите время на изучение нескольких лучших практик веб-дизайна, ваш собственный сайт может выглядеть превосходно. Даже если у вас нет опыта создания сайтов, многие из этих советов очень просты в реализации, особенно на такой платформе, как WordPress. В этой статье мы познакомим вас с десятью элементами сайта, которые вы можете добавить, чтобы сделать свой онлайн-ресурс более профессиональным.
Десять советов, как сделать сайты профессиональными.
- Используйте ограниченную цветовую палитру, чтобы не перегружать посетителей.
Если вы полностью контролируете дизайн, становится заманчиво попытаться создать яркие страницы, используя привлекательные цвета. В таком случае просмотр вашего сайта может показаться для пользователя настоящим испытанием.
Профессиональные дизайнеры знают, как ограничить свою цветовую палитру для максимального воздействия.
Цвет может многое рассказать о вашем бренде. Слишком много цветов, которые делают ваш веб-сайт хаотичным, могут создать ощущение дезорганизации и нерешительности. Вместо этого выберите один основной цвет, акцент, а затем придерживайтесь нейтральных цветов. Такой инструмент, как Coolors, поможет вам быстро и легко создавать цветовые схемы.
- Оставьте много «пустого пространства», чтобы избежать загромождения страниц и постов.
Пустое пространство не обязательно должно быть белого цвета («альтернативное пространство» — это альтернативное описание, которое вы можете использовать), но эти открытые зоны помогают вашему сайту не выглядеть загроможденным и запутанным для посетителей. В целом, более чистая эстетика помогает пользователям легко находить то, что они ищут, как только они попадают на ваш сайт. Вы также можете использовать эту стратегию дизайна в своих интересах, направляя пользователей на кнопки «Подписаться» или «Купить сейчас», используя пробелы.
- Выберите разборчивый шрифт, чтобы обеспечить читабельность.
Необычные сценарии или графические надписи могут показаться профессиональным элементом для добавления. Однако не путайте профессионализм со сложностью или стоимостью. Если вы купили дорогой шрифт и добавили его на свой сайт, не означает, что он высококлассный. Вместо этого расставьте приоритеты.
Если ваши пользователи не могут прочитать ваш сайт, не имеет значения, сколько усилий вы потратите на приобретение яркой типографии. Держите основной целью вашего сайта — доставку информацию — в первую очередь. Для достижения наилучших результатов выберите два шрифта и соедините их вместе.
- Добавьте качественные личные фотографии, чтобы обеспечить подлинность.
Изображения являются отличным способом улучшить содержание вашего сайта. Однако заполнение вашего сайта фотографиями не является разумной практикой. Качество здесь гораздо важнее количества.
Личные фотографии кажутся более подлинными и могут помочь завоевать доверие ваших пользователей.
Но учтите, что низкокачественные изображения будут негативно влиять на восприятие вашего сайта пользователями, поэтому при съемке и размещении фотографий обратите внимание на функционал освещения и кадрирования.
- Включите четкие функции навигации и поиска, чтобы помочь посетителям найти то, что им нужно.
Независимо от того, имеет ли ваш сайт одну страницу или десятки, ваши пользователи должны легко находить то, что нужно. Посетители приходят на ваш сайт по какой-то причине, и если они не находят того за чем пришли, то просто покидают сайт в большинстве случаев. Вот почему необходима четкая навигация.
Добавление простой в использовании навигации позволит пользователям быстро получить необходимую информацию. Кроме того, функция поиска по сайту может помочь быстро находить сообщения или страницы в любом месте вашего сайта.
- Создайте хорошо написанную страницу «О нас», чтобы повысить доверие и лояльность.
Создание сайта и предоставление информации о продуктах или услугах вашего бренда всегда находится в центре вашего внимания, когда речь заходит о содержании онлайн-ресурса. Однако ваша страница «О нас» также играет ключевую роль на вашем сайте.
Разделяя историю, миссию и ценности вашего бренда, вы можете придать им гуманизм, чтобы создать чувство доверия и лояльности среди ваших пользователей. Это может помочь вам получить преимущество над конкурентами, поскольку люди с большей вероятностью будут придерживаться брендов, которые разделяют их ценности.
- Включите кнопки призыва к действию, чтобы повысить коэффициент конверсии.
Если вы хотите увеличить количество конверсий, вы должны максимально упростить конвертацию пользователей. Вот почему на многих профессиональных сайтах есть кнопки, на которых написано: «Подписаться», «Зарегистрироваться» или «Купить сейчас».
К счастью, если вы создаете веб-сайты с помощью WordPress, то можете легко добавлять кнопки в редактор блоков без необходимости в плагине или пользовательском коде.
Это позволяет легко добавлять действенные и конвертирующие элементы для вашего списка рассылки, подписки, продуктов и практически всего, что вы только можете придумать.
- Следите за тем, чтобы хэдер и футер сайта были последовательными для повышения уровня узнаваемости бренда.
Всякий раз, когда вашим пользователям нужен продукт или услуга, вы хотите, чтобы они сначала думали о вашем бренде. Вот почему узнаваемость бренда является ключевой. Постоянное использование одинаковых верхних и нижних колонтитулов на вашем сайте — это отличная возможность произвести впечатление на ваших пользователей. Это особенно полезно, если логотип вашего бренда включен в одну или обе области контента сайта. Этот важный элемент идентичности вашего проекта является ключом к созданию узнаваемого бренда.
- Повысьте приоритет адаптивности вашего ресурса к мобильным устройствам, чтобы охватить больше пользователей.
Если вы когда-либо открывали веб-сайт на своем телефоне и обнаруживали, что не можете его прочитать, потому что текст слишком большой или маленький, вы знаете, как это разочаровывает.
Из-за отсутствия мобильной версии ваши пользователи чувствуют то же самое и, скорее всего, откажутся от вашего сайта, если он не адаптируется к размеру их экрана.
Поскольку мобильный поиск теперь является важным источником конверсий и учитывает скорость реагирования в алгоритме Google, это не тот элемент, который вы не хотите упускать из виду. В недалеком прошлом сделать сайт WordPress адаптированным к мобильным устройствам было непросто, но сегодня практически все достойные темы готовы к работе.
- Предоставьте простые контактные формы, чтобы помочь пользователям связаться с вами.
Еще одна общая черта профессиональных веб-сайтов — легкий доступ к контактной информации бренда, такой как адрес, номер телефона и электронная почта. Однако вы можете сделать так, чтобы пользователи могли с вами связаться, заполнив контактную форму.
Эту форму можно отобразить на своей странице или в футере или же на боковой панели вашего сайта для быстрого доступа.
Есть несколько плагинов, которые можно использовать для создания форм в WordPress, например, Contact Form 7 или Gravity Forms. Некоторые компоновщики страниц, такие как Elementor, включают качественные инструменты, помогающие создавать формы прямо из коробки, а плагины, такие как Jetpack, включают базовые функции для отображения форм.
Вывод.
Практически с каждым днем появляется все больше платформ для создания веб-сайтов. Экономия денег и контроль над разработкой собственного сайта могут показаться привлекательными, но если ваш сайт выглядит непрофессиональным и ненадежным, ваш бренд может пострадать.
К счастью, есть несколько аспектов веб-дизайна, которые вы можете легко реализовать на своем сайте, чтобы повысить его профессиональность. Создание чистых визуальных элементов с ограниченной цветовой палитрой и достаточным пустым пространством, доверие к личным фотографиям и страница «О нас», а также добавление интерактивных функций, включая кнопки призыва к действиям и контактные формы, позволят создать высококачественный сайт.
Перевод с сайта themeisle.com.
10 высокоэффективных советов по веб-дизайну, подкрепленных исследованиями
В Интернете существует пруд пруди с советами по веб-дизайну. У многих людей есть свое мнение о том, как должен выглядеть идеальный веб-сайт. Это потому, что в определенной степени дизайн субъективен. То, что нравится одному человеку, другому может показаться отвратительным.
В то же время веб-дизайн является одним из важнейших факторов успеха веб-сайта. На самом деле, почти половина людей говорят, что дизайн сайта является для них главным фактором, по которому они оценивают надежность компании. Как следствие, это также влияет на конверсию, показатель отказов и многое другое.
Эх, если бы только можно было найти объективные данные о том, как создать успешный веб-дизайн. Подождите, есть! И куча всего этого собрана в этой статье. Оставайтесь на странице, чтобы узнать некоторые советы по веб-дизайну, подкрепленные наукой. Перестаньте полагаться на свою интуицию и начните делать то, что доказало свою эффективность.
Научно обоснованные советы по веб-дизайну, которые помогут сокрушить ваш следующий проект веб-сайта
Далее вы найдете несколько научно обоснованных советов и рекомендаций по улучшению веб-дизайна.
1. Сделайте скорость сайта абсолютным приоритетом
Вероятно, это один из наименее обсуждаемых фактов в сфере веб-дизайна, что скорость важна. Исследования показали, что это влияет на все: от показателя отказов и удовлетворенности пользователей до конверсий и доходов.
Если ваш сайт работает медленно, посетители не задерживаются на нем. Период. Кроме того, поскольку пользователи заботятся о вас, поисковые системы также учитывают скорость загрузки вашей страницы в своем рейтинге. По этой причине крайне важно, чтобы вы инвестировали в создание своего сайта как можно быстрее.
Как? Следующие статьи направят вас на верный путь:
- 10 причин, по которым эффективность веб-сайта имеет значение для вашего бизнеса
- 14 способов ускорить работу WordPress и сократить время загрузки страницы
- 13 советов по повышению производительности сайта для WordPress
- 10 простых способов ускорить работу вашего сайта WordPress [пример успеха]
2.
Используйте фолдВопрос о том, существует ли еще такая вещь, как фолд, является предметом горячих споров. Некоторые говорят, что из-за множества размеров экрана в наши дни сгиб больше не имеет значения. У других другое мнение.
Однако факт в том, что даже в 2018 году люди проводят 57 процентов своего времени в верхней части сгиба с резким снижением впоследствии. 74 процента их времени посвящено первым двум экранам.
Итак, кажется, что фолд все еще имеет значение. Для вашего веб-сайта это означает, что вам нужно расставить приоритеты в своем контенте и использовать доступное пространство, чтобы привлечь пользователей, чтобы они продолжали. Вот несколько советов, как это сделать:
- Используйте четкий и описательный заголовок — Объясните, что ваш сайт может сделать для посетителей, выделите преимущества. Будьте кратки и используйте сильные слова. Чтобы получить дополнительные советы, ознакомьтесь с нашими советами по копирайтингу.
- Включите ваш основной призыв к действию — Чтобы повысить ваши шансы на конверсию, фолд — это время, чтобы начать путь пользователя. Убедитесь, что ваш призыв к действию понятен и виден.
- Включить мультимедиа — Изображения, видео или аудио помогут подчеркнуть вашу точку зрения. Подробнее о визуальном контенте мы поговорим ниже.
В этой статье вы найдете другие замечательные примеры приведенных выше практик.
3. Воспользуйтесь преимуществами закона Хика
Закон Хика гласит, что чем больше выбор у человека, тем больше времени ему потребуется для принятия решения.
На самом деле существует увлекательное исследование этого феномена, в котором людям в супермаркете давали попробовать более или менее разные сорта варенья. В конце концов, у тех, у кого был более широкий выбор, было гораздо меньше шансов купить джем, чем у тех, у кого выбор был меньше.
Насколько это важно для вашего сайта? Потому что вы можете повысить конверсию, просто ограничив выбор, который вы предоставляете пользователям.
Вот несколько примеров того, как это может выглядеть:
- Уменьшить количество пунктов меню
- Ограничение полей формы
- Сосредоточьтесь на одном призыве к действию
- Отображать социальные кнопки только для сетей, в которых вы активны
- Придерживайтесь одной цели на странице
Существует множество других способов уменьшить нагрузку на сайт и подтолкнуть пользователей к выбору, который вы действительно хотите, чтобы они сделали. На самом деле есть электронная книга по этому поводу.
4. Будьте проще
Продолжая тему меньшего, это также относится к вашему дизайну в целом. Огромное исследование Google показало, что посетителям не нравится визуальная сложность. Суть: чем сложнее ваш дизайн, тем меньше он воспринимается посетителями как красивый.
Что это значит для вашего сайта? Помимо пункта выше, вот несколько идей:
- Переосмыслите боковую панель — Все больше и больше веб-сайтов отказываются от боковой панели в пользу дизайна с одной колонкой (например, тот, на котором вы сейчас находитесь). Это означает меньше отвлекающих факторов и четко фокусирует внимание на содержании.
- Придерживайтесь стандартных макетов — Людям нравится привычность, и их может сбить с толку нестандартный дизайн сайта. Поэтому может быть хорошей идеей придерживаться знакомых дизайнерских приемов и макетов. Вы все еще можете найти способы выделиться другими способами.
Это означает меньше отвлекающих факторов и четко фокусирует внимание на содержании.5. Избегайте каруселей, ползунков, вкладок и аккордеонов
Владельцы веб-сайтов любят карусели. Вероятно, это одна из наиболее востребованных клиентами функций. К сожалению, исследования говорят, что они довольно бесполезны.
Одни из самых сногсшибательных данных поступили из Университета Нотр-Дам. Веб-мастер заметил, что первый слайд в карусели получил почти 90 процентов кликов, а остальные по большей части игнорировались.
Девяносто процентов! Не похоже, что другие слайды вообще стоят того, чтобы быть там, не так ли? Похоже, что веб-дизайнеры, которые отговаривают своих клиентов от использования слайдера, были правы с самого начала.
Вкладки и аккордеоны имеют ту же проблему, что и ползунки и карусели — их часто игнорируют. Это усугубляется тем фактом, что немногие посетители действительно читают всю страницу. Большинство людей просто сканируют и поэтому вряд ли сделают дополнительные клики, чтобы увидеть ваш контент.
Однако что, если вам нужно каким-то образом включить информацию, размещенную в этих областях? Мы подходим именно к этому прямо сейчас.
6. Отдавайте предпочтение прокрутке, а не кликам
Итак, если вы не сжимаете информацию в ползунки и/или аккордеоны, как вы ее представляете? Ответ: просто поместите все на одну длинную страницу, включая то, что обычно прячется. Серьезно, это работает.
Crazy Egg провела интересное исследование, чтобы доказать это. Они перешли от простой короткой страницы продаж к странице, которая была в 20 раз длиннее оригинала.
Результат: конверсия выросла на 30 процентов! Это уж точно не над чем придраться.
Похоже, пользователям больше нравится прокручивать, чем щелкать.
Поэтому, если вы в настоящее время распространяете информацию о своем продукте по множеству разных страниц, пришло время пересмотреть свое решение.
7. Направление внимания с помощью визуальных подсказок
Одна из основных функций веб-дизайна — направлять пользователей. Вы можете сделать это, придавая разный вес разным элементам, тем самым направляя фокус туда, куда вы хотите.
Однако для этого можно использовать более прямые визуальные подсказки. Один из них заключается в использовании того факта, что люди склонны смотреть в том же направлении, что и люди, которых они видят в рекламе.
Обратите внимание, как на изображении выше больше людей читают текст, на который смотрит ребенок, чем когда ребенок смотрел в камеру? Это реальная вещь, и вы можете использовать ее, чтобы привлечь внимание к своему сайту там, где вы этого больше всего хотите.
Однако вам не нужно быть таким хитрым, чтобы управлять вниманием посетителей. Иногда полезно быть откровенным.
Например, в одном исследовании исследователи сравнивали упомянутые выше эффекты с простой стрелкой, указывающей на предмет.
Как ни странно, более прямой метод превзошел тонкий намек.
Пусть это будет тебе уроком.
8. Используйте людей на картинках (но избегайте стоковых фотографий)
Помимо использования их для привлечения внимания, включение других людей в изображения на вашем сайте, как правило, отличная идея. Людям нравится общаться с другими людьми, как в реальной жизни, так и в Интернете. Вот почему, например, у нас есть страницы about в блогах.
Вы можете увидеть это в действии в одном кейсе от Basecamp. Им удалось увеличить количество конверсий на 102,5 процента, заменив текстовую целевую страницу на страницу с большой фотографией человека на заднем плане.
Просто, но эффективно. Однако есть одно предостережение: весь эффект легко сводится на нет стоковыми фотографиями. Исследование Nielsen Norman Group показало, что мы очень хорошо умеем распознавать эти общие изображения и отключать их.
По этой причине, если вы собираетесь использовать изображения людей на своем сайте, убедитесь, что они подлинные и настоящие. Включите ваших сотрудников или клиентов. Просто скажи нет запасам.
9. Используйте правильный порядок списка
Использование списков, как упорядоченных, так и неупорядоченных, — отличный способ сделать информацию более доступной. Однако оказывается, что и здесь человеческое внимание непостоянно.
Это происходит из-за так называемого эффекта последовательного положения. По сути, это говорит о том, что в списке вы, скорее всего, запомните как элементы в начале, так и в конце. С другой стороны, средняя часть почти забыта.
Урок здесь: перечисляя атрибуты вашего продукта или услуги, не забудьте указать наиболее важные из них там, где они могут оказать влияние.
10. Используйте социальное доказательство
Последний из наших советов по веб-дизайну касается так называемого предубеждения соответствия.
Это склонность людей делать то, что делают другие. Это означает, что если группа людей что-то одобряет, другие, скорее всего, сделают то же самое.
Один из способов использовать это на своем веб-сайте — показать социальное доказательство. Если вы можете показать, что другие положительно относятся к вашему сайту, контенту, продукту или услуге, новые посетители с большей вероятностью сделают то же самое.
Проще всего показать это с помощью подсчета репостов в социальных сетях, упоминаний в СМИ и/или отзывов. Если вы хотите глубже погрузиться в эту тему, у нас есть целая статья для вас.
Какие ваши любимые советы по веб-дизайну?
Веб-дизайн — сложная тема, от которой во многом зависит успех вашего веб-сайта. По этой причине лучше знать, что вы делаете. Полагаться на исследования для получения рекомендаций — хороший способ убедиться в этом.
Описанные выше методы могут быть использованы для повышения эффективности ваших сайтов, лучшего обслуживания посетителей, а также улучшения конверсии и других показателей успеха вашего сайта. Подытожим их еще раз:
- Инвестируйте в быструю скорость загрузки страницы
- Используйте сгиб, чтобы привлечь посетителей в
- Уменьшите количество вариантов, чтобы повысить конверсию
- Упрощайте там, где это возможно
- Избегайте использования каруселей, ползунков, вкладок и аккордеонов
- Приоритет прокрутки над кликами
- Привлечение внимания с помощью визуальных сигналов
- Использовать изображения людей (но не со стока)
- Установить приоритет порядка элементов списка
- Используйте социальное доказательство, чтобы сделать ваш сайт более привлекательным
Надеюсь, вышеизложенное поможет вам улучшить собственный веб-дизайн. Если у вас есть дополнительные советы, исследования и информация, пожалуйста, поделитесь ими.
У вас есть дополнительные советы по веб-дизайну, основанные на исследованиях? Если это так, пожалуйста, поделитесь в комментариях ниже.
13 советов, которые помогут вам стать лучшим веб-дизайнером
Ищете способы улучшить себя как веб-дизайнера? Мы собрали 13 советов, которые помогут вам в творческом развитии.
Если вы только начинаете свой путь веб-дизайнера или создали бесчисленное количество веб-сайтов, вы всегда можете улучшить свое мастерство.
Вот 13 советов, которые помогут вам отточить свои навыки и повысить эффективность дизайнерской работы.
1. Избегайте суматошных цветовых схем
С таким количеством замечательных оттенков легко переборщить с цветом. Хотя яркие и смелые цветовые схемы являются краеугольным камнем эстетики многих дизайнеров, когда вы кладете слишком много цветов слишком близко друг к другу, создаваемый визуальный шум подавляет остальную часть веб-дизайна.
Придерживайтесь простой цветовой палитры и нейтральных цветов фона.
Приглушенный фон выделяет экземпляры цвета — например, цвета на кнопках призыва к действию, элементах меню или других элементах дизайна — и привлекают внимание, которого они заслуживают. Иногда все, что вам нужно, это простой белый, черный или нейтральный фон.
Созданный в Webflow, этот веб-сайт для парикмахера Emi Styles является прекрасным примером того, как простая цветовая гамма может создать ощущение спокойствия и порядка. Чтобы лучше понять, как лучше всего использовать цвет в собственном веб-дизайне, прочитайте теорию цвета, которая поможет вам принимать более правильные решения в отношении собственных цветовых схем.
2. Внимательно относитесь к изображениям, которые вы включаете
Фотографии, интегрированные в макет веб-дизайна, оказывают огромное влияние на общий внешний вид веб-сайта. Плохо снятые изображения с нечетким фокусом и сомнительной композицией могут испортить даже самый блестящий дизайн. Обычные стоковые фотографии могут лишить дизайн жизни, сделав его пресным и скучным.
Использование высококачественных фотографий — это простой способ улучшить дизайн.
Есть много отличных вариантов, если вы хотите использовать стоковые фотографии. Но не просто добавляйте их в свои проекты такими, какие они есть. Убедитесь, что вы обрезаете и редактируете их. Используйте фильтры, настраивайте насыщенность, изменяйте теплоту, повышайте контрастность и используйте другие методы редактирования фотографий, чтобы изображения лучше вписывались в гармонию веб-дизайна.
Кроме того, убедитесь, что выбранные вами изображения соответствуют контексту контента, с которым они появляются. Если фотография вообще не относится к разделу, в который она помещена, вам может потребоваться найти ту, которая лучше соответствует содержанию.
Наконец, обратите внимание на типы файлов, которые вы используете. Знайте разницу между JPG и PNG. Внедрение правильных типов файлов может существенно повлиять на скорость загрузки ваших страниц.
3.
Узнайте о поисковой оптимизации Мы знаем, что вы посвятили себя искусству веб-дизайна не для того, чтобы беспокоиться о поисковой оптимизации. Но то, как вы создаете веб-дизайн, может оказать большое влияние на SEO.
Как веб-дизайнер, вы должны знать несколько вещей о поисковой оптимизации:
- Как правильно использовать теги заголовков, такие как
,
и
- Как часть ссылки, которая идентифицирует конкретную страницу — она же слаг — может влиять на ранжирование в органическом поиске
- Как оптимизируйте изображения, чтобы ускорить загрузку и снизить показатель отказов — это процент посетителей, которые просматривают только одну страницу на вашем сайте, а затем уходят, не предпринимая никаких действий
Конечно, мы не можем выделить сложности SEO в три пункта. Если вам нужна полезная информация о поисковой оптимизации, ознакомьтесь с записью в нашем блоге «9Лучшие практики SEO для вашего веб-сайта Webflow».
4. Используйте адаптивный дизайн
Существует множество устройств с разными размерами экрана. Независимо от того, как кто-то получает доступ к вашему веб-дизайну, он должен предлагать одинаковый опыт, независимо от того, на чем его просматривают. Вместо того, чтобы прилагать огромные усилия к чрезмерно сложным анимациям и эффектам наведения, которые могут работать не на каждом устройстве, лучше потратить это время на улучшение пользовательского интерфейса и UX для всех.
Следование принципам адаптивного дизайна означает, что ваш веб-сайт будет удобным для пользователя и оптимизированным для настольных компьютеров и мобильных устройств.
Чтобы узнать больше, ознакомьтесь с материалами нашего курса «Введение в адаптивный дизайн», которые помогут вам понять, как сделать свои проекты более доступными.
5. Следите за типографикой
Когда мы садимся читать книгу, мы ожидаем, что каждая страница будет упорядочена. Текст будет того же размера, с точным интервалом и в том же повторяющемся формате. Это чувство соответствия удерживает нас в напряжении, предлагая непрерывный опыт чтения страниц книги.
Точно так же типографика в веб-дизайне также должна иметь чувство порядка и последовательности. Заголовки, основной текст, ссылки и другой текст должны иметь один и тот же стиль от одной страницы веб-сайта к другой. Кроме того, отступы, межстрочный интервал, размер, цвет и вес должны быть одинаковыми для данного типа контента.
Мы любим создавать универсальную страницу руководства по стилю для каждого создаваемого вами веб-сайта. Таким образом, вы можете убедиться, что типографика соответствует веб-дизайну.
Для справки: менеджер стилей Webflow — это удобный инструмент для управления стилями текста, такими как заголовки и основной текст, — он позволяет легко отслеживать все стили текста, которые у вас есть.
6. Не забывайте о разнообразии и инклюзивности
На главную страницу заходят люди разного происхождения, национальности, пола, способностей и возраста. Быть хорошим веб-дизайнером означает создавать приятный пользовательский интерфейс для всех. Выбирая фотографии и иллюстрации персонажей, убедитесь, что они представляют людей из разных слоев общества.
В прошлом мы восхваляли бесплатный генератор иллюстраций персонажей Пабло Стэнли Humaaans. Это простой способ наполнить свой дизайн широким кругом людей.
7. Определите, кто вы как дизайнер
Дизайнеры нередко обладают многогранными наборами навыков, включающими пользовательский интерфейс, UX и другие аспекты создания веб-сайтов. Веб-дизайнер редко уделяет особое внимание работе над проектами.
Однако из-за того, что в дизайне так много разных аспектов, невозможно быть экспертом во всем. Для дизайнеров важно заниматься теми аспектами дизайна, которые лично им интересны и интересны. Хорошие дизайнеры знают, что наличие специализации и становление экспертом в этой области помогает выделить их работу и делает ее более привлекательной для потенциальных клиентов.
Хотя многие дизайнеры в начале своей карьеры перескакивают с одного типа проекта на другой, с прогрессом, ростом и самоанализом найти нишу становится легче.
Для начала выясните, с каким типом бизнеса или клиентов вам больше всего нравится работать. Если вы увлекаетесь технологиями, возможно, вам стоит поискать SaaS-компании, стартапы и другие компании в цифровой сфере. Если вы гурман, вам может показаться, что разработка веб-сайтов ресторанов идеально подходит для вашего кулинарного вкуса.
Определение себя как дизайнера также распространяется на вашу собственную художественную эстетику. Любите ли вы тщательно продуманный минималистский дизайн или хотите раздвинуть границы с помощью абстрактного и концептуального дизайна, убедитесь, что у вас есть уникальный дизайнерский голос.
Знание того, кто вы дизайнер, облегчает поиск проектов, над которыми вы хотите работать, и людей, с которыми вы хотите работать. Это также позволяет вам иметь профиль и портфолио в LinkedIn, позволяя потенциальным клиентам сразу узнавать ваши таланты.
8. Наставник дизайнера
Стать наставником — это не только способ отблагодарить начинающего дизайнера и помочь ему, но и облегчить критику собственных проектов.
Быть наставником — это больше, чем просто давать советы по дизайну веб-сайта. Это означает возможность проанализировать проблему, которая может возникнуть у кого-то, и объяснить, почему она не работает, а также шаги, которые они могут предпринять для ее улучшения. Обращая внимание на чужую работу и тренируя аналитическую часть своего мозга, вам будет легче оценивать собственные разработки.
9. Написание тематических исследований
Тематические исследования должны быть частью веб-сайта-портфолио любого веб-дизайнера, но многие пропускают их создание. Хотя они требуют немного времени и усилий, тематические исследования могут помочь вам несколькими способами.
Тематические исследования дополняют портфолио. Посетители веб-сайта получают всестороннее представление о вашем процессе, видят, как вы подходите к решению проблем, и лучше понимают, кто вы как дизайнер.
Тщательный анализ своей работы веб-дизайнера также поможет вам лучше понять, что вы делаете правильно, и определить области, в которых вам, возможно, потребуется улучшить работу. Тематические исследования существуют как подробный архив вашей работы и представляют собой отличный отчет о вашем прогрессе.
10. Понимание принципов веб-дизайна
Предоставлено Wikimedia Commons Интуиция, которая помогает опытным дизайнерам принимать решения, исходит из знания принципов дизайна.
Уделите время изучению основ UI, UX, типографики, композиции и теории цвета. Понимать визуальную иерархию, основы гештальт-теории и золотое сечение. Погрузитесь в более интеллектуальные аспекты дизайна, чтобы применить эти уроки на практике в своей работе.
Если вы хотите начать свое обучение с отличного места, ознакомьтесь с этим постом, в котором мы рассказали о 10 эффективных принципах веб-дизайна, которые должен знать каждый дизайнер.
Читать по теме: Как создать современный веб-сайт (в 9 шагов)
11.
Требуйте лучшего отзыва и критики вашей работы Приятно слышать, что вы делаете Правильно. Но чтобы развиваться как веб-дизайнер, вам нужна конструктивная критика.
Правильная обратная связь начинается с вас.
Сообщите людям, какой тип отзыва вам нужен. Предоставьте им немного справочной информации о проекте, а также о его целях. Подготовьте их со всеми подробностями, которые им понадобятся для анализа вашей работы.
Некоторые вопросы, которые вы можете задать людям, критикующим ваш веб-дизайн, включают:
- Можно ли лучше организовать контент, чтобы улучшить его читабельность?
- Имеет ли смысл функциональность пользовательского интерфейса?
- Работает ли визуальная иерархия?
- Что можно сделать для повышения удобства использования?
- Отсутствуют важные элементы страницы?
- Соответствует ли этот веб-сайт рекомендациям по адаптивному веб-дизайну?
- Будет ли этот сайт удерживать внимание посетителей?
И, конечно же, не спрашивайте отзывы только у дизайнеров. Маркетологи, авторы контента и даже ваши друзья и родственники — отличные люди, к которым можно обратиться за отзывом.
12. Будьте вдохновлены
Легко застрять в вакууме своей работы и загнать себя в дизайнерскую колею. Чтобы избежать творческого застоя, думайте о веб-дизайне, который вас волнует.
Узнайте, что происходит на Awwwards, Behance, Dribbble и в Webflow Showcase. Следите за своими любимыми веб-дизайнерами в социальных сетях и оцените все великолепные веб-дизайны, какие сможете.
Сумки AOline , веб-сайт с модными концепциями сумок, — это лишь один из многих выдающихся дизайнов, которые вы найдете в Витрина Webflow .13. Работа над экспериментальными проектами веб-дизайна
Почему бы не создать что-то необычное? Заставьте себя сделать что-то странное или неортодоксальное. Возьмите существующий веб-сайт и придумайте свой собственный редизайн, раздвигающий границы. Каждый хороший дизайнер знает, что выход за пределы своей зоны комфорта заставит вас по-другому подходить к своей дизайнерской работе.