Дизайн

5 июля 2024 года «Тинькофф банка» больше не стало. Эта компания официально превратилась в «Т‑Банк».

В июне «Тинькофф» обновил бренд, теперь кредитная организация называется «Т‑Банк», все основные сервисы работают под новыми названиями: «Т‑Банк», «Т‑Инвестиции», «Т‑Мобайл» и так далее. Адрес сайта тоже новый — tbank.ru вместо tinkoff.ru.

До осени 2024 года компания поменяет дизайн карт, внешний вид банкоматов и оформление других элементов. О смене названий юридических лиц группа сообщит дополнительно.

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

Вкратце опишу схему:

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

2. Цели достигаются благодаря набору функций в интерфейсе. Например, если цель — продажа, а в интерфейсе нет функции оплаты заказа в рамках некой оферты — то она недостижима. И, возможно, ошибка крылась в терминологии. Например, истинная цель была не продажа, а формирование лида. Из цели можно вывести набор функциональных требований, на который и ориентироваться.

3. Но даже если есть цель и все необходимые функции для её достижения, то проблема может крыться в информационных ожиданиях. Когда у пользователей интерфейса банально не хватает ответов на вопросы, которые хотелось бы получить перед принятием решения.

4. И как ни парадоксально это звучит, самая маловажная составляющая моих аудитов — это как раз юзабилити, UX. Эргономика, доступность, эстетика, вот это всё. Точнее, не так. Она, конечно, важна. Но только после того, как решены предыдущие три вопроса.

В результате аудита я всегда выделяю какую-то одну рекомендацию, которая, по моему мнению, повлияет на результат больше всего. Можно перекрасить пятьдесят кнопок и расставить элементы в нужные места, а можно дать пользователю ответ на волнующий его вопрос. Например, есть ли доставка в его регион.

Приятного просмотра!

Дизейнеры заметили, что ранее анонсированный сервис Figma AI обучен на существующих приложениях. Например, «погодное приложение», созданное в с помощью новой функции «Создать дизайн» о Figma AI в результате в основном аналогична приложению «Погода» от Apple (слева). Дизайнеры пробовали три раза выполнить этот запрос, результат тот же.

Как развивать софт-скиллы, чтобы продвигаться в карьере (и когда они могут стать важнее твоих хардов) — узнай из записи встречи с Вовой Зиминым, дизайн-директором Яндекс Плюс. 

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

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

А еще спикер поделился инсайтами разработки дизайна в Яндексе, своими собственными факапами и выводами, к которым они привели. Смотри запись встречи!

А если ты уже преисполнился во всех этих вопросах, может, тебя заинтересует вакансия дизайн-лида? ;-)

Apple выпустила документ «Долговечность, благодаря дизайну» с описанием преимуществ своих продуктов на вторичном рынке перед Android-смартфонами.

Основные моменты:

• iPhone сохраняет как минимум на 40% больше своей стоимости по сравнению со смартфонами на Android, причём разница в стоимости увеличивается даже для более старых моделей iPhone;

• миллионы iPhone используются более 5 лет, и это число продолжает расти. Продукты Apple используются дольше, чем устройства конкурентов;

• с 2015 по 2022 год уровень негарантийного ремонта снизился на 38%;

• общий объем ремонта случайных повреждений iPhone снизился на 44% после того, как Apple начала использовать усиленные корпуса в iPhone 7;

• ремонт из-за попадания жидкости в iPhone снизился на 75% благодаря тому, что Apple защищает смартфоны от воды и пыли;

• использование заднего стекла в качестве отдельного элемента позволило снизить стоимость ремонта iPhone 15 на 60%;

• 85% граждан США проживает в радиусе 30 минут езды от Apple Store или авторизованного сервисного центра;

• 88% батарей сторонних производителей, протестированных в исследовании UL
  Solutions, загорелись или взорвались как минимум в одном тесте.

Apple пояснила, что все эти усилия позволяют iPhone дольше работать и быть популярными как в формате новых моделей, так и актуальными на вторичном рынке.

