Forwarded from Галерея
Эта картинка учит нас, что если у человека есть сложившийся паттерн поведения, то не важно что сделает дизайнер. Человек сначала попробует этот паттерн.
Кнопка у двери = звонок
Большая ручка на входной двери = открывается на себя
Квадрат с галочкой = чекбокс (привет, Эппл со своими круглыми чекбоксами в iOS, но квадратными на Маке)
Если в вашем дизайне есть что-то, что ломает привычки — людям будет больно. Не боритесь с людьми, направляйте)
P.S. Конкретно в решении с дверью, достаточно было повесить замок на саму дверь. Это бы работало с привычкой «что-то на двери у ручки = замок»
Кнопка у двери = звонок
Большая ручка на входной двери = открывается на себя
Квадрат с галочкой = чекбокс (привет, Эппл со своими круглыми чекбоксами в iOS, но квадратными на Маке)
Если в вашем дизайне есть что-то, что ломает привычки — людям будет больно. Не боритесь с людьми, направляйте)
P.S. Конкретно в решении с дверью, достаточно было повесить замок на саму дверь. Это бы работало с привычкой «что-то на двери у ручки = замок»
👍6
Любовь к архитектуре
Я заканчивал архитекрутный ВУЗ, но в итоге ушел в дизайн.
Интересно, что все «новые методы подходов к дизайну интерфейсов» уже существовали в классическом архитектурном образовании. Нас учили:
1. Исследовать аудиторию и контекст. Мы смотрели рельеф и престижность района неподалёку. Похоже на маркетинговые исследования при старте продукта.
2. Изучать потребности аудитории: есть ли рядом магазины? Нужны ли в доме торговые площади? А под детские кружки? Что-то типа JTBD
3. Понимать строительные ГОСТы и СНИПы. Привет, гайдлайны платформ
4. Считать стоимость архитектурных решений. Здравствуйте, планирования с разработчиками.
5. Делать всё по сетке.
6. Даже компоненты были, представляете. В 2005 году я создавал в Архикаде компонент «Стена», в котором настраивал толщины материалов и даже их стоимость. Я мог создавать варианты для этой стены, прям как в Фигме, но сложнее.
7. Ну и конечно проектировать от общего к частному: сначала наброски, потом выяснение реальности постройки, затем детали. 1 в 1 продуктовый процесс
Так что высшее образование в любом случае даёт какую-то базу)
Учёба прошла, а любовь осталась. Сейчас я подпитываю её инстаграммом и уютными архитектурными каналами. Если вам тоже нравится что-то подобное — кидайте в комментариях, буду рад.
Я заканчивал архитекрутный ВУЗ, но в итоге ушел в дизайн.
Интересно, что все «новые методы подходов к дизайну интерфейсов» уже существовали в классическом архитектурном образовании. Нас учили:
1. Исследовать аудиторию и контекст. Мы смотрели рельеф и престижность района неподалёку. Похоже на маркетинговые исследования при старте продукта.
2. Изучать потребности аудитории: есть ли рядом магазины? Нужны ли в доме торговые площади? А под детские кружки? Что-то типа JTBD
3. Понимать строительные ГОСТы и СНИПы. Привет, гайдлайны платформ
4. Считать стоимость архитектурных решений. Здравствуйте, планирования с разработчиками.
5. Делать всё по сетке.
6. Даже компоненты были, представляете. В 2005 году я создавал в Архикаде компонент «Стена», в котором настраивал толщины материалов и даже их стоимость. Я мог создавать варианты для этой стены, прям как в Фигме, но сложнее.
7. Ну и конечно проектировать от общего к частному: сначала наброски, потом выяснение реальности постройки, затем детали. 1 в 1 продуктовый процесс
Так что высшее образование в любом случае даёт какую-то базу)
Учёба прошла, а любовь осталась. Сейчас я подпитываю её инстаграммом и уютными архитектурными каналами. Если вам тоже нравится что-то подобное — кидайте в комментариях, буду рад.
❤10👍2
Про стандартизацию
Когда-то я мечтал, что люди смогут договориться и сделать единые стандарты для всего. А потом я понял, что не могут. Не потому что мудаки, а потому, что это не выгодно. Смотрите, сколько клипсов придумали автопроизовители и не договорились до чего-то одного.
Ответ кроется, как всегда, в деньгах. Используешь чужую клипсу — платишь деньги за патент.
Советую почитать поучительную историю про отвёртки. Минусовая — самая хреновая. Самая эффективная — квадратная. Но т.к. автор патента хотел денег за каждый автомобиль с использованием такого типа отвёрток, никто ими не пользуется https://masterok.livejournal.com/3354755.html
Когда-то я мечтал, что люди смогут договориться и сделать единые стандарты для всего. А потом я понял, что не могут. Не потому что мудаки, а потому, что это не выгодно. Смотрите, сколько клипсов придумали автопроизовители и не договорились до чего-то одного.
Ответ кроется, как всегда, в деньгах. Используешь чужую клипсу — платишь деньги за патент.
Советую почитать поучительную историю про отвёртки. Минусовая — самая хреновая. Самая эффективная — квадратная. Но т.к. автор патента хотел денег за каждый автомобиль с использованием такого типа отвёрток, никто ими не пользуется https://masterok.livejournal.com/3354755.html
👍3🔥3
Сначала к разработчикам — потом закрываем задачу
Очевидный совет, которому часто не следуют
Я работал в компании, в которой сначала дизайнеры делали дизайн, отдавали разрабочикам Фигму «как есть», а потом возмущались, что в сборке всё нет так. Сроки релизов подходили, замечания не исправлялись, напряжение росло. Разберём пример на картинке.
В чём конфликт
Дизайнеры: разработчики поленились и не собрали как надо. Мы нарисовали размытие и цветную тень, а они этого не сделали.
Разработчики: дизайнеры напридумывали, а сделать это слишком сложно и дорого. На Андроиде сделать динамическое размытие фона — это много тяжелой работы. Цветные тени есть только на 9 Андроиде, а у нас 30% юзеров на 7-8. Ещё и сроки горят.
Релиз менеджер: сценарий работает, не растягиваем разработку, красивости от лукавого
Как так получилось
Люди не знают о проблемах в других отделах и валят ответственность друг на друга. Все дураки, а я Д’Артаньян. При этом все замолчали проблему и не пошли разбираться в процессе.
Как решить
Общаться. Как только дизайнер придумал логику — сходить к разработчикам, попросить оценить. Сделал визуал — сходить ещё раз. Увидел проблему — обсуди.
Снять корону. Некоторые дизайнеры считают себя архитекторами будущего приложения, а разработчиков вроде сторителей, которые должны воплотить его замысел. Это не так. Большинство разработчиков имеют немалую насмотренность и гибкий ум. Лучше решения создаются, когда дизайнер сидит рядом с разработчиком и они придумывают решения вместе. Бывает даже, что у разработчика есть набор решений, который он давно хотел сделать, а случая не возникало. Эти решения могут быть лучше, чем у дизайнера.
Главное: общайтесь, советуйтесь со всеми, кто причастен к вашему решению, не отдавайте дизайн в пустоту. Пробуйте решение на прочность до тех пор, пока оно не выдержит критику как с технической стороны, так и со стороны бизнеса и пользователей. Без общения, конфликты копятся. Как и везде.
Очевидный совет, которому часто не следуют
Я работал в компании, в которой сначала дизайнеры делали дизайн, отдавали разрабочикам Фигму «как есть», а потом возмущались, что в сборке всё нет так. Сроки релизов подходили, замечания не исправлялись, напряжение росло. Разберём пример на картинке.
В чём конфликт
Дизайнеры: разработчики поленились и не собрали как надо. Мы нарисовали размытие и цветную тень, а они этого не сделали.
Разработчики: дизайнеры напридумывали, а сделать это слишком сложно и дорого. На Андроиде сделать динамическое размытие фона — это много тяжелой работы. Цветные тени есть только на 9 Андроиде, а у нас 30% юзеров на 7-8. Ещё и сроки горят.
Релиз менеджер: сценарий работает, не растягиваем разработку, красивости от лукавого
Как так получилось
Люди не знают о проблемах в других отделах и валят ответственность друг на друга. Все дураки, а я Д’Артаньян. При этом все замолчали проблему и не пошли разбираться в процессе.
Как решить
Общаться. Как только дизайнер придумал логику — сходить к разработчикам, попросить оценить. Сделал визуал — сходить ещё раз. Увидел проблему — обсуди.
Снять корону. Некоторые дизайнеры считают себя архитекторами будущего приложения, а разработчиков вроде сторителей, которые должны воплотить его замысел. Это не так. Большинство разработчиков имеют немалую насмотренность и гибкий ум. Лучше решения создаются, когда дизайнер сидит рядом с разработчиком и они придумывают решения вместе. Бывает даже, что у разработчика есть набор решений, который он давно хотел сделать, а случая не возникало. Эти решения могут быть лучше, чем у дизайнера.
Главное: общайтесь, советуйтесь со всеми, кто причастен к вашему решению, не отдавайте дизайн в пустоту. Пробуйте решение на прочность до тех пор, пока оно не выдержит критику как с технической стороны, так и со стороны бизнеса и пользователей. Без общения, конфликты копятся. Как и везде.
👍19❤2👏1
Если хочется вернуться в 2007, попробуйте создать резюме на Хед Хантере
❤6
🎉 Сегодня каналу исполнилось 5 лет!
Не успел оглянуться, как пролетело время. Спасибо всем, кто читает, комментирует, делится постами с друзьями. Вы заряжаете меня желанием жить и работать ❤️. Надеюсь, вам тоже полезно то, что я здесь пишу)
Самое интересное за эти 5 лет. Список небольшой, выбирал самое полезное.
Список, что я советую всем дизайнерам
https://news.1rj.ru/str/Design_fire/395
Как создать продуктовую страницу
https://news.1rj.ru/str/Design_fire/645
Как выровнять цвета по тону. Несколько записей подряд
https://news.1rj.ru/str/Design_fire/591
Как дизайнеру найти задачи
https://news.1rj.ru/str/Design_fire/631
Зачем хранить старые работы и мысли
https://news.1rj.ru/str/Design_fire/646
Критикуешь — не жести
https://news.1rj.ru/str/Design_fire/652
Нативные и кастомные элементы. Каюсь, называл нативные элементы стандартными, но это немного неверно.
https://news.1rj.ru/str/Design_fire/661
Что делать, если дизайнером пренебрегают
https://news.1rj.ru/str/Design_fire/1040
Зачем показывать в портфолио юайкит и брендбук
https://news.1rj.ru/str/Design_fire/1043
Не успел оглянуться, как пролетело время. Спасибо всем, кто читает, комментирует, делится постами с друзьями. Вы заряжаете меня желанием жить и работать ❤️. Надеюсь, вам тоже полезно то, что я здесь пишу)
Самое интересное за эти 5 лет. Список небольшой, выбирал самое полезное.
Список, что я советую всем дизайнерам
https://news.1rj.ru/str/Design_fire/395
Как создать продуктовую страницу
https://news.1rj.ru/str/Design_fire/645
Как выровнять цвета по тону. Несколько записей подряд
https://news.1rj.ru/str/Design_fire/591
Как дизайнеру найти задачи
https://news.1rj.ru/str/Design_fire/631
Зачем хранить старые работы и мысли
https://news.1rj.ru/str/Design_fire/646
Критикуешь — не жести
https://news.1rj.ru/str/Design_fire/652
Нативные и кастомные элементы. Каюсь, называл нативные элементы стандартными, но это немного неверно.
https://news.1rj.ru/str/Design_fire/661
Что делать, если дизайнером пренебрегают
https://news.1rj.ru/str/Design_fire/1040
Зачем показывать в портфолио юайкит и брендбук
https://news.1rj.ru/str/Design_fire/1043
Telegram
Дизайн печь 🔥
Список, что я советую всем дизайнерам
Иногда ко мне обращаются начинающие дизайнеры. Они спрашивают с чего начать путь дизайнера интерфейсов, чтобы четко, по делу и не распыляться. Я собрал для них список ссылок, который сильно повлиял на моё развитие. Он…
Иногда ко мне обращаются начинающие дизайнеры. Они спрашивают с чего начать путь дизайнера интерфейсов, чтобы четко, по делу и не распыляться. Я собрал для них список ссылок, который сильно повлиял на моё развитие. Он…
❤7🔥5
Микросценарии
Хорошие дизайнеры интерфейсов прорабатывают микросценарии — то как работать с небольшими элементами, такими как выпадашки, поля ввода, кнопки паузы и т.д.
Хороший способ узнать как дизайнер мыслит в эту сторону — попросить описать его сценарии работы с полем ввода времени. Если человек захотел изменить время, то как будет работать поле? Что будет, если он введёт число 80? Как будет вести себя поле, если поставить курсор в начале и ввести число? А в середине? В конце?
Открывается целая вселенная по сценариев один сложнее другого.
Посмотрите для примера как Контур детально описывает ввод данных https://guides.kontur.ru/components/calendar/#Rabota_s_klaviaturoi
Самое удобное поле ввода времени я нашел у Coral Design System https://design.talend.com/?path=/docs/design-system-form-form-fields-time--time
Если вы знаете ещё задачки со сложными компонентами, которые кажутся простыми — пишите в комментарии.
Хорошие дизайнеры интерфейсов прорабатывают микросценарии — то как работать с небольшими элементами, такими как выпадашки, поля ввода, кнопки паузы и т.д.
Хороший способ узнать как дизайнер мыслит в эту сторону — попросить описать его сценарии работы с полем ввода времени. Если человек захотел изменить время, то как будет работать поле? Что будет, если он введёт число 80? Как будет вести себя поле, если поставить курсор в начале и ввести число? А в середине? В конце?
Открывается целая вселенная по сценариев один сложнее другого.
Посмотрите для примера как Контур детально описывает ввод данных https://guides.kontur.ru/components/calendar/#Rabota_s_klaviaturoi
Самое удобное поле ввода времени я нашел у Coral Design System https://design.talend.com/?path=/docs/design-system-form-form-fields-time--time
Если вы знаете ещё задачки со сложными компонентами, которые кажутся простыми — пишите в комментарии.
❤4🔥3👍1
Дизайн-печь 🔥 Ваня Емелюшкин
Уровни блюра в iOS Раньше я думал, что их 3, а их 11! ОДИННАДЦАТЬ!!!! Как выбирать? Я люблю добавлять в интерфейсы «стеклянные» поверхности. Они красиво размывают фон за собой. Обычно, я слышал от разработчиков, что есть 3 стандартных типа блюра: Extra Light…
Я уже писал, что в iOS 11 видов размытия, а не 3. Если вы ещё не читали, специально для вас оформил всё в статью
https://medium.com/design-pub/11-%D0%BE%D1%82%D1%82%D0%B5%D0%BD%D0%BA%D0%BE%D0%B2-%D1%80%D0%B0%D0%B7%D0%BC%D1%8B%D1%82%D0%B8%D1%8F-c22ffbdd06af
https://medium.com/design-pub/11-%D0%BE%D1%82%D1%82%D0%B5%D0%BD%D0%BA%D0%BE%D0%B2-%D1%80%D0%B0%D0%B7%D0%BC%D1%8B%D1%82%D0%B8%D1%8F-c22ffbdd06af
Medium
11 оттенков размытия
Выбрать нужное и заслужить благодарность разработчиков
🔥10
Так же собрал файл в Фигме с готовыми стилями, 1 в 1 как у разработчиков. Забирайте себе, используйте в своих проектах
https://www.figma.com/community/file/1199745863994731034
https://www.figma.com/community/file/1199745863994731034
Figma
iOS Blurs | Figma
The native blur types in iOS. Use them in your design to make it easier for developers to develop them.
👍14
Проектировать вширь и вглубь
Проектировать вширь — это искать какие ещё задачи может решать готовый сервис. Например, когда Яндекс такси начал коробки доставлять вместо служб курьерской доставки. Чтобы уметь такое придумывать, нужно узнавать как устроен мир, смотреть на смежные сферы. Так умеют только самые крутые дизайнеры и продакты.
Проектировать вглубь — это решать задачи уже существующей аудитории. Например, когда в Яндекс такси появилась тревожная кнопка SOS, потому, что клиенты не чувствовали себя в полной безопасности. Чтобы проектировать вглубь, нужно учиться проводить интерьвю и верно выяснять боли клиентов.
Проектировать вширь — это искать какие ещё задачи может решать готовый сервис. Например, когда Яндекс такси начал коробки доставлять вместо служб курьерской доставки. Чтобы уметь такое придумывать, нужно узнавать как устроен мир, смотреть на смежные сферы. Так умеют только самые крутые дизайнеры и продакты.
Проектировать вглубь — это решать задачи уже существующей аудитории. Например, когда в Яндекс такси появилась тревожная кнопка SOS, потому, что клиенты не чувствовали себя в полной безопасности. Чтобы проектировать вглубь, нужно учиться проводить интерьвю и верно выяснять боли клиентов.
👍12
Как ограничить время созвонов и никого не обидеть
Когда началась удалёнка во время ковида, количество моих созвонов увеличилось настолько, что я сделал ремонт в комнате. Тогда же я понял, что большинство созвонов не требует моего внимания.
Тогда уже интернет заполонили статьи типа «ограничьте созвон 15 минутами», но это не работало. Ретро сложно ограничить даже часом. Важный созвон с заказчиком, на котором дизайнер представляет работу тоже не сократишь.
Но что делать с созвонами, когда дизайнер нужен для подстраховки, типа планирований разработчиков? Или обсуждения фичи всей командой, когда разрабы начали тереть за методы? Советы про лаконичность мысли тоже хороши, но не все умеют выражаться кратко.
Я вывел 3 правила:
1. Если человек нужен на «всякий случай», то договоритесь, что он будет доступен, но на сам созвон не идёт. Так его можно будет пригласить в любой момент, но не тратить его время. Работает в обе стороны
2. Если люди начали тереть о своём, а о вас забыли, то стоит таки прервать и уточнить остались ли вопросы. Да, не очень вежливо, то поможет не тратить своё время и уйти раньше.
3. Запись созвонов и публикация на скрытый канал компании в ютубе. Самое шикарное — записать созвон, а потом прослушать его на двойной скорости. Если возникли вопросы и предложения, всегда можно задать в чате с ссылкой на таймкод. Кроме того, помогает разрешать споры «кто и что говорил»
Когда началась удалёнка во время ковида, количество моих созвонов увеличилось настолько, что я сделал ремонт в комнате. Тогда же я понял, что большинство созвонов не требует моего внимания.
Тогда уже интернет заполонили статьи типа «ограничьте созвон 15 минутами», но это не работало. Ретро сложно ограничить даже часом. Важный созвон с заказчиком, на котором дизайнер представляет работу тоже не сократишь.
Но что делать с созвонами, когда дизайнер нужен для подстраховки, типа планирований разработчиков? Или обсуждения фичи всей командой, когда разрабы начали тереть за методы? Советы про лаконичность мысли тоже хороши, но не все умеют выражаться кратко.
Я вывел 3 правила:
1. Если человек нужен на «всякий случай», то договоритесь, что он будет доступен, но на сам созвон не идёт. Так его можно будет пригласить в любой момент, но не тратить его время. Работает в обе стороны
2. Если люди начали тереть о своём, а о вас забыли, то стоит таки прервать и уточнить остались ли вопросы. Да, не очень вежливо, то поможет не тратить своё время и уйти раньше.
3. Запись созвонов и публикация на скрытый канал компании в ютубе. Самое шикарное — записать созвон, а потом прослушать его на двойной скорости. Если возникли вопросы и предложения, всегда можно задать в чате с ссылкой на таймкод. Кроме того, помогает разрешать споры «кто и что говорил»
🔥11❤1👍1
Как испортить продукт и заработать денег
Однажды компания, в которой я работал, выпустила приложение-линейку. Простое, как на картинке. Прикладываешь телефон и измеряешь. В центре была реклама, измерениям не мешала, отключалась рублей за 10. Приложение быстро набрало 5 звёзд и хорошие отзывы, неплохо продавалось.
Компания решила играть жестко и начала показывать баннер поверх приложения с огромной кнопкой подписки. Если человек нажимал, то у него списывалось 800 рублей за линейку! Рейтинг сразу скатился до 1 звезды, инсталлы упали, но приложение стало зарабатывать раза в 2 больше. Смогли найти кнопку, как продолжить без подписки? Она есть)
Выводы:
1. Достаточно много импульсивных людей. Они жмут на большую яркую кнопку и не читают тексты
2. На этом можно заработать
3. Продукт не обязательно должен быть хорошим, чтобы приносить деньги
Это не значит, что всем срочно нужно делать чёрную платёжную механику. Но эта история объясняет почему так много подобных решений на рынке. Кушать всем хочется. Бизнес — это про прибыль. Светлые идеалы — лишь один из путей продвижения.
Однажды компания, в которой я работал, выпустила приложение-линейку. Простое, как на картинке. Прикладываешь телефон и измеряешь. В центре была реклама, измерениям не мешала, отключалась рублей за 10. Приложение быстро набрало 5 звёзд и хорошие отзывы, неплохо продавалось.
Компания решила играть жестко и начала показывать баннер поверх приложения с огромной кнопкой подписки. Если человек нажимал, то у него списывалось 800 рублей за линейку! Рейтинг сразу скатился до 1 звезды, инсталлы упали, но приложение стало зарабатывать раза в 2 больше. Смогли найти кнопку, как продолжить без подписки? Она есть)
Выводы:
1. Достаточно много импульсивных людей. Они жмут на большую яркую кнопку и не читают тексты
2. На этом можно заработать
3. Продукт не обязательно должен быть хорошим, чтобы приносить деньги
Это не значит, что всем срочно нужно делать чёрную платёжную механику. Но эта история объясняет почему так много подобных решений на рынке. Кушать всем хочется. Бизнес — это про прибыль. Светлые идеалы — лишь один из путей продвижения.
😱8👍2❤1🤔1