Forwarded from Designdealer
This media is not supported in your browser
VIEW IN TELEGRAM
Uitrial — бесплатный сервис для тестирования прототипов Figma на большую аудиторию, который отлично подходит для самого раннего тестирования, причем функционал почти такой же как у платных средств аналитики сайтов и приложений: вы получаете подробную статистику «прохождения» своих прототипов с хитмапами всех действий и комментариями тестировщиков.
Плюс к этому сервис можно использовать как портфолио для Behance и Dribbble, но для интерактивных интерфейсов.
Uitrial.com
Плюс к этому сервис можно использовать как портфолио для Behance и Dribbble, но для интерактивных интерфейсов.
Uitrial.com
Немного исследований еще
Психология и нейробиология великолепного UX. Перевод этой статьи
Загадочное многоточие – и почему мы видим его в каждом интерфейсе
Как применить поведенческую экономику к процессу проектирования.
Психология и нейробиология великолепного UX. Перевод этой статьи
Загадочное многоточие – и почему мы видим его в каждом интерфейсе
Как применить поведенческую экономику к процессу проектирования.
www.uprock.ru
Психология и нейробиология великолепного UX — читайте на UPROCK
Психология и нейробиология великолепного UX: читайте полезные статьи о дизайне в блоге UPROCK
Forwarded from /designer
Ноушн-сайт /designer
Сегодня будет крутой подгон. Я собрал весь контент этого проекта на единой площадке в ноушн-пространстве.
Notion /designer →
Рекомендую взять эту ссылку и скопировать её в твоё ноушн-пространство, чтобы держать под рукой.
Что внутри:
Одну из страниц этого пространства я уже анонсировал ранее — это база данных всех горячих клавиш Фигмы с понятными комментариями для каждой команды.
Оглавление постов — архив всех моих постов по всем площадкам с 2017, с картинками. Рекомендую порыться в архиве, там есть много ценного про инструменты и UX.
Заметки о проектировании, которые были на старом сайте.
Заказчик, исполнитель, пользователь — о ролях в коммерческой разработке, очень важный текст, который я не публиковал в канале ранее.
Пара хороших книг и лекций про шрифты, которые я публиковал.
Также из этого пространства можно узнать о планах будущих постов, они помечаются серым.
Я забыл о старом сайте на Вордпрессе на хостинге как о страшном сне. Ноушн — это идеальный формат для образовательного сайта вроде моего. Я совершенно не понимаю, почему Ноушн до сих пор не поработил все образовательные блоги и личные сайты. Проект позволяет не думать об оформлении и фокусирует внимание на контенте. Я ещё много и плотно буду писать о нём, поскольку систематизирую в нём бизнес-требования и пришёл к определённой методологии того, как это делать.
В Ноушне можно оставлять мне комментарии, выделяя текст. Для этого нужен бесплатный аккаунт.
Также рекомендую использовать Ноушн не через браузер, а через десктопный клиент.
—
#важное #Notion #первые_шаги #для_профи
Сегодня будет крутой подгон. Я собрал весь контент этого проекта на единой площадке в ноушн-пространстве.
Notion /designer →
Рекомендую взять эту ссылку и скопировать её в твоё ноушн-пространство, чтобы держать под рукой.
Что внутри:
Одну из страниц этого пространства я уже анонсировал ранее — это база данных всех горячих клавиш Фигмы с понятными комментариями для каждой команды.
Оглавление постов — архив всех моих постов по всем площадкам с 2017, с картинками. Рекомендую порыться в архиве, там есть много ценного про инструменты и UX.
Заметки о проектировании, которые были на старом сайте.
Заказчик, исполнитель, пользователь — о ролях в коммерческой разработке, очень важный текст, который я не публиковал в канале ранее.
Пара хороших книг и лекций про шрифты, которые я публиковал.
Также из этого пространства можно узнать о планах будущих постов, они помечаются серым.
Я забыл о старом сайте на Вордпрессе на хостинге как о страшном сне. Ноушн — это идеальный формат для образовательного сайта вроде моего. Я совершенно не понимаю, почему Ноушн до сих пор не поработил все образовательные блоги и личные сайты. Проект позволяет не думать об оформлении и фокусирует внимание на контенте. Я ещё много и плотно буду писать о нём, поскольку систематизирую в нём бизнес-требования и пришёл к определённой методологии того, как это делать.
В Ноушне можно оставлять мне комментарии, выделяя текст. Для этого нужен бесплатный аккаунт.
Также рекомендую использовать Ноушн не через браузер, а через десктопный клиент.
—
#важное #Notion #первые_шаги #для_профи
кстати, такую штуку потенциально можно было бы забрать для внутр согласований, а может даже и не только, что думаете?
Forwarded from Figma Design
Status Annotations — плагин добавляет к фрейму выбранный вами из списка статус работы над проектом.
Install plugin
Install plugin
вот пункт про капчу очень годный — как сделать капчу, не делая капчу) надо иметь ввиду такую штуку, имхо
Forwarded from Про удобство (Михаил Греков) (MGrekov)
В обратной связи к каналу дали дельный совет: поднимай иногда старые посты. Аудитория выросла, сменилась — прежние посты будут актуальны.
Поднял пост про хорошие правила формы регистрации. Смотрите, какой стишок-пирожок с Арни я насочинял полтора года назад.
А комментарии помогут развить пост :)
UX-основы формы регистрации
👉 По каждому полю на форме регистрации задайте себе вопрос: нужна ли мне эта информация именно при регистрации. Все поля должны быть обязательными — не обязательные запрашивайте потом их всё равно не заполнят.
👉 Дайте возможность зарегистрироваться с помощью соцсетей и почтовых сервисов. Через соцсети можно сделать регистрацию с одновременным входом, а можно забрать данные из профиля пользователя и использовать их как регистрационные, сохранив связку с аккаунтом в соцсети.
Помните, что человек может не иметь аккаунта в соцсетях, но почта в Яндексе, mail или gmail у него скорее всего есть — все эти почтовики позволяют входить через них.
👉 Не дробите процесс регистрации на подпроцессы. Например, если возможно — не требуйте сразу подтверждать телефон. Подтверждение телефона можно вынести как отдельную незавершённую задачу в личный кабинет или запросить перед первым значимым действием в личном кабинете.
👉 Не просите вводить два раза пароль. Сделайте "глаз" в поле с паролем, чтобы пользователь мог видеть, что вводит. Можно и вовсе сразу открыть — никто за спиной не стоит.
👉 Требования к паролю выведите сразу и чекайте по мере их выполнения.
👉 Для рунета: предупредите пользователя, что он указывает пароль кирилицей — наверняка, случайно.
👉 Не используйте капчу. Альтернатива — невидимое поле на форме регистрации: человек его не заполняет, а роботы заполняют.
UPD 2021: Или reCAPCHA актуальная, которая не просит символы, а проверяет трафик (на форму не выводится).
👉 Если регистрация имеет процесс — опишите его сразу. Например, есть модерация или несколько шагов. Сюрпризы с допшагами — это чёрный UX.
👉 Осторожнее с регистрацией в модальном окне, исчезающем при клике за его пределами. Бесит, когда случайно нажмёшь за ним — особенно, если при этом данные исчезают.
👉 Форма регистрации должна открываться по отдельной ссылке. Так лучше для продвижения и поддержки: например, можно ссылку отправить на страницу регистрации.
👉 Автоматически логиньте пользователя после завершения регистрации.
#UX из давно опубликованного
Поднял пост про хорошие правила формы регистрации. Смотрите, какой стишок-пирожок с Арни я насочинял полтора года назад.
А комментарии помогут развить пост :)
UX-основы формы регистрации
👉 По каждому полю на форме регистрации задайте себе вопрос: нужна ли мне эта информация именно при регистрации. Все поля должны быть обязательными — не обязательные запрашивайте потом их всё равно не заполнят.
👉 Дайте возможность зарегистрироваться с помощью соцсетей и почтовых сервисов. Через соцсети можно сделать регистрацию с одновременным входом, а можно забрать данные из профиля пользователя и использовать их как регистрационные, сохранив связку с аккаунтом в соцсети.
Помните, что человек может не иметь аккаунта в соцсетях, но почта в Яндексе, mail или gmail у него скорее всего есть — все эти почтовики позволяют входить через них.
👉 Не дробите процесс регистрации на подпроцессы. Например, если возможно — не требуйте сразу подтверждать телефон. Подтверждение телефона можно вынести как отдельную незавершённую задачу в личный кабинет или запросить перед первым значимым действием в личном кабинете.
👉 Не просите вводить два раза пароль. Сделайте "глаз" в поле с паролем, чтобы пользователь мог видеть, что вводит. Можно и вовсе сразу открыть — никто за спиной не стоит.
👉 Требования к паролю выведите сразу и чекайте по мере их выполнения.
👉 Для рунета: предупредите пользователя, что он указывает пароль кирилицей — наверняка, случайно.
👉 Не используйте капчу. Альтернатива — невидимое поле на форме регистрации: человек его не заполняет, а роботы заполняют.
UPD 2021: Или reCAPCHA актуальная, которая не просит символы, а проверяет трафик (на форму не выводится).
👉 Если регистрация имеет процесс — опишите его сразу. Например, есть модерация или несколько шагов. Сюрпризы с допшагами — это чёрный UX.
👉 Осторожнее с регистрацией в модальном окне, исчезающем при клике за его пределами. Бесит, когда случайно нажмёшь за ним — особенно, если при этом данные исчезают.
👉 Форма регистрации должна открываться по отдельной ссылке. Так лучше для продвижения и поддержки: например, можно ссылку отправить на страницу регистрации.
👉 Автоматически логиньте пользователя после завершения регистрации.
#UX из давно опубликованного
Неплохие тезисы с примерами о том, почему раздел "о компании" на сайте нельзя недооценивать
vc.ru
Как сделать раздел «О компании», за который не стыдно: инструкция с примерами — Маркетинг на vc.ru
Разработать страницу «О нас» — это не только написать текст и разместить его на сайте, чтобы был. Рассказываем, как разработать страницу «О компании», чтобы она работала на ваш бизнес, а не просто висела на сайте, «как у всех». В конце приводим пошаговый…
Forwarded from /designer
Как сетка ухудшила UX
Делюсь недавним негативным опытом, как я использовал 12-колонную сетку на проекте системы управления контентом. Я не продумал некоторых нюансов, что ухудшило опыт моих пользователей. В конце рассказываю, как исправил ситуацию.
slashdesigner.ru/grid-ux-fail
Спойлер: если при проектировании системы ориентироваться только на большие экраны (1920), и не брать в расчёт средние на 1280, 12-колонник, разделённый на 3 блока, может слишком сильно жать контент по ширине. Поэтому, на 1280 стоит избегать деления на 3 колонки, если в одной из них происходит что-то важное.
Выводы:
1. Потребности всегда важнее визуального, а контент важнее оформления.
2. Постоянный хороший контакт с моими пользователями позволил сэкономить на формализованных исследованиях.
3. Всегда стоит начинать проектировать от меньшей ширины к большей. Для админок стандарт ширины — 1280.
А какой интересный опыт работы с сетками был у тебя? Расскажи в комментариях.
—
#для_профи #сетка
Делюсь недавним негативным опытом, как я использовал 12-колонную сетку на проекте системы управления контентом. Я не продумал некоторых нюансов, что ухудшило опыт моих пользователей. В конце рассказываю, как исправил ситуацию.
slashdesigner.ru/grid-ux-fail
Спойлер: если при проектировании системы ориентироваться только на большие экраны (1920), и не брать в расчёт средние на 1280, 12-колонник, разделённый на 3 блока, может слишком сильно жать контент по ширине. Поэтому, на 1280 стоит избегать деления на 3 колонки, если в одной из них происходит что-то важное.
Выводы:
1. Потребности всегда важнее визуального, а контент важнее оформления.
2. Постоянный хороший контакт с моими пользователями позволил сэкономить на формализованных исследованиях.
3. Всегда стоит начинать проектировать от меньшей ширины к большей. Для админок стандарт ширины — 1280.
А какой интересный опыт работы с сетками был у тебя? Расскажи в комментариях.
—
#для_профи #сетка
Forwarded from Плавучая редакция
Текст и фронтенд
В воскресенье 7 марта в 20:00 будем с Сашей Шепардом записывать выпуск подкаста «Ленивый фронтендер» про UX-редактуру. Подключайтесь, задавайте вопросы в чате, будем отвечать.
Ссылочка заранее — youtu.be/L6TIixGeTEs
В воскресенье 7 марта в 20:00 будем с Сашей Шепардом записывать выпуск подкаста «Ленивый фронтендер» про UX-редактуру. Подключайтесь, задавайте вопросы в чате, будем отвечать.
Ссылочка заранее — youtu.be/L6TIixGeTEs
YouTube
#6 Ленивый фронтендер. Текст в проде или зачем нужен UX-редактор
Владимир Лалош (@maratele) расскажет про то кто такой и зачем нужен UX-редактор, в какой момент нужно задуматься о тексте и как подружить фронтенд и редактуру?
Телеграм канал Владимира: "Плавучая редакция" с советами по интерфейсным текстам и редактуре …
Телеграм канал Владимира: "Плавучая редакция" с советами по интерфейсным текстам и редактуре …
This media is not supported in your browser
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
пс-c, мы тут начинаем новую старую рубрику трендвотчинга и первая у нас Ксю. Она нашла проект, с которого начинаем этот тред: погнали)
Йо 🖖
Нет, ну вы видели, опять минус 17. Москва, надеюсь, у вас дела получше 🥶
Собрала для вас несколько шотов, в которые я залипала на этой неделе.
@yujinajina, будешь следующей?
#animation #slider #menu #preferences #trendwatching
Йо 🖖
Нет, ну вы видели, опять минус 17. Москва, надеюсь, у вас дела получше 🥶
Собрала для вас несколько шотов, в которые я залипала на этой неделе.
@yujinajina, будешь следующей?
#animation #slider #menu #preferences #trendwatching