Дизайн печь 🔥. Страница 3
591
@Design_fire
Заметки о дизайне, работе и жизненных наблюдениях. Пишет Иван Емелюшкин @Nordicus, дизайнер интерфейсов из True Engineering.
-
Дизайн печь 🔥
Любовь к архитектуре Я заканчивал архитекрутный ВУЗ, но в итоге ушел в дизайн. Интересно, что все «новые методы подходов к дизайну интерфейсов» уже существовали в классическом архитектурном образовании. Нас учили: 1. Исследовать аудиторию и контекст. Мы смотрели рельеф и престижность района неподалёку. Похоже на маркетинговые исследования при старте продукта. 2. Изучать потребности аудитории: есть ли рядом магазины? Нужны ли в доме торговые площади? А под детские кружки? Что-то типа JTBD 3. Понимать строительные ГОСТы и СНИПы. Привет, гайдлайны платформ 4. Считать стоимость архитектурных решений. Здравствуйте, планирования с разработчиками. 5. Делать всё по сетке. 6. Даже компоненты были, представляете. В 2005 году я создавал в Архикаде компонент «Стена», в котором настраивал толщины материалов и даже их стоимость. Я мог создавать варианты для этой стены, прям как в Фигме, но сложнее. 7. Ну и конечно проектировать от общего к частному: сначала наброски, потом выяснение реальности постройки, затем детали. 1 в 1 продуктовый процесс Так что высшее образование в любом случае даёт какую-то базу) Учёба прошла, а любовь осталась. Сейчас я подпитываю её инстаграммом и уютными архитектурными каналами, типа такого https://t.me/dizaynery. Если у вас есть ссылки на что-то подобное — кидайте в комментариях, буду рад. Архитектура и Дизайн Крутые дизайнерские и архитектурные идеи со всего света. Чат для общения https://t.me/+C15Hmnx8_hIzNjNi По сорудничеству и рекламе сюда @DashaK96
-
Дизайн печь 🔥
Эта картинка учит нас, что если у человека есть сложившийся паттерн поведения, то не важно что сделает дизайнер. Человек сначала попробует этот паттерн. Кнопка у двери = звонок Большая ручка на входной двери = открывается на себя Квадрат с галочкой = чекбокс (привет, Эппл со своими круглыми чекбоксами в iOS, но квадратными на Маке) Если в вашем дизайне есть что-то, что ломает привычки — людям будет больно. Не боритесь с людьми, направляйте) P.S. Конкретно в решении с дверью, достаточно было повесить замок на саму дверь. Это бы работало с привычкой «что-то на двери у ручки = замок» -
Дизайн печь 🔥
Я вижу долгую борьбу и ярость в этом решении) #адовый_ux 
-
Реклама
-
Дизайн печь 🔥
Зачем показывать в портфолио юайкит и брендбук Представь, что есть студия и ей надо привлекать клиентов и увеличивать чек. В студии несколько дизайнеров. Студии нужно решить 2 задачи: 1. Получить постоянных клиентов 2. Увеличить чек Поэтому они делают брендбуки даже на интерфейсы. Т.е. реально собирают весь юайкит в ПДФку, прям как на Бехансе. Называют красиво цвета, шрифты, пишут как надо и не надо их сочетать. В общем, всё то очевидное, что у дизайнера в голове. Так клиент понимает, что всё продумано и спроектировано, а не просто «дизайнер так видит». Это увеличивает чек и повышает шансы на повторный заказ. Кроме того, у студии есть текучка кадров. Когда клиент вернётся с проектом, то его могут отдать другому дизайнеру. А тут уже готовый брендбук, от которого можно отталкиваться, сэкономить время и сделать проект быстрее. Т.е. сэкономить деньги на времени дизайнера. Если студия работает по фиксированному прайсу, то это особенно важно. Отсюда и растёт этот шаблон на Бехансе. Дизайнер уже сделал брендбук, он постарался и хочет выложить это на всеобщее обозрение. Кроме того, фрилансеры будут кидать портфель на Бехансе именно заказчикам, а не арт-директорам других студий. Если ты наёмный дизайнер и делаешь порфтолио, чтобы устроиться на работу — не надо лишнего выпендрёжа. Лучше покажи скиллы: как ты проектировал, проводил интервью и т.д. Если ты работаешь сам на себя или публикуешь с аккаунта студии — показывай какую пользу ты принёс клиенту. Прозрачность дизайн процесса — это тоже польза 
-
Дизайн печь 🔥
Выпендриваемся названием цвета Зачем Если задача на дизайн разовая, то заказчику стоит передать брендбук. Вот этот весь выпендрёж как на Бехансе со шрифтами, цветами, и прочей мишурой. Так дизайн-решения становятся прозрачнее, заказчик видит насколько решение сложное и продуманное. Это реально влияет на чек заказа и шансы обращения к вам в следующий раз. Кроме того, если работами для заказчика будет заниматься другой дизайнер, это сильно ему поможет. Обычно это полезно в дизайн-студиях, где неплохая текучка, а заказчики возвращаются раз в год-полтора. Что делать Забиваем HEX в Яндекс цвета и смотрим на красивое название 
-
Дизайн печь 🔥
-
Дизайн печь 🔥
Что делать, если дизайнером пренебрегают Решения дизайнера игнорируюся, разработчики и менеджеры продавливают свои решения? Команда не дорабатывает решение после ревью дизайнера? Дизайнера просят «просто нарисовать и не выпендриваться»? и т.д. Бейся Доказывай роль дизайнера в продукте, налаживай процессы и выйди закалённым войном. ✅Выйдешь арт-директором с опытом построения процессов, менеджеры не имеют больше власти над тобой, с бизнесом общаешься на «ты», к тебе обращаются за советом. ❌Есть шанс сгореть в угли и превратиться в унылого рисуйщика Беги Найди команду с упором на дизайн и построенными процессами, не трать время на говнюков ✅Экономишь время и психическое здоровье. В новой команде научишься ещё лучшим практикам дизайна. ❌Так и не прочувствуешь на своей шкуре трудность политических движений в компании. Поменять процесс самому, без помощи, будет крайне сложно Борьба = рост, опыт и трата ресурсов Бегство = забота о себе, в этом нет позора Выбирай то, что ближе по характеру, не ломай себя. Ты в любом случае поступишь правильно ❤️ -
Дизайн печь 🔥
Опубликовал мою дизайн приложения для АльфаСтрахования. Приложение помогает страховым агентам осмотреть автомобиль покупателя полиса и принять решение — страховать его или нет. В моём портфолио давно не было работ и я решил это исправить. Для начала решил собрать самый простой кейс, ведь 90% всего дизайна под NDA и показать я его не могу. Если вам интересно что я делал в 2018 — заглядывайте на мой Беханс www.behance.net/gallery…-company 
-
Дизайн печь 🔥
Подписочная модель — тормоз для монопольных продуктов Раньше ты мог купить Фотошоп за кучу денег и пользоваться им бессрочно. Адобу приходилось сильно стараться в каждом обновлении, чтобы люди захотели его покупать. Как только они перешли на подписку, продукт почти перестал развиваться. А зачем стараться? Люди итак платят каждый месяц, чтобы им пользоваться. Если раньше Фотошоп конкурировал сам с собой, то теперь он вне реальной конкуренции. -
Дизайн печь 🔥
😵Адоб планирует Фигму Исторически всё, к чему прикасался Адоб скатывалось в говно. Корпоративные менеджеры убили Macromedia Flash, а Фотошоп перестал развиваться, как только перешел на подписочную модель. Переживаю, как бы Фигма не утонула в багах и странных решениях. www.bloomberg.com/news/ar…up-figma UPD: уже купили Пресс релиз Adobe: news.adobe.com/news/ne…ult.aspx Twitter тред от CEO Figma: twitter.com/zoink/s…17437952 -
Дизайн печь 🔥
Яндекс выложил в открытый доступ свой фреймворк для мобильных приложений. Фреймворк работает по технологии бэкенд драйвен юая Если вы сейчас дизайнер в стартапе на этапе выбора технологии, то это может быть интересно. Что это такое: Грубо говоря, интерфейс приходит с сервера. Обычно это работает так: Дизайнеры придумывают компоненты: кнопки, свитчи, графики и т.д. Мобильные фронтендеры эти компоненты реализуют А теперь магия: дизайнеры отдают дизайн страницы бекенду. На беке делают разметку где какой элемент должен стоять и как работать и отсылают на фронт. А на фронте элементы встают на свои места. Волшебно Зачем это надо Чтобы менять интерфейс без обновления приложения. Победила в А/Б зелёная кнопка или нужный текст? Ура, оставляем её, релиз ждать не надо. Релизы на маркете будут нужны только для новых компонентов и правки багов Чтобы делать бесконечное число дешевых а/б тестов Возможность включать/отключать функции удалённо В чём минусы Такое приложение не использует нативные компоненты. Т.е. вам придётся создавать с нуля все эти таббары и поля поиска. Это дольше на старте https://divkit.tech/en/ -
Дизайн печь 🔥
Как быть увереннее в тексте Раньше я постоянно разбавлял текст своей неуверенностью, когда обсуждал свою работу. Постоянно вставлял слова «думаю, что», «мне кажется», «по моему мнению», «возможно», «может быть стоит». Будто пытался спрятать свои идеи под словестный мусор, чтобы сильно не били. Оно и логично: идеи лишь гипотезы. Нет уверенности, что они на 100% сработают. Но фишка в том, что в продукте ни у кого нет такой уверености. Даже если 300 раз протестировать прототип, решение всё равно может не залететь, потому, что изначально ошиблись с целевой аудиторией. Тестирование лишь повышает шансы на успех. Все люди высказывают гипотезы с точки зрения своего опыта и фактов, которыми владеют. А раз так, то зачем все эти лишние слова? Итак ясно, что это мнение конкретного человека. Есть лайфхак: Пиши текст как привык, а потом удаляй неуверенный мусор. Так текст станет яснее, короче, а я человек будет звучать как уверенный профессионал. Ведь он и правда всё продумал, зачем эта мишура? ❌ Может быть стоит оставить только кнопку входа через Эппл? Мне кажется, что так мы быстрее запустимся и соберём обратную связь. ✅ Давайте оставим только кнопку входа через Эппл. Так мы быстрее запустимся и соберём обратную связь -
Дизайн печь 🔥
Сначала к психотерапевту, потом к работодателю Бывает дизайнер, когда выгоряет, первым делом идёт просить совета у работодателя. Что ему делать? Другие задачи? Уходить? Работать на 2 часа меньше? Работодатель не психотерапевт, он не знает что в голове у дизайнера. Может, дизайнер перфекционист или взял слишком много, а может закончился запал или не хватвет похвалы. Работодатель может помочь, предложить творческий отпуск или сменить род деятельности. Но, даже если это поможет, он уже не сможет относиться непредвзято. Дизайнеру уже могут не доверить важную задачу: вдруг не справится, хандра на катит, а задача важная. Работодатель может даже не отдавать отчёта в том, что в голове появитля ярлык ненадёжности. Но это хороший исход, а если не поможет? Прежде, всего — идём к психотерапевту и разбираемся в себе. Узнаём почему выгораем или почему депрессия. Что делать? Какой план? Вот когда вы с психотерапевтом договорились, что нужно что-то менять в работе — идти и договариваться о новых условиях с работодателем. -
Дизайн печь 🔥
Для Андроид К сожалению, таких же годных приложений я там не знаю. Если есть что на примете — пишите в комментарии Material Design Components Неплохой сборник компонентов, но подглючивает play.google.com/store/a…/details Гайды Материал Material 2. Старые гайды, актуально будет ещё лет 5, люди медленно переходят на новые андроиды https://material.io/design Material 3. новые компоненты, новый дизайн, другая философия. Гугл добавляет персонализации и выглядит современнее https://m3.material.io/ -
Дизайн печь 🔥
Доверяй глазу В разных книгах по типографике авторы дают противоположные советы на счёт длинного тире внутри диапазона. Одни советуют его склеивать с цифрами, другие отбивать небольшими пробелами. Я же советую всегда доверять глазу и смотреть что будет. Слева мы видим Штайнбек. Ему точно нужен волосяной пробел между тире и цифрой. А вот Робото не нужен. А вот в СФ компакт пробел такой длины, что ему явно нужен воздух. Не стоит слушать правила, если с ними дизайн выглядит плохо. Почитать про тире https://type.today/ru/journal/dash Про пробелы https://kirillbelyaev.com/s/ru/ P.S. Я поставил длинное тире в примере для наглядности. Какое тире ставить в диапазонах тоже зависит от вас. Старая школа советует длинное, новая - короткое. На деле же всё зависит от шрифта. Эти правила не отлиты в железе, доверяйте глазу. 
-
Реклама
-
Дизайн печь 🔥
Как не знать Вот просишь дизайнера сделать нативное окно, спрашиваешь знает ли он что это? Знает, а рисует совсем не то. И так во всём. Такой дизайнер говорит, что всё знает, но результат доказывает обратное. Проще соврать и потом погуглить, чем признаться, что что-то не можешь. Расписаться в незнании — страшно. Он не созрел как профессионал. А иногда приходишь с обеда, а у тебя 15 сообщений: где найти нужный файл? Как сделать модальное окно как у Эппл? Как работают уведомления? Мы их так присылать можем? Проще спросить и получить ответ, чем разбираться самому и его искать. Дизайнер обленился. А бывает приходит дизайнер и говорит: это мой первый мобильный дизайн и я не знаю как правильно. Я прочитал гайды Материал дизайна и подсмотрел решение у этих приложений. Посмотри, что думаешь? Может посоветуешь ещё что посмотреть? Ай молодец, дай обниму. Не знать — это нормально. Это честная оценка себя. Не нормально не искать ответов. -
Дизайн печь 🔥
-
Дизайн печь 🔥
Да как так то?! Явно дизайнер и директор не договорились. Дизайнер слабо разобрался в задаче и сделал как себе представляет. Директор решил, что проще заказать новый баннер. На самом деле мы не можем сказать, что второй баннер хуже первого. Мы не знаем аудиторию. Первый баннер — явно молодёжный. Второй же сообщает важную мысль: заплати деньги один раз и отдыхай в Тайланде всю жизнь. Что делать Пойти к директору и разобраться. Узнать, почему он решил, что легче заплатить деньги второй раз, чем договариваться с дизайнером. Может быть всё, что угодно: директор самодур, дизайнер хам или же просто не подумали. А может директор решил сделать приятное сыну, который мечтает стать дизайнером и это его первый баннер? Отношения с клиентами ничем не отличаются от любых других. Вот муж просит жену купить оливкого масла, а она покупает подсолнечного. А он цезарь готовит, какое подсолнечное? Если отношения строятся на взаимоуважении, муж узнаешь почему жена взяла другое масло, поймёт её точку зрения. Если эта ситуация неприятна, то они вместе придумают как сделать так, чтобы она не повторялась. Если жена будет регулярно создавать подобные ситуации, муж будет чувствовать неуважение. Если разговоры не помогут, люди разведутся. С клиентами точно так же. Как не допустить такой ситуации? Задавать вопросы, узнать задачу со всех сторон: Что за управляющая компания? Зачем ей баннер? Почему баннер решит эту задачу лучше всего? Почему баннер, а не лендинг? Почему в этом месте? А где он ещё будет показываться? Какой посыл передавать? Почему именно такой? Что в вашем понимании свежее и современное? Отличные примеры вопросов задают в Бюро Горбунова https://bureau.ru/about/welcome/ А вот как верно их задавать https://maximilyahov.ru/blog/all/umnik-bl/