Design & Management

2021-09-08 09:10:00 В тему к пользовательскому опыту

Бесконечная лента в Телеграмме для меня, как пользователя, кажется странным решением (понимаю, что оно принято на основе стратегии и метрик и, надеюсь, кастева и, конечно, поднимет читаемость в каналах). Лично я, как наверняка и многие, открываю каналы с новыми постами не подряд, а выборочно: одни содержат легкий контент, который просто проглядывается наискось; другие — полезную информацию, которую хочется вдумчиво прочитать, поэтому их я осознано не открываю, пока не появится достаточно времени для подобного чтения; третьи просто лежат в подписках, чтобы при необходимости там можно было найти, какую-то полезную инфу.

Новая лента же пихает все подряд и превращает сортированный контент в одну кучу, листаешь и думаешь «ой, это же надо обязательно почитать...но не сейчас», «блин, это тоже полезная инфа», «и тут тоже! когда все это читать?!».

Хорошо, что все еще остается прежний список каналов. Надеюсь, что в последствии от него не откажутся.

А как вам новая лента? Открыть/Комментировать

2021-09-06 09:10:00 Пользователи ваших продуктов не шпионы и вам не надо вычислять их, поэтому проектируя продукты, учитывайте предыдущий пользовательский опыт и существующие паттерны взаимодействия с интерфейсом.

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

А теперь проверьте себя в этом тесте. Сможете без ошибок прочитать названия всех цветов менее чем за 10 секунд?) Открыть/Комментировать

2021-09-06 09:10:00 Пользовательский опыт

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

Простой тест, которым в США вычисляли Советских шпионов: давали список цветов, написанных на русском и заставляли подозреваемых называть цвета, которыми написаны слова. Рано или поздно тестируемый сбивался, если знал русский язык.

Так вот, моему сыну для выполнения теста не понадобилось практически никаких усилий, он просто называл цвета слов, не читая их, потому что ещё плохо это делает. Также легко с этим заданием справлялись подозреваемые, которые не знали русского. А те, кто знал, спотыкались и выдавали себя. Открыть/Комментировать

2021-09-03 11:08:47 Не сразу понял шутку в приложении Тинькофф, когда хотел посмотреть отчёт по календарю.
Молодцы)

P.S. 3 сентября Открыть/Комментировать

2021-09-03 09:10:00 #юмор Открыть/Комментировать

2021-09-02 09:10:00 Импорт из Фигмы в Тильду

Недавно сделал новый лендинг франшизы для автоматов Бофт. Макеты рисовал в Фигме, собирал в Тильде. Наконец, попробовал импорт в Тильду прямо из Фигмы и это, конечно, круто

За несколько секунд экран макета КОРРЕКТНО переноситься в Зиро блок, остаётся только настроить анимации и залинковать кнопки. Магия

Расскажу о тонкостях, чтобы у вас с первого раза получилось перенести все правильно:

1. Установите нужный шрифт в настройках сайта. Так при переносе ничего не поедет и текст сразу отобразиться с нужными характеристиками.

2. Макеты в фигме сверстайте под ширину 1200 — это дефолтная сетка в Тильде.

3. Чтобы кнопки в Тильде отразились элементом «Кнопка» (а не просто текст на прямоугольнике) и вы могли задать им ховеры, в слоях макета переименуйте их в «button».

4. Перед импортом замените в Фигме изображения на оптимизированные (например, через tinypng.com), чтобы потом не переделывать это в Тильде.

Зачем оптимизировать? — Чтобы изображения весили меньше и сайт грузился быстрее.

5. Форма приема данных не переносится, ее придётся собирать руками в Тильде.

6. Я использовал градиент в тексте заголовков (задавал в CSS стилях для страницы) и на Айфонах этот градиент не применялся, заголовки просто не были видны. Если что, надо вот так:

background-image: linear-gradient(225deg, #hex, #hex, #hex);
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
--main-color: #hex;
--accent-color: #hex;
--final-color: #hex;

Отдельно отмечу:
- теперь элементам можно задавать CSS-классы и прописывать стили не по айдишникам для каждого элемента, а по-человечески;
- анимации по скролу в Тильде пока не так хороши как в РМ и могут подтупливать, так что лучше подумайте как их минимизировать или адаптировать так, чтобы этого тупняка не было;

Подробнее раскрываю в видео —

Открыть/Комментировать

2021-08-30 09:20:00 Недавно Кани Вест выпустил Donda stem player.
Этот девайс позволяет загрузить в него музыкальные треки и сам делит их на четыре дорожки: голос, ударные, басс и инструменты. Вы можете ускорять и замедлять их, миксовать и накладывать разные эффекты.

Уже есть несколько видео с тем как он работает (раз, два, три). Мне стало интересно посмотреть на интерфейс управления и визуальные обозначения. Тут 8 контролов (не считая громкости), десятки возможных действий и нет дисплея.

Визуальный интерфейс обыгрывается четырьмя способами:
1. У каждого режима своё цветовое кодирование;
2. Воспроизведение и скорость обозначаются анимацией последовательного зажигания ледов;
3. Уровни отображаются количеством горящих ледов;
4. Прогресс — последовательной яркостью ледов.

Мне нравится, когда создаются новые решения в интерфейсе, в которых есть много внутренних ограничений, но доступность при этом не теряется. Открыть/Комментировать

2021-07-31 12:44:09 Доброе утро!
Мы уже начинаем, наливай кофе, устраивайся поудобнее и врывайся в онлайн-трансляцию



Открыть/Комментировать

2021-07-30 13:34:58 Не все так просто

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

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

Чтобы решить это, мы могли бы просто увеличить громкость первого шага и пропорционально уменьшить инкремент у остальных, но это слишком просто
Мы знаем, что многие наши пользователи по вечерам включают либо белый шум/сказки для детей, либо успокаивающие звуки/музыку для себя перед сном. В зависимости от расположения колонки звук хочется сделать погромче или потише. В таких случаях и в случаях с максимальной громкостью, шаг в 10% оказывается очень большим. Поэтому мы реализовали два решения для управления громкостью на мини:
1. Очень простое: разбили каждый шаг пополам и теперь при регулировке громкости с тач-панели пользователь может более точно настраивать уровень громкости.
2. Сделали плавающий инкремент шага. Для минимальных и максимальных значений громоксти мы уменьшили инкремент, чтобы, например, с тем же белым шумом можно было более мягко настраивать нужный уровень громкости и не получалось так, что тебе либо слишком тихо либо слишком громко. Открыть/Комментировать

2021-07-28 11:26:51 Уже в эту субботу встречаемся на MailDesignConf & DribbbleMeetup! Времени осталось совсем немного, но мы решили сделать ещё один движ.

Ты сможешь получить бесплатную часовую консультацию тет-а-тет с Павлом Карповым, Сашей Ермоленко, Митей Осадчуком, Наташей Спрогис, Славой Яшковым или Константин Зубановым.

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

Что делать? Задай свой вопрос во время конференции в tg-канале ( https://t.me/dribbblemeetup ) и отметь его хештегом #maildesignconf. Наши ребята выберут самые интересные и свяжутся с победителями.

Ждём тебя 31 июля в онлайне, не забудь зарегистрироваться, подключиться к трансляции можно будет после регистрации.

#maildesignconf #dribbble #dribbblemeetup Открыть/Комментировать