Исследование про скорость загрузки сайтов #r&d

немного сервисов

Ahrefs
Сервис, который помогает мониторить конкурентов, отслеживать их контент, ключевые слова, количество трафика и тд.

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

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

ChangeDetect
Сервис, который отслеживает изменения на сайтах конкурентов, собирает их и присылает уведомления.

Serpstat
Более продвинутый сервис для SEO, но с его помощью можно получить подробную информацию по количеству трафика на сайте, по ключевым словам и по рекламе.

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

аналог useberry, подержим в резерве до тестов?)

Uitrial — бесплатный сервис для тестирования прототипов Figma на большую аудиторию, который отлично подходит для самого раннего тестирования, причем функционал почти такой же как у платных средств аналитики сайтов и приложений: вы получаете подробную статистику «прохождения» своих прототипов с хитмапами всех действий и комментариями тестировщиков.

Плюс к этому сервис можно использовать как портфолио для Behance и Dribbble, но для интерактивных интерфейсов.

Uitrial.com

Немного исследований еще

Психология и нейробиология великолепного UX. Перевод этой статьи

Загадочное многоточие – и почему мы видим его в каждом интерфейсе

Как применить поведенческую экономику к процессу проектирования.

Ноушн-сайт /designer

Сегодня будет крутой подгон. Я собрал весь контент этого проекта на единой площадке в ноушн-пространстве.

Notion /designer →

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

Что внутри:

Одну из страниц этого пространства я уже анонсировал ранее — это база данных всех горячих клавиш Фигмы с понятными комментариями для каждой команды.

Оглавление постов — архив всех моих постов по всем площадкам с 2017, с картинками. Рекомендую порыться в архиве, там есть много ценного про инструменты и UX.

Заметки о проектировании, которые были на старом сайте.

Заказчик, исполнитель, пользователь — о ролях в коммерческой разработке, очень важный текст, который я не публиковал в канале ранее.

Пара хороших книг и лекций про шрифты, которые я публиковал.

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

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

В Ноушне можно оставлять мне комментарии, выделяя текст. Для этого нужен бесплатный аккаунт.

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

—
#важное #Notion #первые_шаги #для_профи

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

Status Annotations — плагин добавляет к фрейму выбранный вами из списка статус работы над проектом.

Install plugin

вот пункт про капчу очень годный — как сделать капчу, не делая капчу) надо иметь ввиду такую штуку, имхо

В обратной связи к каналу дали дельный совет: поднимай иногда старые посты. Аудитория выросла, сменилась — прежние посты будут актуальны.

Поднял пост про хорошие правила формы регистрации. Смотрите, какой стишок-пирожок с Арни я насочинял полтора года назад.
А комментарии помогут развить пост :)


UX-основы формы регистрации

👉 По каждому полю на форме регистрации задайте себе вопрос: нужна ли мне эта информация именно при регистрации. Все поля должны быть обязательными — не обязательные запрашивайте потом их всё равно не заполнят.

👉 Дайте возможность зарегистрироваться с помощью соцсетей и почтовых сервисов. Через соцсети можно сделать регистрацию с одновременным входом, а можно забрать данные из профиля пользователя и использовать их как регистрационные, сохранив связку с аккаунтом в соцсети.
Помните, что человек может не иметь аккаунта в соцсетях, но почта в Яндексе, mail или gmail у него скорее всего есть — все эти почтовики позволяют входить через них.

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

👉 Не просите вводить два раза пароль. Сделайте "глаз" в поле с паролем, чтобы пользователь мог видеть, что вводит. Можно и вовсе сразу открыть — никто за спиной не стоит.

👉 Требования к паролю выведите сразу и чекайте по мере их выполнения.

👉 Для рунета: предупредите пользователя, что он указывает пароль кирилицей — наверняка, случайно.

👉 Не используйте капчу. Альтернатива — невидимое поле на форме регистрации: человек его не заполняет, а роботы заполняют.
UPD 2021: Или reCAPCHA актуальная, которая не просит символы, а проверяет трафик (на форму не выводится).

👉 Если регистрация имеет процесс — опишите его сразу. Например, есть модерация или несколько шагов. Сюрпризы с допшагами — это чёрный UX.

👉 Осторожнее с регистрацией в модальном окне, исчезающем при клике за его пределами. Бесит, когда случайно нажмёшь за ним — особенно, если при этом данные исчезают.

👉 Форма регистрации должна открываться по отдельной ссылке. Так лучше для продвижения и поддержки: например, можно ссылку отправить на страницу регистрации.

👉 Автоматически логиньте пользователя после завершения регистрации.

#UX из давно опубликованного

Неплохие тезисы с примерами о том, почему раздел "о компании" на сайте нельзя недооценивать

Как сетка ухудшила UX

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

slashdesigner.ru/grid-ux-fail

Спойлер: если при проектировании системы ориентироваться только на большие экраны (1920), и не брать в расчёт средние на 1280, 12-колонник, разделённый на 3 блока, может слишком сильно жать контент по ширине. Поэтому, на 1280 стоит избегать деления на 3 колонки, если в одной из них происходит что-то важное.

Выводы:

1. Потребности всегда важнее визуального, а контент важнее оформления.

2. Постоянный хороший контакт с моими пользователями позволил сэкономить на формализованных исследованиях.

3. Всегда стоит начинать проектировать от меньшей ширины к большей. Для админок стандарт ширины — 1280.

А какой интересный опыт работы с сетками был у тебя? Расскажи в комментариях.

—
#для_профи #сетка

зачем и почему #eyetracking #ux

Текст и фронтенд

В воскресенье 7 марта в 20:00 будем с Сашей Шепардом записывать выпуск подкаста «Ленивый фронтендер» про UX-редактуру. Подключайтесь, задавайте вопросы в чате, будем отвечать.

Ссылочка заранее — youtu.be/L6TIixGeTEs