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

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

Номер заявления в РКН: 5317852641
Download Telegram
Dynamic Island

Новая фича на iPhone 14. Пространство в области фронтальной камеры, где теперь будут отображаться уведомления, звонки, плеер и другие приложения. Цель — быть в курсе всего, не отрываясь от основных дел. Больше о Dynamic Island и процессе разработки — на официальном сайте Apple.

В Figma Community уже появились новые прототипы модели — файл в открытом доступе для всех пользователей.

→ Поделитесь в комментариях: как вам идея Dynamic Island? Поможет ли это многозадачности или только увеличит борьбу за внимание пользователя?
9👍2
This media is not supported in your browser
VIEW IN TELEGRAM
ϟ Добавили на Behance новые кейсы студентов 7 потока курса «UI-анимация»

→ Если вы тоже хотите освоить Principle, Origami и продвинутую анимацию в Figma, присоединяйтесь к курсу «UI-анимация» со скидкой 25%. Старт — 5 октября.
👍7🔥63
Блиц со Славой Шейкиным

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

Хаос или порядок?

Хаос — лучшая среда для развития и чего-то нового.

Красота или удобство?

Если говорить про дизайн, то, конечно, удобство — это самое главное. Каким бы концептуальным проект ни был, придется сначала ответить на вопрос: «Как пользователь будет с этим взаимодействовать?»

Студия или продукт?

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

Верстка с нуля или по шаблону?

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

Попытка внести новые изменения в шаблон — неприятная и долгая задача (а изменения точно будут: маловероятно, что клиента на 100% устроит шаблон).

Верстка. Сначала мобилка или десктоп?

Mobile-first поощряется в индексировании и лучше решает задачу использования на самых популярных устройствах. Но средств выразительности у десктопа намного больше. Если в дизайне делать фокус на мобилке, то десктоп будет выглядеть значительно слабее.

Дизайн или разработка?

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

→ Если бы вы стали участником блица, что бы вы ответили? Поделитесь в комментариях. Всех, кто хочется освоить лоу-код инструмент и пополнить портфолио двумя полноценными сайтами, приглашаем на курс Славы «Webflow: как создать сайт без кода».
🔥92
ϟ Новые кейсы студентов годовой программы «UX/UI: дизайн цифровых продуктов»

Инклюзивная цифровая среда «Звезда ближе»
Миссия проекта — стать стандартом для детских образовательных учреждений в управлении развитием детей. Ключевое преимущество — гибкость системы и экспертиза в работе с детьми с особенностями здоровья.

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

Приложение «Моя волна» от «Яндекс.Музыки»
Большинство пользователей «Яндекс.Музыки» регулярно слушает рекомендации в «Моей волне». «Моя волна» — кнопка на главном экране, которая запускает бесконечный и персональный стрим. Рекомендации — основная ценность продукта.

Задача: спроектировать отдельное приложение, которое состоит только из «Моей волны» и элементов управления ей.

→ Осталось 4 места на ближайший поток, который стартует 5 октября. Если вы хотите начать свой путь продуктового дизайнера в этом году, присоединяйтесь к программе!
🔥11👍1
Бесплатный вебинар «Кто такой продуктовый дизайнер?»

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

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

→ Вебинар пройдет 3 октября в 19:00. Регистрация по ссылке.
🥰9👍61
Почему Webflow?

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

Отвечал Яр Романов, сооснователь Эйч, Буду, Ханти и Humans.

Почему именно Webflow, а не Tilda или Readymag?

➊ У Webflow открытое API для своей CMS. Это значит, что можно создать многостраничный сайт с динамическим контентом. Из самого простого примера — блог, каталог недвижимости и джоб-борд с вакансиями. При этом управлять контентом можно из практически любого другого сервиса и публиковать его в Webflow через API.

➋ SSR — server side rendering, или рендеринг на стороне сервера. Такая методика рендеринга лучше для пользовательского экспириенса и для оптимизации в поисковиках.

