Как стать автором
Обновить
93.27

Интерфейсы *

То, что помогает ориентироваться

Сначала показывать
Порог рейтинга
Уровень сложности

Как 6 экранов в приложении увеличили конверсию в два раза

Уровень сложностиПростой
Время на прочтение3 мин
Количество просмотров1.9K

Кейс Digital команды домашнего интернета от Tele2.

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

Читать далее
Всего голосов 6: ↑3 и ↓30
Комментарии0

Вырезаем кусочек из объема, не залезая в объем

Уровень сложностиПростой
Время на прочтение3 мин
Количество просмотров1.5K

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

Читать далее
Всего голосов 7: ↑7 и ↓0+7
Комментарии1

Схема цепи преобразования данных в системах с интерфейсами

Уровень сложностиСредний
Время на прочтение8 мин
Количество просмотров1.5K

Метод схематизации вариативности данных в точках их преобразований в информационной системе

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

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

Читать далее
Всего голосов 7: ↑7 и ↓0+7
Комментарии1

Что внутри портфолио продуктовых и ux/ui-дизайнеров из Figma, Notion, Яндекс, Тинькофф и Ozon?

Уровень сложностиПростой
Время на прочтение2 мин
Количество просмотров8.6K

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

Читать →
Всего голосов 11: ↑6 и ↓5+1
Комментарии4

Истории

Как работать с текстом при дизайне игровых интерфейсов

Время на прочтение5 мин
Количество просмотров2.6K

Статья про приёмы, упрощающее восприятие текста игроками и про особенности работы с текстом на игровых проектах.

Читать далее
Всего голосов 22: ↑21 и ↓1+20
Комментарии6

Аналоговые индикаторы против цифровых. Жертвы маркетинга против ретроградов

Уровень сложностиПростой
Время на прочтение3 мин
Количество просмотров5.8K

На просторах сети частенько можно наткнуться на споры про то, что же лучше - стрелочные приборы или цифровые.

Что же лучше? Предлагаю проверить на практике c помощью программы-теста, которая измеряет время, необходимое на считывание значений со стрелочного индикатора и цифрового.

Читать далее
Всего голосов 7: ↑5 и ↓2+3
Комментарии97

Как я проектирую формы

Время на прочтение6 мин
Количество просмотров7.1K

В начале карьеры проектирование любой формы казалось мне очень простой и понятной задачей. Особенно когда речь шла о чём-то банальном и незначительном, вроде обратной связи на сайте. А что — выяснил, какие нужны данные и для чего, накидал поля с подписями, приделал кнопку — и готово! На всё про всё — пять минут. Пустяки! Или нет?

Читать далее
Всего голосов 9: ↑7 и ↓2+5
Комментарии2

Паттерн поиска в мобильном приложении. Какую механику выбрать дизайнеру?

Уровень сложностиСредний
Время на прочтение11 мин
Количество просмотров4.2K

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

В статье:

— проанализируем, какие варианты паттерна поиска есть,

— заглянем в гайдлайны,

— рассмотрим UX-ошибки.

Как же выбрать оптимальный вариант поиска для вашего мобильного приложения?

Давайте разберемся
Всего голосов 17: ↑16 и ↓1+15
Комментарии0

Без онлайн-курсов! Гайд для ux-дизайнера: какие навыки развивать и как учиться бесплатно (без пиратства)

Уровень сложностиПростой
Время на прочтение3 мин
Количество просмотров6.1K

«А зачем платить за курсы? 99% материала, который там дают, можно найти на ютубе. Покупай, если не найдешь нужный материал. Но сначала попробуй бесплатно!» — сказал мой брат после того, как я поделился идеей пойти учиться на дизайнера.

Я так и сделал. Но вскоре понял, что самый сложный вопрос «какие навыки мне важнее развивать именно сейчас», а не «найду ли я нужный материал». Новичкам проще — им нужна база. Но какие навыки надо развивать когда ты middle или senior?

Читать →
Всего голосов 10: ↑5 и ↓50
Комментарии4

Я создал подробнейший гайд для карьеры дизайнера

Уровень сложностиПростой
Время на прочтение1 мин
Количество просмотров4.2K

Привет! Я Дима, автор телеграм канала Дизайн тусовка. Я собрал полноценный гайд для всех грейдов на основе своего опыта и недавнего поиска работы в топ IT компаниях России, вот мой результат:

Читать далее
Всего голосов 20: ↑4 и ↓16-12
Комментарии1

Почти забытый трекбол все еще жив. Чем он лучше мыши или тачпада? Опыт разработчика электронной аппаратуры

Уровень сложностиПростой
Время на прочтение5 мин
Количество просмотров6.8K

Сначала была мышь. А потом появились трекбол и тачпад. Что удобнее для разработчика электронной аппаратуры?

Читать далее
Всего голосов 7: ↑5 и ↓2+3
Комментарии52

Почти забытый трекбол все еще жив. Чем он лучше мыши или тачпада? Опыт разработчика электронной аппаратуры

Уровень сложностиПростой
Время на прочтение5 мин
Количество просмотров6.8K

Сначала была мышь. А потом появились трекбол и тачпад. Что удобнее для разработчика электронной аппаратуры?

Читать далее
Всего голосов 7: ↑5 и ↓2+3
Комментарии52

Тёмные паттерны UX себя не оправдывают

Уровень сложностиПростой
Время на прочтение3 мин
Количество просмотров4.3K

У меня было хорошее настроение: я опубликовал свою статью об RSS, и она оказалась довольно популярной.

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

Я нажал на крестик в правом верхнем углу рекламного блока. И именно тогда всё пошло не так.