Слак закрывает доступ пользователям из РФ. А США с 12 сентября запрещают оказывать IT и ПО-услуги любым лицам из РФ. Дизайнерам придётся искать альтернативы.

Два года назад я искал альтернативу Figma. И я таки нашёл её! Это — Pixso. Китайская копия Фигмы.

За два года они не просто сделали точную копию Фигмы (вплоть до импорта фигма-файлов). Они уже внедрили в неё ИИ-помощника с возможностью генерации картинок, текстов, готовых блоков, переводов и дизайн-систем.

Блин! Это Фигма и Рекрафт в одном флаконе. Лично я новые проекты буду стартовать в Pixso )

Главный принцип работы с правками от заказчика

У многих уже само слово «правки» вызывает тяжелые приступы раздражения. И их можно понять. На комментарии от заказчика зачастую уходит больше времени, чем на проработку самого решения. Причем чаще всего с этим сталкиваются в дизайне — то есть там, где важную роль играют субъективные оценки и личные вкусы.

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

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

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

В чем принципиальное отличие замечаний от правок? Замечания мы можем обсудить, отговорить заказчика от какого-то спорного решения. В конце концов они помогают нам лучше понять задачу. В то же время «правочки» — это точечные решения, которые не помогают нам прийти к единому видению итогового продукта.

Рассказывайте в комментариях, как сражаетесь с правками. И заглядывайте в наш канал для дизайнеров.

Как поведение пользователей может подсказать, какие фичи нужны

Недавно дизайн-команда Airbnb поделилась интересным кейсом. Они заметили, что на этапе, когда пользователь бронирует жилье, хозяева квартир повторяют одни и те же действия: отправляют гостям кучу фотографий. В общей сложности — более 1,5 миллиона каждую неделю.

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

Это навело команду Airbnb на хорошую мысль:

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

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

А вывод тут простой: люди зачастую сами прекрасно понимают, как им удобнее работать и какие фичи им нужны. Главное — правильно и вовремя расшифровать их поведение.

На странице ресурсов Apple опубликовали наборы UI-элементов для iOS/iPadOS 18. Есть как сами элементы, так и примеры использования. Пока доступны только файлы для Sketch, а наборы для Figma опубликуют позже.

Всем привет! Руководитель нашего отдела дизайна @julyakey09опубликовала статью-кейс про то, как мы разработали дизайн для MVP стартапа всего за 7 дней. Это был тот еще челлендж)) В статье Юля рассказывает о нетипичном подходе к UX/UI дизайну, использовании открытых библиотек и работе без формального ТЗ. Получилось интересно, будем рады прочтениям!

«Яндекс ТВ Станции» и петербургская культурно‑деловая площадка Севкабель Порт запустили опен‑колл для художников, создающих цифровые картины. Конкурс проходит в рамках выставки «PAF: Все цветы». На него принимают работы, которые отражают природные и цветочные мотивы, а также тему взаимодействия человека и природы.

Лучшие цифровые картины конкурса окажутся на экранах «Яндекс ТВ Станций» и «Станций Дуо Макс» по всей стране. Эти работы войдут в пакет интерьерных заставок «Яндекса» и будут транслироваться на умных устройствах с «Алисой» на протяжении года — до июня 2025. Каждая картина будет подписана именем автора. Участники, которые не победят, но попадут в шорт‑лист, тоже смогут заявить о себе. Их работы станут частью экспозиции «PAF: Все цветы» и будут демонстрироваться до конца выставки.

Победителей конкурса выберет профессиональное жюри. В его составе — дизайнеры интерфейсов умных устройств «Яндекса» с экранами и «Алисой». Помимо показа картин в умных устройствах, авторов‑победителей ждёт и другая награда. Каждый из них получит «Яндекс ТВ Станцию Про» диагональю 55 дюймов.

Работы принимают с 4 по 18 июня 2024 года. Их можно отправить через форму.

