Получи случайную криптовалюту за регистрацию!

Поясни за UX

Логотип телеграм канала @poyasnizaux — Поясни за UX П
Логотип телеграм канала @poyasnizaux — Поясни за UX
Адрес канала: @poyasnizaux
Категории: Дизайн
Язык: Русский
Количество подписчиков: 13.63K
Описание канала:

Как проектировать хорошо, а плохо не проектировать
С вами я, @ionnapoleon
Навигация по каналу https://uxkingdom.notion.site/UX-cf2e6005ac064f9ca7a05a42ebbe9942
Чятик https://t.me/ VOIvtxPU7w_ZzM07
‼️Здесь не публикуется реклама

Рейтинги и Отзывы

4.00

2 отзыва

Оценить канал poyasnizaux и оставить отзыв — могут только зарегестрированные пользователи. Все отзывы проходят модерацию.

5 звезд

1

4 звезд

0

3 звезд

1

2 звезд

0

1 звезд

0


Последние сообщения 5

2022-05-18 09:16:57
Дизайн-демо би лайк
#мемнаясреда
2.7K views06:16
Открыть/Комментировать
2022-05-16 15:15:39 ​​Махарошики, за выходные сочинила для вас 4 дебильных* запроса в UX/UI-дизайне и как на них отвечать
*дебильные они потому, что люди, употребляющие эти слова, сами не понимают, что имеют в виду

1. Не интуитивно-понятный интерфейс
Типичное употребление: когда надо доказать, что решение дизайнера не удобно лично вам
Реальное значение: нужен интерфейс, который совпадает с ментальной моделью конечного пользователя и не нагружает его когнитивно
Что делать: изучать ожидания и опыт пользователей, разгружать интерфейс и проектировать так, чтобы не заставлять юзера думать (проверяется тестами)

2. Хотим сочный/секси UI
Типичное употребление: когда чего-то нехватает, но не получается сказать чего именно
Реальное значение: нужен интерфейс, который притягивает и удерживает внимание за счет визуальных приемов (контраст, объем, цвет, композиция, анимация)
Что делать: смотреть референсы (awwards, dribble и иже с ними), выбирать и воровать визуальные приемы

3. В интерфейсе каша/шумно
Типичное употребление: когда есть общее ощущение перегруженности и нежелания вникать в интерфейс, но непонятно от чего оно конкретно
Реальное значение: в интерфейсе проблемы с иерархией и акцентами (все выглядит одинаково важным), слишком маленькие отступы, информация показывается вся одновременно там, где можно раскрывать ее последовательно
Что делать:
- Определить, что на экране самое важное, выдвинуть это вверх, сделать на этом акцент (через размер или цвет или визуальный вес).
- Придумать или украсть систему отступов и придерживаться ее
- Подумать, можно ли скрыть или удалить какую-то информацию/функцию (использовать раскрывающиеся списки, табы, переходы, тултипы и пр.)

4. Нехватает визуала
Типичное употребление: когда кажется “некрасивым”, но объяснить конкретно не получается
Реальное значение: в интерфейсе неудачно выбран или не сформирован визуальный язык (правила использования шрифтов, цветов, размерностей и отступов) + нарушаются базовые правила (внутреннее-внешнее, цвета 60-30-10, композиционные правила и др.). В итоге создается эффект “общего визуального уродства”, который формируется из множества визуальных ошибок и от усердия (дизайнер старается сделать “красиво”, по итогу в UI через край хаотично выбраных иконкок, цветов, текстов и размеры элементов не согласуются).
Что делать:
- Постараться сделать не “красиво” а “чисто”. Если вы не можете объяснить зачем какой-то элемент (будь то кнопка, в обводка или разделитель) - выпиливать к херам.
- Проработать дизайн-токены (цвета, уровни заголовков, отступы, иконки, тени и пр.), использовать их осознанно по придуманным правилам.
- Использовать цвет как инструмент акцентирования (60% экрана - фоновый неброский цвет, проще всего взять белый, 30% - контрастный, например темно-серый для текстов, 10% - акцентный интерактивных элементов).
- Не бояться белого пространства
- Четко придерживаться системы отступов и правила “внутреннее меньше внешнего”, чтобы создавать визуальные группы из объектов

-------

Делитесь в комментах своим опытом, устроим марафон дебильных запросов!
1.7K views12:15
Открыть/Комментировать
2022-05-11 10:20:38 Вкусные апдейты в фигме:

- Абсолютное позиционирование элементов в автолейаутах
- Отрицательные отступы
- Обводка с каждой стороны объекта
- Можно менять лейбл кнопки в панели справа
- Темная тема
- Интерактивные прототипы под паролем
- Выравнивание элементов по базовой линии
- Гибкая настройка шрифтов
- Новый тип анимации

Перезагружайте свои фигмочки и ловите обновления если ещё не

——

Ссылка на конференцию с записями докладов про фигму и не только
2.3K views07:20
Открыть/Комментировать
2022-05-06 09:36:50 По многочисленным просьбам (двум), поясняю за формулировку задачи.

