Невидимые (но решающие) рассуждения, которые следует учитывать при создании сайта

1656593896 nevidimye no reshayushhie rassuzhdeniya kotorye sleduet uchityvat pri sozdanii sajta

Майкл Лоскальцо

Успех веб-сайта зависит не только от его красоты.

fo58pJ8HEmYspDJvUX2kR0DSNXdDChfOnDSN

Уродливый веб-сайт наверняка терпит неудачу, не правда ли?

Неверно.

i24EumC-yLkXKb8HQvQavHa8EC76Wvil182N
Craigslist

Несмотря на свой домашний вид, Craigslist работает в 70 странах и получает 50 миллиардов просмотров страниц в месяц.*

Как это может быть? Используются шрифты Arial и Times New Roman. Мягкая цветовая гамма. Где красивые картинки?

Является ли Craigslist аномалией?

Нет.

Пример номер два…

JJjp2Zk3LdhPavE2hcvyVQ2yFLSY2VVQOov8
Reddit

Немногие попытаются убедить вас, что Reddit является одним из самых визуально привлекательных сайтов, доступных через всемирную сеть. Тем не менее, Reddit является 4-м по посещаемости веб-сайтом в Соединенных Штатах и ​​6-м в мире.**

Композиция переполнена! Ох, эти вкладки и кнопки выглядят так устаревшими!

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

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

0-5S5ZDKbPgYk7KuWad1Fj2z-rCJpj9Lr-CB
Человек-невидимка (1933)

Учусь на своих ошибках

В июле 2007 года я внезапно потерял работу графического дизайнера, когда корпорация, в которой я работал, объявила о банкротстве. Я являлся частью внутренней маркетинговой команды, и в мои обязанности входило оформление флаеров, листовок, брошюр и других печатных маркетинговых материалов.

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

В последнее десятилетие я понял, что очень ошибался.

В последние годы вы наверняка слышали провозглашение о том, что «печать умерла». Однако есть много людей, которые все еще подходят к цифровому контенту с тем же мышлением, которое они применили к печатным материалам, как и я 10 лет назад.

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

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

qXoNTrPNK2bv66Ct6opndUlwveTlzD5p-ekh
Человек-невидимка (1933)

Давайте развернем пять «невидимых» элементов великолепного сайта. Необходимо принять важные решения:

  1. Решения по UX
  2. Решение UI
  3. Компромиссы производительности
  4. Рассмотрение SEO
  5. Проектные решения, управляемые данными

Решения по UX

«Дизайн пользовательского опыта (UX, UXD, UED или XD) – это процесс повышения удовлетворенности пользователей продуктом за счет улучшения удобства, доступности и удовлетворения от взаимодействия с продуктом».***

UX – развивающаяся сфера и ее трудно объяснить. Безусловно, есть «визуальные» аспекты UX. Для краткости давайте просто подумаем об UX как «функционально в разных браузерах и устройствах».

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

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

UI Решение

«Дизайн пользовательского интерфейса (UI) или инженерия пользовательского интерфейса – это дизайн пользовательских интерфейсов… с акцентом на максимизацию удобства использования и опыта».***

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

3XI27gzsVM1AtwITkAkmrIfys6DBHXRvZfTd
Иллюстрация Дженнифер Олдрич.

Имейте в виду, что не каждый пользователь так знаком с современными интерактивными возможностями. К примеру, некоторые пользователи могут не распознать «меню гамбургеров» как точку доступа для всей навигации по веб-сайту.

Компромиссы производительности

По данным Google, 53% пользователей мобильных устройств покинут веб-сайт, загрузка которого занимает более 3 секунд. Вы можете бесплатно проверить скорость вашего сайта с помощью GTmetrix.

pW10gthTqyWQqdf3kAn0cxMuVptZZsRQkBPH
craigslist.org получает высокие оценки за скорость!

Многие компании используют систему управления содержимым (CMS) для работы на своих веб-сайтах. CMS – отличный инструмент, но он не поможет вам писать чистый код для уникального содержимого. Например, приведенную ниже анимацию волн можно достичь с помощью анимированного GIF, но использование CSS значительно уменьшает вес.

xhAKhjaoSjUMMgfU5bv2VQ8LUQklQqFaiHrI
В этой «волновой» анимации используются повторяющиеся по оси x небольшие изображения. Эти меньшие изображения и подход к кодированию являются частью попытки снизить вес содержимого.

Скорость сайта напрямую связана с вашим SEO и UX!

Рассмотрение SEO

«Поисковая оптимизация (SEO) – это процесс влияния на онлайн-видимость веб-сайта или веб-страницы в неоплаченных результатах веб-поисковой системы…» — Википедия

Google стремится привлечь своих пользователей к содержимому, которое является безопасным, релевантным, удобным для мобильных устройств и быстро загружается. Другие поисковики работают подобным образом. Могут ли люди найти ваше замечательное содержимое? Если вы не рассматриваете SEO, вашего рейтинга может не быть. Как правило, более высокий рейтинг может означать больше трафика для вашего содержимого.

SEO – это обширная тема со многими аспектами. Патрик Кертис описывает увеличение органического трафика на 32% благодаря достаточно простым методам SEO на странице.

Проектные решения, управляемые данными

Как вы можете доказать, что ваш дизайн или кампания дали рентабельность инвестиций? Теперь у нас есть доступ к ряду инструментов, которые помогут нам оценить ключевые показатели эффективности (KPI) нашего веб-контента. Эти показатели предлагают объективные доказательства, и нам больше не нужно полагаться только на личное мнение.

Есть масса инструментов! Но вот несколько примеров…

  • Google Analytics: Измерение данных веб-сайта, приложений, цифровых и автономных данных для получения информации о клиентах.
  • Аналитика социальных сетей: Twitter, Facebook и YouTube предлагают полезные инструменты аналитики.
uqTjZ2B7444HJQmneLmMsI2pbvLES6E2RJm1
Что вызвало такой всплеск подписчиков? Моя аналитика Twitter может помочь мне понять, какое содержимое и/или действия были эффективны 22 мая 2018 года.

Независимо от вашего таланта и опыта, почти невозможно создать идеальный веб-сайт, не требующий изменений. Какие типы устройств используют посетители для просмотра содержимого? Откуда они географически? Как их передали на сайт? Какой контент самый популярный? Мы можем оценить показатели, сформировать гипотезу, просмотреть и проверить. Этот процесс можно повторить для улучшения веб-сайта.

  • Узнайте больше о принятии решений по дизайну на основе данных с freeCodeCamp (сообщение, написанное мной ?)
  • Узнайте больше о KPI от Дэвида Чжэна
Yc1LoeMaYgxYoaVwxpqtCPNcU19I2mWc65hf
Человек-невидимка (1933)

? Спасибо, что читаете! Если вам понравилась эта история, вы можете Подробнее ор Следите за мной в Twitter.

* Источник: expandedramblings.com

** Источник: 13 мая 2018 года

Добавить комментарий

Ваш адрес email не будет опубликован.