Содержание статьи
Майкл Лоскальцо
Успех веб-сайта зависит не только от его красоты.
Уродливый веб-сайт наверняка терпит неудачу, не правда ли?
Неверно.
Несмотря на свой домашний вид, Craigslist работает в 70 странах и получает 50 миллиардов просмотров страниц в месяц.*
Как это может быть? Используются шрифты Arial и Times New Roman. Мягкая цветовая гамма. Где красивые картинки?
Является ли Craigslist аномалией?
Нет.
Пример номер два…
Немногие попытаются убедить вас, что Reddit является одним из самых визуально привлекательных сайтов, доступных через всемирную сеть. Тем не менее, Reddit является 4-м по посещаемости веб-сайтом в Соединенных Штатах и 6-м в мире.**
Композиция переполнена! Ох, эти вкладки и кнопки выглядят так устаревшими!
Эти эстетически сложные веб-сайты абсолютно подавляют его, потому что они великолепны за кулисами и придают уникальную ценность своим посетителям.
Я пишу этот пост не для того, чтобы привлечь вас отказаться от своего личного чувства эстетики. Но то, что я говорю, это то иногда невидимые аспекты веб-сайта даже важнее видимых.
Учусь на своих ошибках
В июле 2007 года я внезапно потерял работу графического дизайнера, когда корпорация, в которой я работал, объявила о банкротстве. Я являлся частью внутренней маркетинговой команды, и в мои обязанности входило оформление флаеров, листовок, брошюр и других печатных маркетинговых материалов.
Я стал искать новую работу и нашел ряд вакансий в веб-разработке. Технически я не имел большого опыта. Но я был уверен, что дизайн для Интернета – это то же самое, что дизайн для печати.
В последнее десятилетие я понял, что очень ошибался.
В последние годы вы наверняка слышали провозглашение о том, что «печать умерла». Однако есть много людей, которые все еще подходят к цифровому контенту с тем же мышлением, которое они применили к печатным материалам, как и я 10 лет назад.
В печати мы были очарованы визуальной красотой. Мы гордились хорошим кернингом и были крепко отданы нашим любимым шрифтам. Мы дополняли наши дизайны точечным лаком и тщательно подобранной бумагой. Когда продукт выглядел отлично, мы могли наслаждаться хорошо проделанной работой.
С цифровым контентом мы должны осознавать, что наш продукт интерактивен. Нам нужно стремиться к сочетанию формы и функции. Не забывайте о невидимом!
Давайте развернем пять «невидимых» элементов великолепного сайта. Необходимо принять важные решения:
- Решения по UX
- Решение UI
- Компромиссы производительности
- Рассмотрение SEO
- Проектные решения, управляемые данными
Решения по UX
«Дизайн пользовательского опыта (UX, UXD, UED или XD) – это процесс повышения удовлетворенности пользователей продуктом за счет улучшения удобства, доступности и удовлетворения от взаимодействия с продуктом».***
UX – развивающаяся сфера и ее трудно объяснить. Безусловно, есть «визуальные» аспекты UX. Для краткости давайте просто подумаем об UX как «функционально в разных браузерах и устройствах».
Если ваше содержимое выглядит красиво, но не подходит для мобильных устройств, это плохой UX, поскольку содержимое широко доступно. Если ваш контент является передовым, но работает только в одном браузере, это плохой UX, поскольку содержимое не широко применимо.
Слишком часто большинство усилий тратится на визуальные элементы по цене адекватного тестирования, а ценой является контент, не функционирующий так, как предназначен для некоторых (или всех) пользователей.
UI Решение
«Дизайн пользовательского интерфейса (UI) или инженерия пользовательского интерфейса – это дизайн пользовательских интерфейсов… с акцентом на максимизацию удобства использования и опыта».***
Как и UX, пользовательский интерфейс имеет очевидный визуальный аспект. Но когда вы разрабатываете контент, можно легко потерять из виду, как конечный пользователь будет взаимодействовать с ним. Последовательный и интуитивно понятный пользовательский интерфейс является решающим для успешного интерактивного опыта.
Имейте в виду, что не каждый пользователь так знаком с современными интерактивными возможностями. К примеру, некоторые пользователи могут не распознать «меню гамбургеров» как точку доступа для всей навигации по веб-сайту.
Компромиссы производительности
По данным Google, 53% пользователей мобильных устройств покинут веб-сайт, загрузка которого занимает более 3 секунд. Вы можете бесплатно проверить скорость вашего сайта с помощью GTmetrix.
Многие компании используют систему управления содержимым (CMS) для работы на своих веб-сайтах. CMS – отличный инструмент, но он не поможет вам писать чистый код для уникального содержимого. Например, приведенную ниже анимацию волн можно достичь с помощью анимированного GIF, но использование CSS значительно уменьшает вес.
Скорость сайта напрямую связана с вашим SEO и UX!
Рассмотрение SEO
«Поисковая оптимизация (SEO) – это процесс влияния на онлайн-видимость веб-сайта или веб-страницы в неоплаченных результатах веб-поисковой системы…» — Википедия
Google стремится привлечь своих пользователей к содержимому, которое является безопасным, релевантным, удобным для мобильных устройств и быстро загружается. Другие поисковики работают подобным образом. Могут ли люди найти ваше замечательное содержимое? Если вы не рассматриваете SEO, вашего рейтинга может не быть. Как правило, более высокий рейтинг может означать больше трафика для вашего содержимого.
SEO – это обширная тема со многими аспектами. Патрик Кертис описывает увеличение органического трафика на 32% благодаря достаточно простым методам SEO на странице.
Проектные решения, управляемые данными
Как вы можете доказать, что ваш дизайн или кампания дали рентабельность инвестиций? Теперь у нас есть доступ к ряду инструментов, которые помогут нам оценить ключевые показатели эффективности (KPI) нашего веб-контента. Эти показатели предлагают объективные доказательства, и нам больше не нужно полагаться только на личное мнение.
Есть масса инструментов! Но вот несколько примеров…
- Google Analytics: Измерение данных веб-сайта, приложений, цифровых и автономных данных для получения информации о клиентах.
- Аналитика социальных сетей: Twitter, Facebook и YouTube предлагают полезные инструменты аналитики.
Независимо от вашего таланта и опыта, почти невозможно создать идеальный веб-сайт, не требующий изменений. Какие типы устройств используют посетители для просмотра содержимого? Откуда они географически? Как их передали на сайт? Какой контент самый популярный? Мы можем оценить показатели, сформировать гипотезу, просмотреть и проверить. Этот процесс можно повторить для улучшения веб-сайта.
- Узнайте больше о принятии решений по дизайну на основе данных с freeCodeCamp (сообщение, написанное мной ?)
- Узнайте больше о KPI от Дэвида Чжэна
? Спасибо, что читаете! Если вам понравилась эта история, вы можете Подробнее ор Следите за мной в Twitter.
* Источник: expandedramblings.com
** Источник: 13 мая 2018 года