Что надо знать о дизайн-задачах:

1. Они плохо формализованы. Ожидать подробного ТЗ с описанием каждой страницы и контента в ней - ну вы что в самом деле. А вы тогда начерта?

2. Люди не знают, как их формулировать. Многим руководителям, клиентам и самим дизайнерам кажется, что задача на дизайн должна содержать руководство к действию. Типа «сделать личный кабинет с тем и сем».

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

Задача «сделать личный кабинет» - это плохая задача. Потому что в ней заложено решение, но нет ни бизнеса ни пользователей.

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

А начинающий - просто возьми и сделай. Ну а шо а написано же все а шо такого.

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

сделать личный кабинет со статистикой

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

Подняла-обняла, всем хороших выходных
3.6K views06:36
Открыть/Комментировать
2022-05-04 12:16:57 Тесты на учебных проектах

Махарошики, вы пишете «Илона, поясни, как проводить тесты макетов, если проект учебный а я ещё даже не джун?»
А я вам сейчас расскажу.

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

Для нас ЦА - это не те, кому мы будем втюхивать сервис. Мы с вами - дизайнеры, наша задача - не втюхать, а сделать хорошо. Пусть маркетологи втюхивают.
Есть человек, у него есть проблема. Мы помогаем ее решить при помощи интерфейса. Купит/не купит скачает/не скачает - вопрос вторичный и совсем с другими механиками, тем более в рамках учебного проекта это вообще можно опустить.

Чтобы понять, кто ваша ЦА, надо правильно сформулировать задачу. «Сделать мобильное приложение» - плохая формулировка.
Но постановка задачи - это другая история (могу за это тоже пояснить, если хотите).

Возвращаемся к теме тестов.

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

Где взять людей?
Прелесть учебных проектов в простоте тем: интернет-магазин, планировщик, доставка овощей, помощник какой-нибудь.
Под такие сервисы подходят много разного народу. И, вероятно, ваши друзья-мамы-папы тоже. Вот и берите их. А если среди близких подходящих людей нет, идите в инсту, телеграм, в группы ВК/Фейсбук, где эти люди могут обитать.
Только не ходите в чаты типа «кастдев разместить свой тест без регистрации». В таких чатах одни дизайнеры сидят, у них проф деформация. Вам такое не надо почти никогда. Только если вы уж совсем в отчаянии.

Сколько надо?
5-6 хорошо бы, как завещал Норман. Но это же учебный проект, так что 3-4 тоже ок. Главное не меньше 2, а то нерелевантно совсем.

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

Как проводить?
Можно в Maze залить, чтобы не модерировать, но тогда инсайтов будет мало, одни цифры невнятные. Лучше с каждым респондентом созвониться 1-1 и дать ему задачку по сценарию. Типа «представь что ты хочешь вот это вот заказать. Закажи»
И наблюдаете, где человек тупит, а где ему нравится. Простите его думать вслух и не подсказывайте куда нажимать. Ваша задача - увидеть проблемы в интерфейсе, а это может быть что угодно от названий до расположения элементов.

Дальше-то что?
Собираете инсайты, исправляете интерфейс (вы поймёте, что исправлять), описываете свои подвиги в кейсе. Вуаля, вы потрясающий и почти уже взрослый дизайнер.

P.S. Помните, что это - коридорка, а не юзабилити-тест. Про разницу тут рассказывала
1.4K viewsedited  09:16
Открыть/Комментировать
2022-04-29 09:19:02 Два патпищика, которые ждали, наконец дождались! Пятничное #поясни_за_портфолио снова здесь, ура

Свет и картинка пока не очень, но я над этим работаю

Буду радоваться каждому лукасу и комментарию от вас!



1.9K viewsedited  06:19
Открыть/Комментировать
2022-04-27 12:24:25 Срочный пост имени горящей жопы

Сегодня общалась с одной крупной российской IT-компанией о том, как у них все устроено в дизайн-отделе. И я офигела, ребята.

джун = дизайнер
миддл = старший дизайнер
синьор = ведущий дизайнер
лид = руководитель

Похоже, про позицию младший дизайнер они как-то забыли. Не классно быть младшим.

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

У вас также?
1.9K views09:24
Открыть/Комментировать
2022-04-27 09:23:01
Тизер-шарада к моему сегодняшнему воркшопу для DL Pro в 14:30 по Москве

#мемнаясреда

П.С.: Пишите свои догадки про чо воркшоп!
2.3K views06:23
Открыть/Комментировать
2022-04-20 09:48:24
Какой выберешь ты?
За мат извени

#мемнаясреда
2.4K views06:48
Открыть/Комментировать
2022-04-19 17:29:13 Ребята, ребята!
Мой в прошлом преподаватель, а нынче - коллега (я просто еще в магистратуре в универе преподаю), Андрей Балканский сделал подкаст За Дизайн!

Разговоры про дизайн в широком смысле.
Пока всего один выпуск из двух частей, про Промышленный дизайн. Послушала с большим удовольствием!
Кто любит подскасты - советую прям от души
2.5K viewsedited  14:29
Открыть/Комментировать