BBE: UX/UI и продуктовый дизайн
10.7K subscribers
2.46K photos
85 videos
17 files
925 links
⚫️ Канал школы дизайна и технологий Bang Bang Education, посвященный продуктовому дизайну: https://tinyurl.com/5xtc4jtj

Чат → https://t.me/+6kGcOtk2cUc4NTJi

Номер заявления в РКН: 5317852641
Download Telegram
«Никакого управления силой мысли»: студентки годовой программы о живой встрече со стейкхолдерами

Третья ступень годовой — групповая работа над финальным проектом. Команда выбрала бриф «Моторики» — компании, которая занимается исследованием и разработкой протезов.

Задача — создать прототип и редизайн существующего приложения Motorica Start. Цель — сделать настройки более гибкими и предусмотреть случаи, когда используется сразу несколько протезов.

→ Открыт набор на восьмой поток годовой программы «UX/UI: дизайн цифровых продуктов». Присоединяйтесь, чтобы начать свой путь в продуктовом дизайне!
🔥22
ϟ Бесплатный вебинар «Научиться думать, как в Google»

Как за неделю решить сложные проблемы внутри любой компании? Google взял лучшее от Agile, Design Thinking и Product Mindset и создал свой фреймворк — Google Design Sprint. Весь спринт занимает до пяти дней: от сбора команды до тестирования готового прототипа на пользователях.

На вебинаре вы углубитесь в теорию Google Design Sprint и узнаете о профессии «Дизайн cпринт-мастера»: как они создают условия для продуктивного брейншторма и быстро тестируют продукт для запуска проекта.

→ Вебинар пройдет 16 ноября в 19:00. Регистрация по ссылке.
👍73
5 частых ошибок в мобильном интерфейсе

На прошлой неделе провели портфолио-ревью, где эксперты из Ozon Fintech дали обратную связь на кейсы участников. Вместе с Аней Матвеевой, преподавательницей на курсе «Дизайн мобильных приложений», собрали список самых частых ошибок.

Неразрывные пробелы и кавычки-елочки

Почти все забывают ставить неразрывные пробелы, поэтому в текстах много висячих предлогов. Чтобы поставить неразрывный пробел, используйте сочетание Option + Space на Mac, а на Windows — Shift + Ctrl + Space. Плюс не забываем, что в текстах на русском языке ставим кавычки-елочки («»), а не лапки (“”).

Полупробелы

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

Онбординг

Казалось бы, просто три экрана, которые пользователь увидит лишь раз, что там такого. Но уже на этом этапе бывают ошибки.

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

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

Текстовые стили

У многих теряется иерархия заголовков. Лучше сразу создавать текстовые стили и использовать их в макете, так мы с самого начала исключим ошибку. А еще это облегчит работу разработчиков.

Корнер кейсы

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

Ещё не проработаны состояния, когда очень много или, наоборот, очень мало информации. Например, оглавление может быть пустым, может состоять из 10 пунктов, а может — из 100. А в кейсах я вижу только из 10.

→ Курс «Дизайн мобильных приложений» уже стартовал, но вы еще можете присоединиться до 20 октября включительно со скидкой 30%.
👍2010💩2
Media is too big
VIEW IN TELEGRAM
7 ноября — старт курса «Дизайн-мышление: от исследования к концепции продукта». Алина Ермакова, UX Lead в SberDevices и преподавательница на курсе, рассказывает о методологии, лекциях и проектах, которыми будут заниматься студенты.

Программа и регистрация на курс.
9
Новые курсы и интенсивы для UX/UI-дизайнеров

Journey Management: исследуем пользователей
Узнаете, как найти и понять своего пользователя. Рассмотрите весь процесс journey mapping: от постановки целей и выбора типа карты до выводов и решений по продукту.
16 января • 1 месяц

Профессия Дизайн-спринт мастер
Классический Google Design Sprint состоит из 6 этапов и занимает 5 дней. Каждый спринт уникален: спринт-мастер адаптирует метод в зависимости от задачи. Результат спринта — готовый Roadmap и план работ для команды. На интенсиве вы изучите саму метологию и закрепите ее практике.
10 декабря • 3 дня
9❤‍🔥4
Курсы, гайды, фильмы — бесплатное все

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

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

Учиться бесплатно.
19❤‍🔥3👍2
О сайте F*ckup Meetup от Redis.Agency

