Юиксолог | Суета и UX
457 subscribers
324 photos
30 videos
51 links
Блог Ани Мамченко @geevaav, продуктового дизайнера в 2ГИС | ex коммуникационный дизайнер в МТС

Амбассадор дизайн-мышления. Делюсь своим опытом в исследованиях, проектировании и дизайне.
Download Telegram
Чуть выше писала пост про эффекты в проектировании интерфейсов, а сегодня решила вспомнить законы:

Закон Фиттса
Количество времени, потраченное на достижение цели, зависит от её размера и расстояния до неё.

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

Кнопка оплаты в корзине — она всегда яркая и расположена внизу экрана.

Закон Миллера
Кратковременная человеческая память, как правило, не может удерживать более 7 элементов.

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

Карточка товара, где есть цена, заголовок, описание и изображение. Если перегрузить её, пользователю станет сложно воспринимать информацию.

Закон Хика
Чем меньше вариантов выбора, тем быстрее принимается решение.

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

Понятная иерархия в списке товаров.

Закон Догерти
Взаимодействие становится более приятным, если отклик системы происходит быстрее 400 мс.

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

При переводе денег важно быстро показать, что платёж отправлен, чтобы пользователь не начал паниковать.

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

Используйте знакомые паттерны при проектировании интерфейса.

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

❤️ — полезно
🔥 — использую эти законы
⭐️ — буду использовать
Please open Telegram to view this post
VIEW IN TELEGRAM
187👍31
Как AI помогает быстро запускать рекламные кампании

Вспоминаю, как в МТС разрабатывались рекламные кампании несколько лет назад, тогда AI вообще ещё не существовало. Нужно было организовать съёмку, договориться с селебрити, обработать фотографии.
Или если это региональная кампания идти на фотосток, подбирать подходящие картинки с определенной лицензией и дорабатывать их в Photoshop, менять детали, фон, я могла скачать 10 картинок и собрать из них одну.

А сегодня узнаю, что коммуникационные дизайнеры из Отелло (2ГИС) запустили рекламную кампанию всего за две недели, используя AI. Ребята сгенерировали нужные изображения, подкорректировали детали и разместили на 13 000 рекламных поверхностях в Москве и Подмосковье.
Позже подали заявку на первую в России премию в области AI-дизайна и выиграли в главной номинации: Best of the Best.

Получается AI стал для них мощнейшим инструментом, который ускорил работу и создал уникальный контент.

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

Написать отдельно пост, как делать 3D-изображения с помощью AI?

❤️ — интересно
🔥 — тоже использую AI в работе
⭐️ — сделать пост про 3D-изображения
Please open Telegram to view this post
VIEW IN TELEGRAM
863👍2
Lamoda считает, что «ux(юикс) хотят все» 🥰

Соглашаемся с ними? 😁
Please open Telegram to view this post
VIEW IN TELEGRAM
😁23💯15🤝3
Делаем 3D иконку в ChatGPT

5 звёзд собраны, поэтому посту быть!
Вот такие копилки получились у меня по этому промпту:

Объект: копилка в виде свиньи
Цвет: стекло
Стиль: 3D icon
Детали: минималистичный вид, лёгкий наклон
Фон: Белый (можно сделать прозрачным)

После того, как он выдаёт мне картинку, иногда нормально получается не с первого раза, тогда я пишу «ещё вариант» и он предлагает новую. Дальше, когда идеальный вариант найден, я могу поменять цвет. Пишу: «сделай такую же из метала» или «фиолетового цвета».
Цветной, я ещё потом добавила яркости и дорисовала элементы другого цвета в Photoshop.

Как вы составляете промпты? делитесь в комментах

🔥 — полезно
⭐️ — захотелось отложить 500 ₽
❤️ — симпатично
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
1797
Нейроинтерфейсы

Представьте как бы использовали нейроинтерфейсы, в своей работе дизайнеры. Например, не набирать текст руками и не тыкать на инструменты в Figma, а просто подумаешь:

— Оберни в Auto Layout.
И padding 12... Нет, 16!

и курсор сам рисует и выполняет команды.

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

А Илон Маск со своей командой попробовали имплантировать чип в мозг. Он работает по Bluetooth и может подключаться к различным устройствам (компьютеру, мобильному телефону) на расстоянии до 10 метров. Первый пациент уже смог играть в шахматы силой мысли.

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