Вместо того, чтобы закрыть рекламу, Feedly показал мне всплывающее окно, сообщающее, что единственный способ удаления «этого модуля» (читай: рекламы) — «напрямую поддержать Feedly, купив Feedly Pro».

Повторюсь, я не против, что Feedly показывает рекламу бесплатным пользователям, но неработающая кнопка закрытия — это тёмный UX. Я почувствовал себя обманутым: я не буду платить за ваш сервис, я не буду нажимать на рекламу.

Читать далее
Всего голосов 17: ↑15 и ↓2+13
Комментарии8

Ближайшие события

Weekend Offer в AliExpress
Дата20 – 21 апреля
Время10:00 – 20:00
Место
Онлайн
Конференция «Я.Железо»
Дата18 мая
Время14:00 – 23:59
Место
МоскваОнлайн

Тёмные паттерны UX себя не оправдывают

Уровень сложностиПростой
Время на прочтение3 мин
Количество просмотров4.3K

У меня было хорошее настроение: я опубликовал свою статью об RSS, и она оказалась довольно популярной.

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

Я нажал на крестик в правом верхнем углу рекламного блока. И именно тогда всё пошло не так.

Вместо того, чтобы закрыть рекламу, Feedly показал мне всплывающее окно, сообщающее, что единственный способ удаления «этого модуля» (читай: рекламы) — «напрямую поддержать Feedly, купив Feedly Pro».

Повторюсь, я не против, что Feedly показывает рекламу бесплатным пользователям, но неработающая кнопка закрытия — это тёмный UX. Я почувствовал себя обманутым: я не буду платить за ваш сервис, я не буду нажимать на рекламу.

Читать далее
Всего голосов 17: ↑15 и ↓2+13
Комментарии8

Подробный гайд как сделать темную тему с помощью variables фигмы

Уровень сложностиПростой
Время на прочтение5 мин
Количество просмотров1.9K

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

Читать далее
Всего голосов 6: ↑6 и ↓0+6
Комментарии0

Как прокачивать насмотренность в UX для дизайнера интерфейсов (личный опыт)

Уровень сложностиПростой
Время на прочтение2 мин
Количество просмотров5.5K

Хочу поделиться своим опытом и рассказать, как я прокачиваю насмотренность в ux (не ui). Надеюсь, это кому-нибудь поможет.

Читать далее →
Всего голосов 10: ↑10 и ↓0+10
Комментарии6

Гайд по работе с ветками (Figma Branch)

Уровень сложностиСредний
Время на прочтение4 мин
Количество просмотров3.3K

Figma Branch (или «ветка») — это функционал, который позволяет создать копию проекта и изменять его независимо от основной версии. Когда работа завершена и нужно внести изменения в основной проект — ветка сливается с master-версией. Всё как у разработчиков. Но чтобы использовать Branch, ваш тариф должен быть Organization или Enterprise.

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

Читать далее
Всего голосов 2: ↑2 и ↓0+2
Комментарии4

Как располагать элементы игровых интерфейсов

Уровень сложностиПростой
Время на прочтение3 мин
Количество просмотров6.8K

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

В статье примеры подходов и решений, которые упрощают жизнь игрокам  =)

Читать далее
Всего голосов 8: ↑7 и ↓1+6
Комментарии7

Как я проектирую интерфейсы

Время на прочтение13 мин
Количество просмотров21K

Привет, я Егор Камелев, проектировщик интерфейсов (UX-дизайнер). За последние 20 лет я поработал с командами десятков агентств, IT-отделов, действующих проектов и продуктов, стартапов (и запущенных, и незавершённых). Я знаком с сотней команд, не меньше. И среди них не нашлось и двух, использующих одинаковые подходы к работе. Верно говорят: «У каждого додика — своя методика!».

У всех свои названия должностей, артефактов, процессов. Свои требования и наборы компетенций. Где-то проектированием занимается маркетолог и разработчик (потому что в команде больше никого и нету), а где-то эта задача распределена между десятью разными специалистами (системные- и бизнес-аналитики, технические писатели, UX-дизайнеры, продакт оунеры и так далее).

Поэтому в этой статье я не буду заявлять, что мой подход к работе — единственно верный. Он один из тысяч и в моём случае прекрасно работает: клиенты не заваливают меня правками, платят 100% предоплату и рекомендуют окружающим. Я распишу во всех деталях свой процесс предоставления услуги проектирования (создания интерактивного прототипа информационной системы на заказ). Уверен, что многим пригодятся мои знания. Погнали!

Читать далее
Всего голосов 29: ↑25 и ↓4+21
Комментарии20

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

Время на прочтение8 мин
Количество просмотров25K

Речь идёт о функциональных спецификациях к сайтам, приложениям и прочим информационным системам.

В начале карьеры UX-дизайнера я просто делал интерактивные прототипы, а документацию предпочитал не писать. Почему так:

Во-первых, сложно. Этому навыку никто не обучал, а написать 100 и более страниц текста по проекту — это как диссертацию накатать. Поэтому я говорил клиентам, что, мол, и так справитесь.

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

Продавать это было легко. Достаточно было рассказать о том, как я, заплатив несколько десятков тысяч за документ, экономил несколько сотен тысяч на разработке. И подкрепить рассказ конкретными цифрами и примерами. Чаще всего я рассказываю о том, как пожалел 50к на функциональную спецификацию на участок собственного проекта, и разработчики делали его два с половиной месяца вместо привычного одного. А месяц их работы обходился моей казне почти в 300к рублей. И если бы я не сэкономил на функциональной спецификации, то задача обошлась бы на 400к рублей дешевле.

Читать далее
Всего голосов 14: ↑11 и ↓3+8
Комментарии8