РВИ при экспертной поддержке Института бизнеса и дизайна B&D объявляет конкурс по созданию макета пиктограмм для «Зелёной маркировки видеоигр». К участию приглашают дизайнеров, профильных студентов, художников, дизайн‑студии, творческие объединения, способных создавать символы, понятные покупателям, будь то дети или взрослые. Призовой фонд составит 200 тыс. рублей. 100 тыс. за первое место, 70 и 30 тыс. за второе и третье соответственно. 

Заявки с макетами принимают c 3 июня по 31 августа в исходных файлах. Свои концепции и возникшие вопросы отправляйте по почте: info@forgamedev.ru

Техническое задание находится по ссылке.

Ранее РВИ сообщала, что эксперимент по маркировке будет добровольным и стартует в начале 2025 года. На первом этапе вводится несколько критериев получения меток: игра сделана в РФ, содержит обучающие материалы и является киберспортивной дисциплиной.

Дизайнерам на заметку. Разработчик подружил GPT-4o c Figma. Оцените мощь — модель генерирует детальные и оптимизированные интерфейсы с кучей слоёв и элементов, используя обычное ТЗ. Такого уровня нейронки добились впервые.

С этим плагином Figma будет дизайнить сама по себе — нужно лишь закинуть документ с описанием продукта и нужную библиотеку элементов.

«AI-инструменты для дизайнеров» — новый курс Яндекс Практикума

Курс для дизайнеров с опытом: вы не будете тратить время на освоение базовых инструментов, а сосредоточитесь на главном — работе с нейросетями. По итогу обучения вы научитесь подбирать и применять AI-инструменты, а не просто пользоваться набором готовых решений.

В программе минимум теории — вас ждут воркшопы с практикующими дизайнерами, а также индивидуальная и групповая работа над учебными кейсами. Воркшопы проходят с 12:00 до 16:00 мск, сессии ответов на вопросы — по средам с 19:00 до 20:00 мск. 

Курс рассчитан на 4 недели. Чтобы процесс обучения был комфортным, мы рекомендуем уделять ему не менее 7 часов в неделю: 4 часа на воркшоп, 1 час на сессию Q&A и не меньше 2 часов на самостоятельную работу.

Будете практиковаться сразу в нескольких нейросетях, с фокусом на Midjourney— доступ мы предоставим. Начнёте с неё и Stable Diffusion в оболочке Fooocus, а потом постепенно добавите и другие нейросети, чтобы сформировать устойчивый навык работы с ИИ. В конце обучения у вас будет 2 групповых проекта, которые можно добавить в портфолио.

Разбор реального кейса от команды Яндекса. Креативная инхаус студия Magic Camp поделится кейсом создания фотобанка изображений с помощью ИИ. Команда подробно расскажет про весь цикл и детали: какая была проблема и задача, какие инструменты использовали, по каким этапам шли и какие результаты получили.

→ Узнать все подробности и записаться на курс

Spotify представила Mix — собственный вариативный шрифт. Его разработали специально для стриминговой платформы, чтобы заменить гротескный Circular. Компания будет использовать его во всех визуальных материалах, включая сайт, мобильные приложения, изображения для социальных сетей и рекламу. Spotify Mix пока поддерживает только латиницу.

Анонс шрифта опубликовали на YouTube.

DeviantArt поддерживает AI вместо художников

Платформа для художников DeviantArt опубликовала в X пост о двух самых успешных продавцах иллюстраций в этом году: «Isaris-AI» и «Mikonotai». По информации, эти аккаунты заработали десятки тысяч долларов, продавая в большом количестве аватары с "пустыми" глазами в 3D, которые были созданы с помощью AI. Оказалось, что оба аккаунта являются ботами DeviantArt, созданными для генерации изображений с помощью искусственного интеллекта.

DeviantArt не проявил активности в решении возникших проблем: управляющие социальными сетями сайта удалили десятки критических ответов на твит, в котором рекламировался Mikonotai.

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

Сообществу не нравится текущая ситуация, которую они называют провалом DeviantArt. Некоторые авторы выразили свое несогласие с политикой администрации, удалив свои профили с сайта.