Задали четыре вопроса о процессе работы над сайтом Славе Шейкину, лиду Webflow-отдела Redis.Agency и преподавателю на курсе «Webflow: как создать сайт без кода».

Какая была задача?

Такой экстрареактивный лендинг для СберМаркета.

Какие были сложности?

Да, на самом деле, никаких :)
Классный маленький проектик.

Чем гордишься в проделанной работе?

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

Сколько заняла работа?

2 недели.

→ Если вы тоже хотите научиться пользоваться ноу-код инструментом на продвинутом уровне, присоединяйтесь к курсу «Webflow: как создать сайт без кода». Старт — 15 ноября.
7🤬3👍2🔥2🥱1
Media is too big
VIEW IN TELEGRAM
–30% на всё

До 28 октября все курсы, интенсивы и годовые программы можно купить со скидкой. Подготовили подборку курсов по продуктовому и UX/UI-дизайну.

Webflow: как создать сайт без кода
Освоите zero-code конструктор Webflow, чтобы верстать сайты без разработчиков и работать с зарубежным рынком.
15 ноября

Профессия Дизайн cпринт-мастер
Узнаете, как создавать инновации за неделю.
10 декабря

UX/UI: проектирование пользовательского интерфейса
Научитесь создавать рабочие сервисы для современного рынка.
9 января

Journey Management: исследуем пользователей
Изучите методологию journey mapping для развития своего продукта.
16 января

UX/UI: дизайн цифровых продуктов
Годовая онлайн-программа, разработанная руководителями дизайн-команд.
17 января

UX-исследования
Поймете, как создавать продукты и сервисы, исходя из потребностей клиентов.
10 февраля

→ Если вы не знаете, что выбрать, оставьте заявку на странице любого курса и получите подробную консультацию по каждому продукту.
🔥8
UX-задачка

Вы продуктовый дизайнер в «Яндекс.Такси» и недавно провели интервью с пользователями приложения. Получили такую обратную связь:

«На раздел “Безопасность” я наткнулась случайно, когда ехала в такси. Меня смущает, что если залезть туда в экстренной ситуации, непонятно, куда тыкать и что будет за кнопкой. А пробовать просто сидя дома страшно, вдруг случайно вызову полицию.

Я вот представляю себе, что таксист повезет меня куда-то не туда. И что делать в панике? Какой-то кнопки SOS что ли не хватает, по которой понятно, что на нее достаточно тыкнуть один раз.

Возможно, предполагается, что красная кнопка “112” и есть SOS, но комментариев к этой кнопке нет. Может, после нее еще целая анкета?»

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

#uxзадачка
🔥10👍43
ϟ Новый формат: траектория «Как создать новый продукт с нуля?»

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

Новый формат подойдет тем, кто хочет научиться анализировать продукт от первых гипотез до подготовки к запуску. Сначала вместе с Алиной Ермаковой вы изучите понятия и термины из UX-сферы, познакомитесь с процессом разработки и разберетесь, какие методы исследований внедрять на каждом из этапов. Затем научитесь визуализировать пользовательский опыт с помощью journey mapping вместе с Никитой Ефимовым.

→ До конца дня на траекторию и другие курсы действует скидка 30%.
🔥5👍1
Через час, в 19:30, начнется вебинар «Как использовать Webflow на максимум и превращать картинку в полноценный сайт». Вебинар — это бесплатно. Задать вопросы лекторам можно в этом чате. Регистрируйтесь!
👍73
ϟ Бесплатный вебинар «Научиться думать, как в Google»

Углубимся в теорию Google Design Sprint — фреймворка от Google, который сочетает в себе Agile, Design Thinking и Product Mindset и помогает решать задачи всего за неделю.

Еще участники узнают о профессии «Дизайн cпринт-мастера»: как они создают условия для продуктивного брейншторма и быстро тестируют продукт для запуска проекта.

Спикеры:

✦ Екатерина Снегирева — менеджер по продукту с опытом работы более восьми лет в компаниях AliExpress, Авито, «Альфа-Банк», TSUM.ru.

✦ Ольга Андреева — дизайн-лид с опытом работы 15 лет в IT-сфере, из них последние 10 лет — в продукте и в дизайне продукта. В числе клиентов: Газпромнефть, Lamoda, AliExpress, сотрудничество с FIFA и Google в рамках работы над Lamoda.

✦ Сергей Предко — консультант по стратегии и развитию бизнеса. Ex-директор по стратегии в monopoly.online, ранее — руководитель Центра IT-стратегии в экосистеме МТС.