➌ Несметное количество интеграций через такие провайдеры, как Zapier или Make. То есть вы легко сможете создать лендинг с лид формой и без знаний кода отправить эти данные в сервис автоматических email-рассылок, гугл-табличку с лидами или создать более сложные манипуляции с полученными данными.

➍ Верстка в Tilda или Readymag негибкая, на выходе код получается нечитабельным. У Webflow полноценная и чистая структура CSS/HTML, в процессе роста можно легко выгрузить сайт и начать использовать React, Vue и другие фреймворки.

➎ В Webflow дизайнер может работать напрямую с CSS/HTML, создавать компоненты и легко масштабировать количество лендингов, страниц с сохранением преемственности стилей.

Что подразумевает знание Webflow?

Для нас значит, что дизайнер может проанализировать запрос бизнеса или клиента и понять, реализуем он или нет. Например, если клиенту нужен каталог объектов недвижимости с интерактивной картой, нужно понимать, как это реализуется и реализуется ли вообще или потребуется что-то дополнительно.

Еще знание Webflow подразумевает понимание HTML и CSS — то, как веб-страницы работают в браузере. Например, нужно понимать, из чего состоят формы и что делает функция Action.

Как знание лоу-код инструментов помогает выделиться соискателям?

Ноукод и лоукод развивается невероятными темпами, каждый месяц появляются новые продукты и развиваются существующие проекты, которые позволяют бизнесу решать задачи быстрее и проще, а дизайнерам и фрилансерам дают больше возможностей решать такие задачи бизнеса. Те же инструменты активно используют DHL, Netflix и другие компании.

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

Для каких проектов вы используете Webflow?

В Эйч, Ханти и Humans — это весь фронтенд, в Буду — все лендинги продукта и спецпроекты. Поэтому мы с радостью ждем выпускников курса на парт-тайм и фул-тайм проекты, сейчас у нас открыто три вакансии для дизайнеров-верстальщиков.

→ Если вы хотите научиться пользоваться лоу-код инструментом на продвинутом уровне, присоединяйтесь к курсу «Webflow: как создать сайт без кода». Старт — 15 ноября.
🔥25👍4
Forwarded from Bang Bang Education
Мы понимаем, что сейчас тяжело думать о чем-либо, кроме новостей. Вчера мы приостановили постинг и рекламу, чтобы не отвлекать вас от поиска действительно важной информации.

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

Берегите себя и родных.
77🕊6🤡3👍1👏1
This media is not supported in your browser
VIEW IN TELEGRAM
Обновили программу курса «UI-анимация»

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

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

Присоединяйтесь к курсу, старт — 5 октября.
🔥7👍32
Портфолио-ревью: мобильный интерфейс

На встрече участники получат обратную связь не только на саму работу, но и на оформление в целом, включая организацию слоев и компонентов — все, на что обращают внимание компании при найме.

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

Эксперты:

✦ Анна Матвеева — старший дизайнер Ozon Fintech и преподавательница на курсе «Дизайн мобильных приложений».

✦ Иннокентий Коновалов — продуктовый дизайнер в Ozon Fintech.

✦ Максим Власкин — старший дизайнер продукта в банке Ozon.

→ Ревью пройдет 10 октября в 19:00. Регистрация по ссылке.
👍10
О сайте Redis.Agency для Webflow

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

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

Сделать сайт о том, как мы любим Webflow, чтобы стать партнером и взять сайт дня на Awwwards. И обе цели мы достигли :)

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

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

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

Одновременно горжусь и жалею. Все самые сложные анимации (кроме Three.js) и плавный скролл сделаны без кода. Это был некоторый челлендж для возможностей Webflow. Граница возможностей ноукода, за которую пока лучше не переступать.

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

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

На все ушло 13 недель.

→ Если вы тоже хотите научиться пользоваться лоу-код инструментом на продвинутом уровне, присоединяйтесь к курсу «Webflow: как создать сайт без кода». Старт — 15 ноября.
5👍1🥰1
Бесплатный вебинар о составлении резюме

