👋🏻 Коллективный аккаунт ведущих дизайнеров Ozon: делимся опытом, мыслями и крутыми подборками про дизайн и продуктивность. Главный редактор: @golden_oar Авторы: все дизайнеры Ozon, ну и конечно же @nikitanow с @ksemushin РКН: https://ozon.ru/t/JDodJdP
Казалось бы, дизайн-система по своему определению должна обеспечивать консистентность. В ней есть свод правил и готовые компоненты, благодаря которым дизайнеры могут работать над одним продуктом, даже не общаясь друг с другом, — и на первый взгляд он будет выглядеть единообразно.
Но на практике наличие дизайн-системы не всегда гарантирует единообразие решений. Почему так происходит?
✦ Во-первых, одни и те же компоненты могут использоваться и восприниматься по-разному.
✦ Во-вторых, важны не только сами элементы, но и их взаимосвязи — то, как они формируют целостный интерфейс.
Чем больше команда, тем критичнее не просто наличие компонентов и общих принципов, но и формирование собственных UI-паттернов.
Сегодня обсудим, зачем они нужны и как помогают в проектировании.
Этот пост завершает мою неделю на канале. Если вам было интересно и хочется знать больше, то приходите буду рада видеть вас на своем канале. Всем удобных интерфейсов и хорошей пятницы!
Ни для кого не секрет, что поиск помогает пользователям быстро находить нужную информацию. Но как организовать его так, чтобы он был эффективным? Давайте разберёмся.
Выбор точки входа в поиск и её расположение зависят от того, насколько важную роль поиск играет в вашем приложении. Это может быть поисковая строка на главном экране, иконка в верхней или нижней навигации.
Кроме того, поиск может быть глобальным — охватывать всё приложение, или локальным — работать только в определённом разделе, например, среди контактов или товаров в категории.
Смотрим карточки и читаем статью, которую мы написали вместе с Мариной Сапожниковой, на русском тык, на английском тык.
ENDY ✕ Ozon Design: поговорили о брендинге в e-commerce и его будущем 🤟
На связи Дима Шейко, арт-директор ENDY, и Илья Пулькин — дизайн-лид продуктовой команды Ozon.
Начинаем с дизайнерского блиц-знакомства в карточках, погнали!
На этой неделе у нас необычный автор — мы пригласили в гости Ксению Толокнову, продуктового дизайнера и дизайн-лида (пока не из Ozon, но кто знает, как жизнь сложится?). Ксения работала в Альфа-Банк, Ростелеком, Газпромбанк, ivi. На последнем месте работы, в Альфа-Банке, была платформенным дизайн-лидом и отвечала за приложение для бизнеса.
Помимо работы, Ксения увлекается образованием, ведёт канал и пишет статьи.
Для вас, дорогие читатели, Ксения подготовила выжимки из своих лучших статей. В формате карточек вы:
✦ Разберётесь в теме навигации для мобильного приложения
✦ Узнаете, когда использовать шторки, попапы или страницы
✦ Поймёте, какие поисковые механики работают лучше всего
✦ А ещё узнаете, как правильно подбирать виды клавиатур в своих проектах
Поехали!
#ведущийнедели #приглашённыйгость
Продолжаем путешествие по текстам, кнопкам и текстам в кнопках. Начнём с истории из жизни.
Один наш друг (вы его не знаете) вместо того, чтобы выйти из настроек роутера, сбросил их, и полдня сидел без интернета. Друга сгубило роковое соседство кнопок «Отменить» и «Отмена».
Давайте обсудим, как писать кнопки для деструктивных действий
Всем привет!
Меня зовут Таня, я уже 3 года в Ozon — помогаю делать лучше тексты для продавцов.
Через нашу редакцию проходят интерфейсы, чат-боты, инструкции для «Базы знаний». Мы помогаем готовить запуски новых продуктов, улучшать существующие сценарии, проводить исследования. Наши заказчики — десятки продуктовых команд Ozon.
Сегодня мы открываем рубрику #безредактора — будем рассказывать, как сделать классный текст, если у вас нет редакции и редполитики. Эти советы пригодятся дизайнерам, продактам и, конечно, начинающим редакторам
Я уже писала о наших внутренних сервисах, сегодня хочу поделиться новинками.
За последний год мы сильно выросли: стало больше дизайнеров и проектов 👉🏻
Принято считать, что дизайн в B2B-сегменте уступает B2C в UI — красивый интерфейс остаётся на втором плане.
B2B дизайн часто кажется скучным, утилитарным, словно его задача — просто «работать».
Но кто сказал, что дизайн для бизнеса не может быть красивым? В этом посте поговорим о том, почему так происходит и как дизайнер может изменить ситуацию к лучшему
Всем привет! В понедельник предлагаю начать с чего-нибудь лайтовенького.
Помимо популярных площадок для поиска референсов я вдохновляюсь реальными приложеньками — сегодня поделюсь с вами самыми любимыми с самым сочным UI на диком западе. Скачивайте. Тапайте. Кайфуйте. 🚀
А у вас есть любимые приложения, куда вы заходите просто кайфануть от дизайна?
Will you be my co-worker?👀
Совместно с @ozon_brand спросили у наших дизайнеров, что они любят в своей работе. Кажется, у этих ребят есть суперспособность — открывать новое и закрывать любые задачи с удовольствием. Листайте карточки, чтобы узнать, что вдохновляет каждого из них!
И, конечно, не забудьте поздравить любимого коллегу 💖
Завершаем путешествие в мир философии рассуждениями о состоянии этики и эстетики в дизайне. Сейчас оно отражает сложное взаимодействие между технологическим прогрессом, экологическими вызовами, социальными изменениями и культурным разнообразием.
В карточках представлена лишь часть вопросов, поэтому предлагаю поразмышлять об этом в комментариях 💭
И куда без литературы! Советую прочитать две книги:
🌙 «Смерть автора» Ролана Барта (он описывает данный феномен с точки зрения литературы, но его с лёгкостью можно перенести на дизайн);
🌙«Постмодернизм, или Культурная логика позднего капитализма» Фредрика Джеймисона (критика модернизма с марксистских позиций и рассуждения о паразитировании на ностальгии).
Спасибо за совместный философический путь, до скорых встреч 🫶
Привет!
Сегодня посмотрим на дизайн через призму философии.
Философия помогает дизайнерам лучше понять природу человека, его взаимодействие с миром и потребности.
Учёт этических и эстетических аспектов помогает создавать не только функциональные продукты, но и принимающие во внимание человеческие ценности.
Мы задумываемся о том, что мы создаём и зачем живём, подвергаем сомнениям устоявшиеся нормы и ищем новые подходы. Понятно, что можно это делать и без философии, но она выступает в качестве инструмента и помогает найти решение с точки зрения экзистенциализм и феноменологии. Например, в философских размышлениях об эстетике дизайнер может понять, как люди воспринимают красоту, гармонию и форму.
Предлагаю поразмышлять об этом и посмотреть ход истории на карточках. А если информации не хватит, то тут расписала немного подробнее о развитии красоты 🤓
Всем привет! Какая рабочая неделя бы не была, но каждый раз приходит она — пятница 🙌
Я принесла вам ещё немного видео о насущном для пятничного настроения 🙃
А в комментариях предлагаю устроить вопрос-ответ: с радостью отвечу на ваши вопросы о том, как устроены исследования покупателей в Ozon (ну или присылайте свои мемы, а то чё вы как эти)
Привет! Я Женя, дизайнер в Опыте покупателя, слежу за вами одним глазком из-за кулис этого канала.
Это будет личный пост: я иногда сама себе завидую, в какой крутой команде мне посчастливилось работать — здесь уникально высокая концентрация компетентных людей, которые по совместительству — чудесные люди. Это создаёт, как сейчас принято говорить, лютый плюс вайб, когда с радостью идёшь на работу, потому что там будет классно.
Захотелось поделиться с вами частичкой нашей атмосферы и показать немного бэкстейджа с фотосессии, который мы сделали, потому что в дизайнере должно быть прекрасно всё: и макеты, и душа, и аватарка.
На этой неделе канал попал в руки Алёны Бородиной — руководителя команды пользовательских исследований Опыта покупателя.
Алёна не верит, что любовь живет 3 года, потому что в Ozon она уже 4. Пройдя разные эпохи и проекты, она добралась до этого канала.
Когда на часах пробивает 19:00, Алёна превращается или в комика, или в коуча. Как повезёт.
Юмор и коучинг — это большая её страсть и эти сферы она также привнесла в свою работу. И теперь коллег она либо веселит, либо заставляет задуматься.
Так что на этой неделе ожидаются осадки в виде хихонек-хахонек, ожидайте.
#ведущийнедели
Дизайнеры часто оставляют клавиатуры «за кадром». Между тем, это довольно интересная тема, правильное применение клавиатуры — то, что ожидает от интерфейса любой пользователь. На внешний вид и функциональность клавиатуры влияет множество факторов, от модели телефона до типа поля ввода. Давайте разбираться в этой теме вместе.
А еще у меня для вас подарок — набор клавиатур для iOS и Android на все случаи жизни.
Более подробно и с большим количеством примеров можно почитать на русском или английском.
Порой дизайнеру сложно определить, какой элемент лучше подойдёт для решения задачи. Например, как именно отобразить информацию в рамках сценария: открыть её на новом экране, в шторке, показать в диалоговом окне или ограничиться снэкбаром? А если выбор пал на шторку, то возникает новый вопрос — какой механизм закрытия использовать: крестик или свайп?
Сегодня вместе со мной и Игорем Долговым разберёмся, в каких кейсах применять тот или иной вариант. Как всегда, с множеством примеров. Статья на русском тык, на английском тык.
Навигация — без преувеличения, один из важнейших элементов любого приложения и сервиса. Сегодня разберём её ключевые особенности и отличия между iOS и Android.
✦ Нижняя навигация в гайдлайнах iOS называется Tab Bar, а в Material Design — Navigation Bar. Может работать в трёх режимах: быть всегда видимой, отображаться только на основных экранах или скрываться при прокрутке вниз.
✦ Верхняя навигация — это Navigation bar в iOS и Top App Bar в Material. Закреплена сверху и всегда видна пользователю. Основные отличия между платформами — в расположении заголовка и стрелки возврата.
✦ Боковая навигация — Sidebars в iOS и Navigation Drawers в Material Design. Её преимущество в вместительности, но это не всегда удобна для пользователей.
✦ Навигация через поиск часто используется в приложениях с большим объёмом информации. Этот тип навигации редко бывает единственным, но зачастую становится ключевым. Важно правильно продумать точки входа в поиск.
Больше информации и примеров — в статье на русском или на английском.
Заканчиваю редакторскую неделю позитивным набором сценариев — подтверждением действий. В таких ситуациях меньше драмы, но запутать читателя проще простого.
Было очень интересно вести эту неделю, спасибо всем за реакции и комментарии! Расскажите, что ещё хотелось бы узнать о работе с текстом?
В прошлый раз разобрали общие правила, как подбирать текст для кнопок. Сегодня посмотрим, какие надписи подойдут, если по нажатию на кнопку происходит действие
Читать полностью…На этой неделе наш канал будет вести Таня Сергеева — старший редактор из команды UX-редактуры.
За 3 года в Ozon Таня успела поучаствовать в запуске десятков классных продуктов и написала редполитику для интерфейсов кабинета продавца.
На этой неделе Таня поделится секретами хороших текстов, stay tuned 👀
#ведущийнедели
Сегодня такое игривое настроение, очень хочется с вами поиграть 🎲
Считаешь себя современным продуктовым дизайнером? А давай проверим. Составил список из 13 пунктов, посчитай сколько у тебя баллов и напиши в комментариях, сколько у тебя получилось.
Ну что, игра началась!
Намасте, дорогие!
Меня тут ребята из Яндекс 360 позвали в уютный подкастик.
Меня и великолепного Влада Меркулова, основателя и генерального продюсера дизайн-агентства Beta. А разговорила нас чудесная Настя Захарова, старший дизайнер продукта в Телемосте.
Потрещали за жизнь, обсудили как строить карьеру продуктовому дизайнеру.
Заодно узнали:
- Чем отличается развитие сотрудника в небольшой студии и в корпорации?
- Нужно ли дизайнеру быть экстравертом?
- Всем ли необходимо становиться управленцами и как преодолеть «эффект плато»?
- В чём счастье дизайнера?
- В каком сериале хотели бы жить наши спикеры?
Осторожно: выпуск имеет сильный мотивационный эффект и вдохновляет на развитие, причем не только продуктовых дизайнеров.
Сотреть тут
▶ zendesigner
Или на другой удобной платформе:
VK Видео
Сайт подкаста «Давай покрутим»
P.S.
не детач, подумой
На этой неделе канал будет вести Максим Сухов — продуктовый дизайнер команды Ozon Банка для бизнеса.
Пристегивайтесь, будет интересно: обсудим важность дизайна для B2B, посмотрим любимые приложения Максима, а также соберём комбо современного дизайнера.
Максим живёт в Краснодаре и ведёт тг-канал Не сухо о дизайне. В свободное время играет в баскетбол и открывает новые места в регионе.
Фанфакт: в универе Максим с другом запустили приложение расписания пар. Им пользовались все и ребята чувствовали себя рок-звездами — так и началась любовь к дизайну
#ведущийнедели
Новый выпуск Ozon Design Talks для продактов, мам и одноклассников!
Артур Бойко, дизайнер из команды заказов, подготовил крутую презентацию о том, чем занимается продуктовый дизайнер в большой IT-компании.
Он подробно расскажет, как дизайнер помогает пользователям и бизнесу, какие задачи решает и как делает продукты удобнее. А ещё поделится классными фишками Figma — особенно полезно тем, кто работает с дизайнерами и часто использует этот инструмент.
Смотрите на 📹 Youtube и 📱 ВК видео
Привет-привет!
Сегодня предлагаю узнать, как можно применять идеи философов в дизайне. Это позволит глубже осмыслить цели, методы и последствия создания продуктов, интерфейсов, пространств и систем. Философия предлагает инструменты для анализа ценностей, этики, эстетики и взаимодействия человека с миром, что делает её полезной для дизайнеров.
Листай подборку и выбирай, чьи воззрения тебе ближе 🤲⭐️
На этой неделе канал будет вести чудесная Поля Петропавловская, дизайнер в отделе презентационного дизайна команды бренда.
В этом году Поля заканчивает магистратуру по философии, а в своей дипломной работе раскрывает тему территориального брендинга в дизайне общества.
В эти дни обсудим связь дизайна и философии, текущее состояние эстетики и как можно использовать идеи философов в работе.
#ведущийнедели
Всем привет!
Интересно же, как пользователи используют ваш продукт в реальной жизни?
Сталкерить людей в метро — не вариант, а инсайтов о реальном взаимодействии хочется.
В Ozon мы внедрили простой и эффективный инструмент, который закрывает эту потребность, и получили доступ к информации, которую трудно достать с UX-тестов и глубинок.
Делюсь записью своего выступления, в котором рассказываю, как работает инструмент, в чём его ценность, и как просто и быстро его запустить.
Смотреть в VK
Смотреть на YouTube
Приятного просмотра!
Всем привет!
В этом канале мы уже много раз предметно говорили про исследования. Вот только часть постов от моих коллег и команды:
⚡ Неделя про проективные методики в исследованиях
⚡ Материал об исследовательских методах, которые мы используем
⚡ Материал Анны Юсуповой о том, чем полезна «Обратная связь от пользователей»
⚡ Статья от Марии Павленко «Как составлять анкеты для немодерируемых тестов»
⚡ Полезные советы от Марии Яровой «Этикет во время проведения интервью часть 1» и Часть 2.
Поэтому давайте сегодня просто пропитаемся настроением понедельника🫠
Что? Да! Это снова Ozon Design Talks!
Никита, дизайнер страницы товара, приготовил для вас презентацию о создании и проведении клик-тестов в Pathway.
Он расскажет, какую ценность тесты несут для бизнеса, по какой методологии их проектировать и как анализировать результаты. А ещё поделится полезными инсайтами, которые накопились за множество проведённых тестов в разных доменах.
Смотрите на 📹 Youtube и 📱 ВК видео