«Подкладывание» действий
01. Постоянно сталкиваюсь со штукой, которую называю «подкладыванием действия». Обычно все они связаны с введением чего-то в инпуте. Например, введением названия или поискового запроса. Это работает примерно везде: в ноушене, в спотифае, в фигме…
02. Механика оч простая. Юзер куда-то кликает, а следующим действием система сама фокусит инпут для ввода. Т.е. юзеру не нужно тащить курсор и самому кликать на инпут.
03. С точки зрения проектирования, всё просто. Если вы четко знаете юзер флоу, и знаете, что после клика на кнопку_X обычно происходит действие_Y, то почему бы не избавить юзера от лишних кликов, и подсветить инпут.
04. Польза, тоже очевидна. Юзер быстрее делает свои дела и не переключает внимание на курсор.
05. В теории, есть обратная сторона этой радости. Мол, когда вероятных «следующих действий» слишком много, а мы подсвечиваем какое-то одно. Я думаю это что-то из «темных паттернов» и в здравом уме никто не будет так делать. Если я не прав – скидывайте примеры в комменты )))
01. Постоянно сталкиваюсь со штукой, которую называю «подкладыванием действия». Обычно все они связаны с введением чего-то в инпуте. Например, введением названия или поискового запроса. Это работает примерно везде: в ноушене, в спотифае, в фигме…
02. Механика оч простая. Юзер куда-то кликает, а следующим действием система сама фокусит инпут для ввода. Т.е. юзеру не нужно тащить курсор и самому кликать на инпут.
03. С точки зрения проектирования, всё просто. Если вы четко знаете юзер флоу, и знаете, что после клика на кнопку_X обычно происходит действие_Y, то почему бы не избавить юзера от лишних кликов, и подсветить инпут.
04. Польза, тоже очевидна. Юзер быстрее делает свои дела и не переключает внимание на курсор.
05. В теории, есть обратная сторона этой радости. Мол, когда вероятных «следующих действий» слишком много, а мы подсвечиваем какое-то одно. Я думаю это что-то из «темных паттернов» и в здравом уме никто не будет так делать. Если я не прав – скидывайте примеры в комменты )))
👍7
Привет! Знаю, я давно не писал сюда. Но жизнь в эмиграции это то ещё приключение. Две недели назад я переехал в Сербию 🇷🇸, надеюсь на долго. Так что если кто-то живет в Белграде - пишите, поболтаем о жизни в Сербии.
❤11
Навигация в аэропорту Белграда
01. Что с ней не так? Да то что слова на сербском и на английском выглядят идентично. Конечно, если пассажиру будет очень нужно, он остановится и разберется. Но это супер плохой сценарий. Навигация в аэропорту должна быть такой, чтобы прочесть можно было без остановки, пока ты пассажир идёт получать багаж или спешит на рейс (pic. 1).
02. Как это решить? Универсальным дизайнерским инструментом - увеличением контраста. Самое базовое, что можно быстро исправить - изменить цвет и яркость английского текста (pic. 2).
03. А вообще, по-хорошему, стоит заменить и шрифты и иконку багажа, а то она на мешок похожа. Я выбрал не лучшие шрифты, но замысел понятен. Иконку не трогал (pic. 3).
01. Что с ней не так? Да то что слова на сербском и на английском выглядят идентично. Конечно, если пассажиру будет очень нужно, он остановится и разберется. Но это супер плохой сценарий. Навигация в аэропорту должна быть такой, чтобы прочесть можно было без остановки, пока ты пассажир идёт получать багаж или спешит на рейс (pic. 1).
02. Как это решить? Универсальным дизайнерским инструментом - увеличением контраста. Самое базовое, что можно быстро исправить - изменить цвет и яркость английского текста (pic. 2).
03. А вообще, по-хорошему, стоит заменить и шрифты и иконку багажа, а то она на мешок похожа. Я выбрал не лучшие шрифты, но замысел понятен. Иконку не трогал (pic. 3).
👍10
К предыдущему посту ↑↑↑
01. История с навигацией напомнила мне старый пост про иконки. Поучительная часть всё та же — чтобы проверить как работает ваша навигация - переведите её на два не родных вам языка.
02. Разберём на примере (см. на картинки ↑↑↑). Как видно, родной язык мы считываем даже когда контрасты одинаковые (рис. 1), разница кириллицы и латиницы, конечно, этому помогает. Но стоит поменять знакомый нам, русский язык, на что-то другое, как сразу всё путается (рис. 2) латинское написание индонезийского тоже этому помогает. И вот представьте себе туриста из Китая или Японии, который привык к иероглифам, а тут «эти ваши» латинские и кириллические буквы. С помощью контрастов (рис. 3,4) мы помогаем разделить 2 «похожих» языка и задаём систему; т.е. условный турист запомнит: «сереньким и снизу это англ., туда и буду смотреть».
03. Это всё довольно грубый пример. Но, я хочу обратить внимание на когнитивную ловушку, в которой наш мозг быстрее выделяет из инфо-шума знакомые и понятные вещи. Если вы ловите себя на том, что «глаз замылился» или не понимаете «работает ли дизайн» - имеет смысл позвать кого-то со стороны или поменять язык навигации / интерфейса / etc.
01. История с навигацией напомнила мне старый пост про иконки. Поучительная часть всё та же — чтобы проверить как работает ваша навигация - переведите её на два не родных вам языка.
02. Разберём на примере (см. на картинки ↑↑↑). Как видно, родной язык мы считываем даже когда контрасты одинаковые (рис. 1), разница кириллицы и латиницы, конечно, этому помогает. Но стоит поменять знакомый нам, русский язык, на что-то другое, как сразу всё путается (рис. 2) латинское написание индонезийского тоже этому помогает. И вот представьте себе туриста из Китая или Японии, который привык к иероглифам, а тут «эти ваши» латинские и кириллические буквы. С помощью контрастов (рис. 3,4) мы помогаем разделить 2 «похожих» языка и задаём систему; т.е. условный турист запомнит: «сереньким и снизу это англ., туда и буду смотреть».
03. Это всё довольно грубый пример. Но, я хочу обратить внимание на когнитивную ловушку, в которой наш мозг быстрее выделяет из инфо-шума знакомые и понятные вещи. Если вы ловите себя на том, что «глаз замылился» или не понимаете «работает ли дизайн» - имеет смысл позвать кого-то со стороны или поменять язык навигации / интерфейса / etc.
👍12
Спасибо всем, кто пишет мне про ошибки в тексте поста или в картинках. Я сам могу что-то упускать, а вы ничего не упускаете! ♥️
❤7
Зашквар или нет?
Представьте, что вас зовут выступить/поучаствовать на дизайн-евенте, который делают гос. компании (Газпром, Роснефть, ВТБ и тд) или очевидные Z-патриоты (Дизайн-выходные). Насколько, по вашему мнению, зашкварно участвовать в таких событиях?
У меня целая дилемма на этот счет. Потому что, с одной стороны, это же событие про дизайн, а не про политику. Но с другой, как будто участвую в этом, ты соглашаешься с позицией организаторов (или компании). С третьей стороны, как будто бы участвую в таких событиях можно толкать антивоенную повестку, но это может быть не уместно. Крч хз.
Ниже положу опрос на эту тему, но хочется услышать более развёрнутое мнение ↓↓↓
Представьте, что вас зовут выступить/поучаствовать на дизайн-евенте, который делают гос. компании (Газпром, Роснефть, ВТБ и тд) или очевидные Z-патриоты (Дизайн-выходные). Насколько, по вашему мнению, зашкварно участвовать в таких событиях?
У меня целая дилемма на этот счет. Потому что, с одной стороны, это же событие про дизайн, а не про политику. Но с другой, как будто участвую в этом, ты соглашаешься с позицией организаторов (или компании). С третьей стороны, как будто бы участвую в таких событиях можно толкать антивоенную повестку, но это может быть не уместно. Крч хз.
Ниже положу опрос на эту тему, но хочется услышать более развёрнутое мнение ↓↓↓
😁1
Участвовать в событиях от гос.компаний и Z-патриотов – это…
Anonymous Poll
44%
Зашквар
49%
Не зашквар
6%
Напишу в комментах
Чизайн
Участвовать в событиях от гос.компаний и Z-патриотов – это…
Так, проголосовало всего 54 человека. Давайте ещё, тема важная!
Чизайн
Участвовать в событиях от гос.компаний и Z-патриотов – это…
По итогам голосования получается, что после участия в гипотетическом евенте от гос. компаний 54% патпищиков не будут меня хэйтить, а 40% будут. Справедливо.
Для себя я пока что не нашел окончательный ответ. Думаю стоит выписать на листочке все аргументы за и против.
Для себя я пока что не нашел окончательный ответ. Думаю стоит выписать на листочке все аргументы за и против.
Самая частая когнитивная ловушка
Я редко соглашаюсь с постами Миши Розова в его канале, но со вчерашним постом согласен на все 146%. Да и вообще сам давно хотел поделиться этой мыслью.
Суть поста в следующем: не ожидайте, что с первого раза у вас получится супер результат (особенно если делаете что-то сложное).
Все дизайнеры попадают в эту ловушку. Видят результаты других дизов и думают что у них сразу получилось. Но это не так. Вообще с первого раза мало что получается. Это скорее везение.
Вот рисуете вы концепцию. И так и сяк, и ничего не получается. Сделайте перерыв, отдохните, смените концепцию, попробуйте другое решение, посмотрите другие рефы, пообщайтесь с заказчиком. В общем, не стоит зацикливаться на одном решении и долбить его пока не кончатся бюджет и нервы. Главное не забудьте заранее заложить себе на работу время на 2-3 итерации.
В общем, ЭТО НОРМАЛЬНО, что у вас не получается с первого раза. Дайте себе право на несколько попыток. Чем старше будете становиться, тем меньше попыток вам будет нужно для достижения хорошего результата.
Такой вот «терапевтический» вышел пост ))
Я редко соглашаюсь с постами Миши Розова в его канале, но со вчерашним постом согласен на все 146%. Да и вообще сам давно хотел поделиться этой мыслью.
Суть поста в следующем: не ожидайте, что с первого раза у вас получится супер результат (особенно если делаете что-то сложное).
Все дизайнеры попадают в эту ловушку. Видят результаты других дизов и думают что у них сразу получилось. Но это не так. Вообще с первого раза мало что получается. Это скорее везение.
Вот рисуете вы концепцию. И так и сяк, и ничего не получается. Сделайте перерыв, отдохните, смените концепцию, попробуйте другое решение, посмотрите другие рефы, пообщайтесь с заказчиком. В общем, не стоит зацикливаться на одном решении и долбить его пока не кончатся бюджет и нервы. Главное не забудьте заранее заложить себе на работу время на 2-3 итерации.
В общем, ЭТО НОРМАЛЬНО, что у вас не получается с первого раза. Дайте себе право на несколько попыток. Чем старше будете становиться, тем меньше попыток вам будет нужно для достижения хорошего результата.
Такой вот «терапевтический» вышел пост ))
💯9💘4
Хэлоу! Тут Саша Чистова, дизайнерка из моей команды, недавно написала заметку, про то, как оптимизировать работу с дизайн долгом в продуктовой команде. В заметке она разбирает на что влияет большой дизайн долг и какими методами можно его уменьшить. Заметка небольшая, но полезная!
Переходите, читайте. Жду ваше мнение в комментариях.
ТЫК →
Переходите, читайте. Жду ваше мнение в комментариях.
ТЫК →
vc.ru
Как дизайнеру выстраивать работу над дизайн-долгом во внутреннем продукте — Дизайн на vc.ru
Привет! Я Саша Чистова — дизайнер команды интерфейсов студии pinkman. В этой статье расскажу, как у нас появился дизайн-долг во внутреннем b2b-продукте для X5 Group и как мы выстраивали работу над ним.
❤7🎉3
Поддержка юзеров
01. Недавно у меня сломался доступ в Госулуги. Я, конечно же, пытался восстановить его через поддержку. Но как видите, ребята сделали систему в которой «пока не залогинешься, хуй тебе, а не поддержка».
02. Вероятно, они так защищаются от DDoS-атак, но в итоге получается, что разработчики никогда не узнают о проблемах части юзеров, просто потому что юзеры не смогут о них сообщить 🤡
03. Вообще, решение это ситуации уже давно придумано. Просто размещаете форму с капчей (для защиты от ботов) + даете поле «email для связи» и всё. Но видимо у ребят свой «особый путь».
01. Недавно у меня сломался доступ в Госулуги. Я, конечно же, пытался восстановить его через поддержку. Но как видите, ребята сделали систему в которой «пока не залогинешься, хуй тебе, а не поддержка».
02. Вероятно, они так защищаются от DDoS-атак, но в итоге получается, что разработчики никогда не узнают о проблемах части юзеров, просто потому что юзеры не смогут о них сообщить 🤡
03. Вообще, решение это ситуации уже давно придумано. Просто размещаете форму с капчей (для защиты от ботов) + даете поле «email для связи» и всё. Но видимо у ребят свой «особый путь».
🤡6💩1🥱1
Чизайн
Поддержка юзеров 01. Недавно у меня сломался доступ в Госулуги. Я, конечно же, пытался восстановить его через поддержку. Но как видите, ребята сделали систему в которой «пока не залогинешься, хуй тебе, а не поддержка». 02. Вероятно, они так защищаются от…
Продумывание фичей
01. К слову, в этой ↑↑↑ истории мы снова натыкаемся на мою постоянную мантру: «заранее продумывайте критичные edge-кейсы».
02. Если что, началось всё из-за того, что на Госуслугах появилась возможность входа через Google Authenticator. Возможность-то появилась, но чуваки то ли забыли, то ли не успели реализовать решение для edge-кейсов типа: «что делать если юзер потерял доступ» и пр.
03. При этом, решения давно существуют. Надо просто впилить recovery-коды при подключении двухфакторки и дать возможность связаться с поддержкой без авторизации. И всё, никакого рокет саенса!
01. К слову, в этой ↑↑↑ истории мы снова натыкаемся на мою постоянную мантру: «заранее продумывайте критичные edge-кейсы».
02. Если что, началось всё из-за того, что на Госуслугах появилась возможность входа через Google Authenticator. Возможность-то появилась, но чуваки то ли забыли, то ли не успели реализовать решение для edge-кейсов типа: «что делать если юзер потерял доступ» и пр.
03. При этом, решения давно существуют. Надо просто впилить recovery-коды при подключении двухфакторки и дать возможность связаться с поддержкой без авторизации. И всё, никакого рокет саенса!
💯2
Хэлоу! Я последнее время часто замечаю, что телеграм-блоги про дизайн превращаются в личные блоги. Если честно не знаю как к этому относиться.
С одной стороны, это логично; мол «мне интересен человек и то как он думает, поэтому пусть выплескивает всё». С другой стороны, как будто это какое-то лукавство, мол экспертизу в индустрии можно подменять своей персональной «экстравагантностью».
Что думаете об этом?
С одной стороны, это логично; мол «мне интересен человек и то как он думает, поэтому пусть выплескивает всё». С другой стороны, как будто это какое-то лукавство, мол экспертизу в индустрии можно подменять своей персональной «экстравагантностью».
Что думаете об этом?
Что бесит в BPMN-схемах?
01.Всё! Они непонятные. Конец)))
2. Ладно, если серьезно, меня бесит не сама BPMN как система, а неуместность её использования. Например, я прошу бизнес-аналитика рассказать мне о каком-то процессе в продукте; в ответ он/она кидает мне BPMN-схему, видимо, с надеждой, что я её расшифрую. А я этого не делаю.
3. И дело тут не в BPMN, как таковом. Как и прочие специализированные инструменты, BPMN использует свой «птичий язык», непонятный всем вокруг. Потому что специалистам так проще и быстрее общаться. И это нормально. Не нормально, когда на этом «специальном» языке пытаются общаться с людьми, которые в нём не шарят (как я, например).
4. Как и всегда, мне кажется, что причина в том, что люди «не включают голову» и не заботятся о том, как результат их работы будет использоваться другими людьми.
Какие схемы рисовать вместо BPMN я расскажу чуть позже.
btw: что такое BPMN схемы →
01.
2. Ладно, если серьезно, меня бесит не сама BPMN как система, а неуместность её использования. Например, я прошу бизнес-аналитика рассказать мне о каком-то процессе в продукте; в ответ он/она кидает мне BPMN-схему, видимо, с надеждой, что я её расшифрую. А я этого не делаю.
3. И дело тут не в BPMN, как таковом. Как и прочие специализированные инструменты, BPMN использует свой «птичий язык», непонятный всем вокруг. Потому что специалистам так проще и быстрее общаться. И это нормально. Не нормально, когда на этом «специальном» языке пытаются общаться с людьми, которые в нём не шарят (как я, например).
4. Как и всегда, мне кажется, что причина в том, что люди «не включают голову» и не заботятся о том, как результат их работы будет использоваться другими людьми.
Какие схемы рисовать вместо BPMN я расскажу чуть позже.
btw: что такое BPMN схемы →
👍7🤔1