Как вам наушники и чип?)

❤️ — интересно
🔥 — наушники норм
⭐️ — давайте чип
🤚 — чип страшно
Please open Telegram to view this post
VIEW IN TELEGRAM
106431
Классное событие этого года

В январе я перешла в 2ГИС, работаю удалённо и с коллегами из команды вживую ещё ни разу не встречалась.
Основная часть нашей команды находится в главном офисе в Новосибирске. Планировали с моим продактом (мы с ней из одного города) рвануть туда и лично познакомиться с ребятами.

А пару недель назад узнаю новость, что коллеги дизайнеры решили организовать в Москве интенсив для всех дизайнеров 2ГИС!
Ребята прилетят из разных городов России, нас будет около 25 человек. Для всех предусмотрели гостиницу и перелёт, сбор пройдёт в конце октября и продлится неделю.

Мне уже купили билеты из Краснодара, наш аэропорт был закрыт 3 года и открылся как будто специально под мою командировку)

Жду это событие, надеюсь будет очень интересно, хочется мозгоштурмов, бурных обсуждений и много нагенерённых классных идей в конце. Хочу посмотреть московский офис, говорят там шикарные виды и вкусные завтраки.
Офис в Новосибирске тоже планирую посетить, но теперь скорей всего следующей весной или летом, там говорят зимой очень холодно.

Было бы вам интересно почитать серию постов, как там всё пройдёт?

❤️ — интересно
🔥 — жду посты
🤚 — рады за тебя, но не от всего сердца
Please open Telegram to view this post
VIEW IN TELEGRAM
2283👍1
Ввод ПИН-кода для незрячих

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

Команда придумала интересное решение. Они разработали специальный режим на терминале, в котором вводить код нужно при помощи цифр Брайля (он состоит из точек).
Цифра 1 – это одна точка вверху, цифра 2 – две точки, расположенных одна под одной и т.д.
На сенсорном экране пользователь должен ввести эти цифры точками по очереди, как в ПИН-коде.

Так же они сделали тренажёр, в котором можно тренироваться вводить цифры.

❤️ — хорошее решение
⭐️ — ну, такое
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
9👍63👏32
This media is not supported in your browser
VIEW IN TELEGRAM
В мае рассказывала вам про то, что 2ГИС зарелизили фичу «Светофоры на карте», пока только в Москве.

На этом дело не закончилось и в этом месяце коллеги добавили «Разводные мосты» в Питере.

Мосты плавно разводятся в режиме реального времени и пользователь в приложении на карте это видит.
Из сложного было: реализовать реалистичную плавную анимацию сведения и разведения.

Как вам?)

❤️ — красота
🔥 — интересно
🤚 — захотелось в Питер, посмотреть вживую на разводные мосты
Please open Telegram to view this post
VIEW IN TELEGRAM
175👍2
Аудит продукта

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

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

План, которого обычно я придерживаюсь:

1. Узнаю, кто пользователи, роли и особенности
2. Какие есть проблемы
3. Выясняю, как решают проблемы сейчас и закрывают ли их
4. Проверяю все основные флоу
5. Выписываю гипотезы, что может негативно влиять на продукт, а что положительно
6. Определяю, какие виды исследований стоит провести
7. Провожу эти исследования
8. Записываю все полученные инсайты и результаты
9. Рисую wireframe с изменениями, что и как должно выглядеть опираясь на результаты исследований
10. Рисую дизайны (если нужно)

Я вообще фанатка метрик и исследований, они помогают проектировать интерфейсы закрывающие потребности пользователей.

❤️ — интересно
🔥 — тоже фанат исследований
⭐️ — без них справляюсь
Please open Telegram to view this post
VIEW IN TELEGRAM
66👍2
Подборка портфолио

Кто сейчас в поиске работы или просто давно хочет собрать классное публичное портфолио, но откладывает, подборка для вдохновения.

Портфолио тех, кто всё таки нашёл в себе силы и сделал его в виде сайта 😏 (я своё собирала в Notion)

Раз
Два
Три
Четыре
Пять
Шесть
Семь
Восемь
Девять
Десять
Одиннадцать

В четвёртом, подкупают детальки: фавикон в виде теннисного мяча и зубы вместо лоадера загрузки)

❤️ — пригодится
Please open Telegram to view this post
VIEW IN TELEGRAM
842👍1