29 сентября ведущий HR-менеджер Ultimate Education Дарья Абхинав объяснит, как сформировать и структурировать рассказ о себе и своих навыках. Разберёт ошибки, которые допускают соискатель_ницы. Покажет, на что в первую очередь обращают внимание HR-специалист_ки. В практической части лекции Дарья рассмотрит несколько резюме и даст экспертные рекомендации.

Если в прямом эфире на ваш кейс не хватит времени, мы пришлём разбор на почту. Вы также можете задать свои вопросы HR-консультант_кам в чате проекта.

Зарегистрироваться на вебинар.
👍141
Работы выпускников курса «Дизайн-мышление»

За полтора месяца студенты проходят путь от первых идей о продукте до финальной презентации с планом реализации и бэклогом гипотез.

Теперь на лендинге курса вы можете посмотреть:

✦ В2В решения для сервиса психологической помощи YouTalk

✦ Этап прототипирования стенда для индивидуальных тренировок Fitness On

✦ Этап исследования умных устройств SberDevices

Присоединяйтесь к курсу, старт — 7 ноября.
🔥4
ϟ Lamoda и Учи.ру — партнеры курса «Продуктовый дизайн-лидер»

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

✦ Lamoda — крупнейший Fashion & Lifestyle платформа в России с 17 миллионами пользователей. В техническом направлении LaTech работает более 500 человек: продакты, разработчики, аналитики, дизайнеры и другие специалисты, которые создают продукт для пользователей и B2B партнеров.

✦ Учи.ру — группа компаний и одноименная образовательная онлайн-платформа. В группу входят школа онлайн-репетиторов «Учи.Дома», образовательный портал «Учи.Ответы», сеть офлайн-кружков Учи.ру по программированию, математике и английскому языку, образовательный онлайн-ресурс «ЯКласс».

→ Если вы хотите сделать шаг в сторону карьеры в большой IT-компании, присоединяйтесь к курсу со скидкой. Старт — 10 октября.
🔥6👍31
ϟ Через час старт вебинара «Кто такой продуктовый дизайнер?»

Разберемся, что такое продуктовый дизайн и чем он отличается от направления UX/UI. Эксперты расскажут, почему роль продуктового дизайнера остается актуальной и какие навыки для нее требуются.

→ Регистрация по ссылке.
🔥4👍1
Расписание курсов для UX/UI-дизайнеров в октябре

UI-анимация
Проработаете взаимодействие с пользователем и эмоциональный аспект интерфейса.
5 октября — 20 ноября

Продуктовый дизайн-лидер
От новичка до продуктового дизайнера в большой компании: научитесь создавать решения для многомиллионной аудитории.
10 октября — 5 декабря

Дизайн мобильных приложений
Разработаете дизайн продукта для iOS или Android, следуя логике пользователя.
17 октября — 25 декабря
👍4🔥4😍1
Подборка полезных сервисов для работы с Webflow от Яра Романова

Яр Романов — сооснователь Эйч, Буду, Ханти и Humans. В прошлом посте рассказал, почему среди лоу-код конструкторов они выбирают Webflow и в каких проектах используют. В этом — о сервисах, которые облегчат и ускорят работу с Webflow.

Jetboost — быстрое создание фильтров и поиска на страницах Webflow.

Make — автоматизация процессов без кода. Например, вы можете получать данные из форм Webflow, сохранять их в CRM Pipedrive и уведомлять менеджеров через телеграм-бот.

Finsweet — образовательные материалы и различные расширения для работы с Webflow.

Client-first — дизайн-система для Webflow.

Relume Library — библиотека готовых компонентов для Webflow, созданная на дизайн-системе Client-first. Позволяет буквально за час собрать лендинг для теста гипотез.

Wized — создание полноценного веб-приложения без кода.

Memberstack и Outseta — авторизации и подписки в Webflow.

→ Присоединяйтесь к курсу «Webflow: как создать сайт без кода», чтобы освоить лоу-код инструмент и самостоятельно верстать сайты. Старт — 15 ноября.
👍12