Дизайн

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

📅 Дата: 13.09.2024

⏰ Время: 16:00-17:00 (Мск)

На вебинаре:

✔️ Вопросы из опросного листа. Что и зачем спрашивать

✔️ Пользовательские сценарии. Что такое, из чего состоят и зачем нужны

✔️ Информационная структура продукта. Почему без неё никуда

👨‍🎓 Спикер: Игнашов Евгений — cпециалист в области UI/UX проектирования.

👉 Записаться 👈

Как сделать так, чтобы тебя читали: 3 простых правила при создании текста

По данным NN/g, люди не вчитываются в каждое слово на странице с текстом, а воспринимают только 20% контента. Они сканируют и вычленяют отдельные слова и фрагменты.

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

1. Создавайте сканируемый контент.

Используйте списки с буллитами, пишите короткими абзацами, сокращайте предложения. Следуйте правилу «одна идея на один пост». Избегайте длинных слов, которые состоят из пяти и больше слогов.

2. Помогайте людям сканировать ваш контент.

Расставьте по тексту крючки, за которые зацепится глаз читателя.

3. Сделайте так, чтобы человек перешел к чтению после сканирования.

Если человек сканирует интересный и полезный текст, он начнет его читать подробнее. А это и есть ваша цель — донести сообщение до клиента.

>> Больше интересных примеров и кейсов из мира диджитал найдете в Telegram-канале нашей дизайн-команды.

Figma настолько успешно захватила рынок, что в десятой Axure такие привычные и любимые мной «мастера» превратились в «компоненты». Зато теперь могу исключать термин «мастер» из своего лексикона и вспоминать его только когда олдскулы сводит.

«Сбер» объявил о старте продаж нового фигурного платёжного стикера в форме кошачьей лапки для детей, молодёжи и для всех котолюбителей.

Стикер «Сбера» в форме кошачьей лапки доступен в двух цветах — белом и голубом — и сочетает в себе современные технологии бесконтактных платежей с новым дизайном. Его удобно прикрепить к мобильному телефону и производить платежи «одним мягким прикосновением лапки».

Стикер‑лапка «Сбера» доступен для заказа в приложении «СберБанк Онлайн» и на сайте банка. Количество стикеров ограничено.

Для заказа стикера‑лапки ребёнку в возрасте от 6 до 13 лет в приложении «СберБанк Онлайн» необходимо нажать на «Оформить карту или счёт», далее выбрать — «Детскую», нажать «Другие карты» и выбрать «СберКарта Стикер для детей 6–13 лет».

Остальные желающие в возрасте от 14 лет могут заказать стикер‑лапку на сайте «Сбера», заполнив заявку на странице платёжного стикера, или в приложении «СберБанк Онлайн» нажать «Оформить карту или счёт», далее выбрать «Дебетовую» — «Другие карты» — «СберКарта Стикер».

О чём хотят узнать люди, прежде чем купить обучающий курс?

Сегодня провожу аудит сайта, на котором продают курсы по ретуши.

Это было весело: к интерфейсу всего пара-тройка замечаний. А вот к ответам на потенциальные вопросы посетителей… В общем, смотрите сами.

Объединение «Развитие видеоигровой индустрии» (РВИ) и Институт бизнеса и дизайна B&D до 31 августа 2024 года принимают заявки на конкурс дизайна пиктограмм для маркировки видеоигр. Форма для участия, Техзадание (в Figma) и Положение о конкурсе опубликованы на сайте проекта конкурса.

Призовой фонд конкурса составляет 200 000₽ – 100 000, 70 000 и 30 000₽ за первые три места соответственно.

К участию в конкурсе по созданию макетов пиктограмм для «Зелёной маркировки видеоигр» приглашаются дизайнеры, профильные студенты, художники, дизайн‑студии, творческие объединения, способные создавать символы, понятные покупателям, будь то дети или взрослые.

Проект «Зелёная маркировка видеоигр» по добровольной позитивной маркировке видеоигр призван устранить негативное восприятия широкой аудиторией контента видеоигр; маркировка должна сфокусировать внимание человека и общества в целом на положительных и позитивных сторонах видеоигр.

На первом этапе конкурса вводится несколько основных категорий:

• игра сделана в России;

• игра содержит обучающие материалы;

• игра является киберспортивной дисциплиной.

На сайте «Архив Стива Джобса» опубликовано видео, на котором 28-летний Стив Джобс выступает на Международной конференции по дизайну 1983 года в Колорадо. Его речь была посвящена будущему компьютеров и тому, как они изменят повседневную жизнь.

В комментариях к этому видео даны пояснения экс-главного дизайнера Apple и близкого друга Джобса Джони Айва.

«Стив редко посещал конференции по дизайну. Это был 1983 год, до запуска Mac, относительно ранний период существования Apple. Меня поражает, насколько глубоким было его понимание драматических изменений, которые должны были произойти, когда компьютер стал широко доступным. Конечно, он не только был пророческим, но и сыграл важную роль в определении продуктов, которые навсегда изменят нашу культуру и нашу жизнь.

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

Стив отмечает, что усилия по проектированию в США в то время были сосредоточены на автомобилях, при этом мало внимания и усилий уделялось бытовой электронике. Стив прогнозировал, что к 1986 году продажи ПК превысят продажи автомобилей и что в следующие десять лет люди будут проводить больше времени с ПК, чем в авто».

Дизайнер Бэйли Хикава, наиболее известная своими чехлами для смартфонов ручной работы, представила проект 2G TRASH PHONES Toilet Seat.

Это сделанное на заказ сиденье для унитаза за $1250, в которое встроено множество знаковых мобильных телефонов 2G и 3G, включая оригинальный Motorola Razr, слайдеры Samsung и ассортимент BlackBerry. Электронные отходы для одного человека — это сокровище для другого. Пока что в продаже два экземпляра такого важного приспособления для туалетной комнаты.

«Это по сути семейная реликвия, которую вы можете передать своим детям», — пояснил дизайнер.

О целях интерфейсов

Как можно проводить аудит интерфейса, не зная его целей? Да никак. Даже если цели не озвучены, всё равно они будут как-то сформированы в голове у аудитора. Одному ему понятным образом.

Фишка в том, что во многих случаях цели владельца интерфейса будут отличаться от целей пользователей. Да, когда речь идёт, например, о посадочных страницах, у всех почти всегда одна цель — чтобы сделка состоялась. Ну или, на худой конец, целевое действие было совершено (например, заявка улетела на почту).

Сегодня же у меня на аудите интерфейс мобильного приложения производственного календаря. И цель его создателя (помимо прочего) — заработать на рекламе. А цель пользователей — … ну, их несколько. И чьи же цели учитывать аудитору и как?

Об этом рассказываю в новом ролике.

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 года. Их можно отправить через форму.