→ Вебинар пройдет 16 ноября в 19:00. Регистрация по ссылке.
👍8
Запись вебинара «Как использовать Webflow на максимум»

Спикеры из Redis Agency рассказали, какие решения и механики лежат в основе их сайтов. Например:

• Как получилось объединить 9 лонгридов в один проект и сохранить консистентность?

• Как студия поместила фотореалистичную 3D-модель на главный экран сайта?

• Что такое аниматика и почему ее надо использовать до этапа разработки?

Еще поделились, почему компании делают выбор в пользу Webflow, какой тариф выбрать для работы и где искать заказы.

→ Через неделю стартует курс «Webflow: как создать сайт без кода», до 11 ноября действует скидка 35%. Делимся дорожной картой курса в формате PDF с расписанием по дням, полной программой и структурой базы знаний.
🔥9👍2
Как работает ночной режим съемки в смартфонах?

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

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

Если съемка может занять полминуты, что происходит с движущимися предметами, которые случайно попали в кадр? Тогда телефоны используют AI: из-за того, что есть много снимков, устройство может определить движущийся объект и вообще убрать его со снимка.

→ Материал вдохновлен черной пятницей.
🔥12
ϟ «Webflow: как создать сайт без кода» — старт сегодня

За четыре месяца студент_ки освоят ноу-код конструктор, с нуля создадут два полноценных сайта в портфолио и получат доступ к вечной базе знаний в Notion.

Если вы еще не приняли решение, вот полезные материалы, где мы рассказали о Webflow и о самом курсе:

Дорожная карта курса в формате PDF с расписанием по дням, программой и структурой базы знаний

➋ «Почему Webflow?» Отвечает Яр Романов, сооснователь Эйч, Буду, Ханти и Humans

➌ Запись вебинара «Как использовать Webflow на максимум»

Блиц со Славой Шейкиным, лидом Webflow-отдела Redis.Agency и преподавателем курса

Виртуальный музей Андрея Сахарова от Redis.Agency

Подборка полезных сервисов для Webflow

➐ Интервью с преподавателем «Путь дизайн-лида Redis.Agency Славы Шейкина»

→ Курс уже стартовал, но вы еще можете присоединиться со скидкой 35%. Программа курса и регистрация — по ссылке.
🔥4👍2
Перенос вебинара «Научиться думать, как в Google» на 18 ноября

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

На вебинаре вы углубитесь в теорию Google Design Sprint — фреймворка от Google, который сочетает в себе Agile, Design Thinking и Product Mindset и помогает решать сложные задачи всего за неделю.

→ Регистрация по ссылке.
4
Что такое комьюнити BBE?

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

Почему мы создали чаты по направлениям?
Чтобы быть на связи с теми, кто читает канал, оперативно помогать по всем вопросам, организовать безопасное пространство для единомышленников, налаживать связи в сообществе и поддерживать друг друга.

Зачем вступать в комьюнити BBE?
✦ В чатах можно общаться с практикующими и будущими UX/UI дизайнер_ками, а также знакомиться с нашими студент_ками и выпускни_цами, получать обратную связь и советы по обучению.

✦ Если делиться своими работами, то можно получить фидбек от опытных специалистов и других членов сообщества. В нашем чате также состоят преподаватель_ницы курсов, которые будут рады вам помочь.

✦ Общение в чате неформальное — делитесь интересными фильмами, обсуждайте последние обновления софта и приложений, советуйте друг другу книги и новые библиотеки мокапов.

✦ Первыми узнавайте об образовательных и внеучебных активностях школы и делитесь впечатлениями с остальными.

✦ Участвуйте в исследованиях, помогая коллегам, или находите респондентов для собственных проектов.

♡ Главное — налаживайте нетворкинг, обретайте новых друзей, встречайтесь офлайн и чувствуйте себя частью большого и дружного сообщества BBE.

→ Присоединяйтесь к чату и приходите общаться. Чат оберегает комьюнити-фея Саша Ивкина.
👍112🔥2
Google Design Sprint: с понедельника до пятницы

Оля Андреева, дизайн-лид с опытом работы 15 лет и преподавательница интенсива «Google Design Sprint: инновация за неделю», рассказала, как выглядит стандартный спринт.

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

→ Сегодня, 18 ноября в 19:00, пройдет открытый вебинар, посвященный программе интенсива. Вопросы спикерам вы можете оставить в гугл-форме. Регистрация — по ссылке.
👍5🔥5