3 заметки с тегом

Веб-дизайн

Кастомный скролл на сайтах

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

Во-первых, такой скрипт дополнительно нагружает клиентское устройство, рендеринг сайта замедляется и он притормаживает даже на не очень старых устройствах.

Во-вторых, и это главное, кастомный скролл меняет поведение браузера неожиданно для пользователя. Сайты в соседних вкладках крутятся нормально и привычно, а этот — выпендривается, скроллится медленее и по-другому. Управление становится менее предсказуемым. «Похоже, с сайтом что-то не так. Вирус, что ли?».

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

 Нет комментариев    459   2016   Веб-дизайн

Минималистский интернет

Вольный перевод заметки Лео Бабауты minimal web.

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

Уберите с сайта всё отвлекающее, весь хлам и уловки, продвижение и рекламу, «поделись-кнопки»... всё, что останется — чистое чтение (reading experience).

Минималистский веб-сайт. Идеальный для читателей, идеальный для писателя. Возможно, не такой идеальный для рекламодателя и маркетолога, но мы создаем сайты не для них. Мы создаем сайты для нас.

Что необходимо для чистого, идеального читательского опыта?

  1. Заголовок и текст статьи
  2. Читаемый шрифт хорошего размера
  3. Ширина колонки, оптимальная для чтения
  4. Возможно, название сайта для понимания контекста и минимальная навигация на случай, если читатель захочет увидеть другие статьи

Ничего больше.

Вот, чего на минималистском сайте не должно быть:

  • Рекламы
  • Cookies
  • Аналитики
  • Всплывающих окон
  • Кнопок «поделиться»
  • Комментариев
  • Разбивки статей на несколько страниц
  • Виджетов социальных сетей
  • Виджета со свежими комментариями или твитами
  • Меток или «похожих записей»
  • Виджетов сторонних сайтов, которые позволяют вам зарабатывать
  • Чего-то кричащего, что призывает читателя подписаться на рассылку

Кроме того, на минималистком сайте:

  • минимумом картинок (ни одной или только самые необходимые)
  • логотип в виде текста, оформленного CSS, не картинка
  • маленький «вес» страниц
  • короткие URLы (без .php, .asp, .aspx, .html, дат, рубрик или других сущностей в адресе) — посмотрите на URL этой статьи для примера

Есть ли примеры таких сайтов? Конечно, и много. Мои сайты: mnmlist.comZen Habits, и leobabauta.com являются такими примерами. Есть ещё много таких, которые очень близки. Приходят на ум такие сервисы, как svtlemedium и feathe.rs. Obtvse. Я восхищаюсь Полом Грэмом, а статьи Сэма Стивенсона, выглядят отлично, хоть он и опубликовал их всего несколько.

Почему минимализм?


Блогеры и создатели сайтов настолько увлечены разными вещами, что они упускают из виду самое важное — создание классного опыта для читателей. Человек, который приходит на ваш сайт, это не клиент, не потенциальный подписчик рассылки, не потребитель рекламы, не покупатель партнерских продуктов, не фолловер в Фэйсбуке или Твитере. Это человек, которому просто нужна информация или развлечение от того, что вы написали. Личность (я ласково называю её «мой дорогой читатель», но на самом деле это личность) просто хочет прочесть то, что вы предлагаете прочесть, и, возможно, прочесть что-то ещё или даже подписаться. Всё остальное, что вы можете разместить на сайте — не для читателя.



Когда вы создаете удивительный и классный читательский опыт, читатели оценят это. Они полюбят ваш великолепный контент (я надеюсь), и потом решат, что делать дальше: добавить в закладки, отправить по почте, твитнуть, подписаться... да что угодно. Но без прочтения ничего этого просто не сможет произойти.



Всё остальное просто отвлекает. Умаляет опыт. Конечно, может это помогает вам достичь своих целей, как писателя / создателя сайта, но это не помогает читателю достигать его целей. Если вы отвлекаете читателя для достижения ваших целей, какое сообщение вы посылаете? Что ваши цели важнее, чем цели человека, который пришел на ваш сайт и любезно согласился подарить вам своем внимание.

А что насчет …


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



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



Шэринг: Нужно установить кнопки «поделиться», чтобы преуспеть в социальных сетях и иметь миллион подписчиков, верно? Нет! И, в любом случае, это не очень важно. Я преуспел, по большей части, без кнопок социальных сетей (они были у меня, но я их убрал) потому что я сфокусировался на том, что читатель хочет больше — статьях. Если они захотят поделиться, они знают, как это сделать. А вот тем, кому нужна просто статья, а не шэринг, миллион социальных кнопок просто портит впечатление от чтения.



Аналитка: Как узнать, что сайт растет, без аналитики? Вам это не нужно, честно. Я отслеживал статистику своего блога. И знаю, что когда вы следите за ней, она становится вашим миром. Вы настолько заботитесь о росте посещаемости, что делаете вещи, направленные именно на рост цифр. Но это безумие! Цифры не значат так много. Что действительно имеет значение, так это помощь вашим читателям. Нужно радовать их, изменять их жизни. Вы не сделаете этого, заботясь о числах. Вы сделаете это, заботясь о читателях. И когда вы сделаете это, рост станет просто побочным продуктом того, что вы сделали отличный сайт.



Делание денег: Я твердо верю стиль жизни «делай то, что любишь». Неужели правда можно чувствовать себя хорошо, заставляя ваших читателей смотреть на дрянные объявления и рекламные ссылки, просто чтобы вы могли заработать несколько баксов? Я использовал это, и это было сложно для меня, ведь я вообще не люблю рекламу. Реклама — это ежедневное раздражение, к которому мы привыкли, с которым мы смирились, чтобы получить то, что нам нужно (смотреть новости, развлекаться, ездить на автобусе, читать хорошие статьи), но зачем ещё добавлять это раздражение для ваших читателей? Вы можете зарабатывать, как писатель / создатель сайта и без рекламы, без того, чтобы быть скользким маркетологом. Просто растите аудиторию, будучи полезным, будучи тем, кому доверяют. А потом помогите им книгами, курсами, программами, услугами, или чем-то ещё, что вы можете создать, чтобы помочь им ещё больше и сильнее. Зарабатывать, помогая людям? Звучит неплохо.


Это копия заметки из старого блога, опубликована в августе 2013.

7 способов увеличить юзабилити сайта

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

Тезисно перескажу содержимое:

  1. Делайте контент максимально удобным для пользователя
  2. Излагайте кратко
  3. Используйте заголовки и подзаголовки
  4. Структурируйте свой контент
  5. Делайте тексты удобными для «сканирования взглядом»
  6. Используйте маркированные списки
  7. Используйте форматирование
  8. Уделите пристальное внимание пробелам
  9. Ссылки: подчеркивайте, прописывайте тайтл, сделайте их заметными
  10. Картинки должны дополнять и иллюстрировать текст

 
Это копия заметки из старого блога, опубликована в мае 2012.

 Нет комментариев    37   2016   Веб-дизайн   юзабилити