Это не первый раз, когда DeviantArt пытается внедрить новую технологическую "инновацию" и сталкивается с проблемами.

«Многие художники были возмущены с самого утра того дня, когда это было запущено. Они ожидали поддержки от сообщества художников, а не одобрения их действий. Это сильно подорвало доверие многих людей к DeviantArt»

Здесь можно прочитать больше.

Эксперт назвал недостатки чехла для iPhone со встроенной клавиатурой внизу Clicks Creator Keyboard:

• клавиатура не имеет допусков, нужно всегда быть точным, а с размером клавиш на Clicks (относительно размера клавиш на сенсорной клавиатуре) приходится быть очень точным;

• новый центр масс означает, что придётся «держать» смартфон по другому, чтобы он не упал, пока вы им пользуетесь;

• эргономика совершенно другая, и набор текста одной рукой больше не работает;

• раскладка клавиатуры странная;

• опция Magsafe не работает;

• аксессуары по USB-C также не работает. Сквозной порт USB-C на Clicks, похоже, реализован как терминальное устройство, а не как USB-концентратор, поэтому другие устройства, подключённые к порту, больше не работают;

• нельзя напечатать на этой штуке смайлы;

• не многие приложения поддерживают ярлыки CMD +, поэтому просмотр веб-страниц с помощью пробела возможен только в том случае, если использовать Safari.

Плюсы: качество сборки довольно хорошее, обычные сочетания клавиш iOS работают очень хорошо, а все клавиши (включая переключатели громкости, кнопку действия и питание) щёлкают. Хотя гаджет определённо не стоит запрашиваемой цены в $139.

В январе Clicks Technology представила чехол для iPhone 14/15 Pro со встроенной клавиатурой внизу в стиле BlackBerry под названием Clicks Creator Keyboard и по цене $139.

Пользователь X поделился, возможно, худшим UX-решением в мире. Сайт одного британского банка просит пользователя ввести PIN и пароль. Ситуация стандартная, но инженеры банка реализовали особенную систему защиты. Надо вводить не весь пароль, а только определённые символы из него.

На скриншоте видно, что в поле пароля надо ввести девятый, четырнадцатый и девятнадцатый символы. Сходу вспомнить не выйдет, поэтому надо подумать. Автор оригинального поста выписал свой пароль в столбик и пронумеровал символы. Так он может быстро заходить на сайт.

Должен ли дизайнер думать об этике приложений, которые он создает?

Да, сегодня многим продуктовым дизайнерам приходится выбирать: качать бизнес-метрики любыми способами или оставаться на стороне пользователя, защищая его интересы.

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

В новом выпуске подкаста «Бремя технологий» Артур Арсенов, Product design lead Garage Eight, рассказал, почему специалистам не стоит пытаться решать краткосрочные цели бизнеса манипулятивными методами, и как простым пользователям защищаться от такого абьюза. 

Слушай подкаст по ссылке и делись в комментариях своим мнением по теме :-)

Еще раз о дизайн-системах

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

Из чего состоит дизайн-система?

Дизайнеры создают UI Kit (набор готовых дизайн-решений) → Разработчики переводят UI Kit в код → Код помещают в репозитории

UI Kit и репозиторий связаны с помощью токенов. Это единицы информации, которые хранят в себе константы: например цвет, радиус скругления кнопки, параметры шрифта и т. д. Если поменять значение токена в Фигме, оно попадает в репозиторий и затем автоматически синхронизируется с сайтом.

Когда и кому нужна дизайн-система

• На краткосрочных проектах, где нужно быстро проверить гипотезы и не требуется больших затрат на поддержку.

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

• Если нужна системность и предсказуемость в разработке продукта, вы хотите делать последовательные улучшения и планомерно развивать продукт.

• У вас несколько команд, которые работают над одним продуктом, и им нужно поддерживать консистентность.

Однако есть и ложка дегтя

• Дизайн-система может привести к шаблонности продукта: страницы начинают выглядеть слишком однотипно, а сделать какую-то необычную фичу становится трудно.

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

P. S. Го к нам в канал о дизайне :)