Обзор ванной комнаты
Источник: ТГ канал DesignInt
Источник: ТГ канал DesignInt
Возможно, ни у одной другой профессии нет стольких вариаций и направлений, как у дизайнера — веб-сайт, плакат, авторучку и анимацию для мультфильма будут разрабатывать четыре разных человека. Мы пригласили представителей разных направлений дизайна, сотрудников Сбера и его компаний-партнёров, чтобы расспросить их о сути работы, задачах, типичных рабочих днях и источниках вдохновения. Направлений оказалось так много, что пришлось разделить истории на несколько текстов.
В Сбер я попал через стажировку во время учёбы в Высшей школе экономике — прошёл собеседование (признаюсь честно: трудоустройство в Сбер казалось мне большой ответственностью и я даже переживал на собеседовании) и уже через день стал частью компании. Сейчас я занимаюсь продуктовым дизайном партнёрской программы Сбера. Благодаря ей физические и юридические лица могут продавать продукты экосистемы Сбера в своём бизнесе и получать за это вознаграждения. Личные кабинеты внутренних сотрудников этой программы делаю я и моя команда.
Данные на карточке сгенерированы и не являются источником персональных данных
Если говорить о профессии UX/UI-дизайнера в целом, наша задача — создавать сценарии прохождения пользовательского пути, ориентируясь на то, что действительно нужно пользователю. В первую очередь для нас важно, чтобы пользователю было комфортно пользоваться сервисом который мы прототипируем, поэтому все решения мы проверяем на целевых пользователях.
Продуктовый дизайн — это про системность и структуру. Здесь будут рады людям с аналитически-творческим складом ума, которые горят идеей помочь в первую очередь пользователю.
Обычно мы работаем спринтами — по две недели на задачу. Бизнес-заказчики приходят к нам с проблемой, а мы разбираемся, как можем решить её с помощью интерфейса. Если информации недостаточно, бежим к нашим любимым пользователям, выясняем потребность и потом уже приступаем к прототипированию. Затем презентуем команде решение, подготавливаем макеты к разработке. После этого не заканчиваем работу над проектом — нужно ещё проследить, чтобы разработчики всё учли.
Моё рабочее место в офисе
Если говорить о ресурсах для вдохновения UX/UI-дизайнера, порекомендую три телеграм-канала:
А ещё важно следить за конкурентами вашего продукта и смежными сервисами и приложениями, чтобы понимать, как они выстроены и какие пользовательские сценарии в них используются. Чем больше будет ваша насмотренность, тем лучше будет ваш продукт.
В Сбер я попала по рекомендации бывшей коллеги, с которой мы вместе работали дизайнерами в ИКЕА. Большинство моих проектов под NDA — я работаю с внутренними коммуникациями и презентациями. В основном я разрабатываю визуальные концепции для встреч руководства с сотрудниками, стратегических сессий, наградных кампаний и других мероприятий. Но могут встретиться и неожиданные задачи — недавно я разработала логотип для своего блока, который выбрали в общем голосовании сотрудники.
Мои самые любимые задачи — масштабные проекты мероприятий для сотрудников. В таких проектах можно проявить максимум креативности, а потом вживую на больших экранах конференц-залов увидеть результат своей работы.
На моём столе чаще всего только самое необходимое: ноутбук, блокнот с конспектами, кружка с выпученными глазами (примерно так выглядят мои глаза, когда я получаю сверхсрочную задачу)
Проекты у графического дизайнера могут быть совершенно разного масштаба. Я сама работала как с диджитал, так и печатными коммуникациями. Это были и плакаты, и презентации, и лендинги, и полноценные проекты айдентики. Я окончила Школу дизайна РАНХиГС. Именно обучение в вузе, за счёт длительности программы, позволяет попробовать разные направления дизайна — это помогает развить мультидисциплинарные знания.
Если вы спросите меня, как выбрать, где учиться, я скажу так: важно, у кого ты учишься и насколько твой преподаватель горит своим делом. Поэтому выбирайте людей и поддерживающую вдохновляющую атмосферу, а не просто школу.
При этом предпочтение я отдала бы очному обучению, особенно на старте. У меня был опыт и обучения, и кураторства в онлайн-школе, который показал, насколько ценно живое общение. Также некоторые вещи значительно лучше понимаешь, сделав их своими руками.
Ещё одна вариация моего рабочего места в офисе
Считаю, что лучший способ создать что-то необычное — не смотреть, что делают другие дизайнеры (хотя и это важно, чтобы всегда быть в контексте и знать тренды), а наполнять свою жизнь яркими событиями, впечатлениями, общением с разными людьми.
Наблюдать за миром мне помогает камера телефона. Я обожаю искать интересные ракурсы, находить то, что другие, быть может, никогда бы не увидели, и просто сохранять моменты. Меня очень вдохновляют принципы проекта «Фрагменты из жизни». Ребята круто показывают в своих коротких историях ценность самой обычной жизни.
Чтобы быть в контексте, слежу за тем, что создаёт Митя Осадчук в команде ИВИ, очень нравятся рилсы Саши Лыгина, регулярно посещаю профильную конференцию Design Prosmotr. Также у сообщества дизайнеров Сбера есть своя крутая конференция Sber Design Days. В декабре я впервые попала на неё, это было очень вдохновляюще!
В команде, разрабатывающей умные устройства, я занимаюсь моушн-дизайном. Специалисты этого профиля оживляют статичный графический дизайн: анимируют графику, делают спецэффекты, объединяют это с видеосъёмками. Результат вы можете увидеть в диджитал-контенте в соцсетях, на телевидении и видеоплатформах, в наружной рекламе и на улицах города.
Я обучался моушн-дизайну в то время, когда он был связан с телевидением (оформление телепередач, создание заставок, перебивок, инфографики), и делал это работая на разных телеканалах. А в SberDevices пришёл из Skyeng — искал работу в IT для технологичных и полезных продуктов.
Моё домашнее рабочее место
В команде SberDevices я работаю над задачами продукта и маркетинга: сегодня могу заниматься анимацией иконки для операционной системы, завтра — «оживлением» инструкции умного датчика в приложении, баннера для смм или для медиафасада головного офиса. Интереснее всего работать над запуском продуктов или конференциями — это всегда командная, масштабная работа, в которой можно применить все свои навыки и знания.
Ролик-шоурил нашей команды с примерами моушн-дизайна, который я делал в течение года.
Моим коллегой может стать человек, который понимает, что дизайн — это не про личные амбиции, а про диалог между пользователем и продуктом. И моушен дизайн лишь инструмент, помогающий этому диалогу.
Для моушн-дизайнеров сейчас есть очень много обучающих программ в онлайн-школах, направление в Британской высшей школе дизайна и, конечно, терабайты уроков на видеохостингах. Я не слежу за моушн-дизайнерами на рынке — мне важнее дизайн-мышление, на которое я потом накладываю свой опыт в моушн-направлении. Среди моих «дизайн-мыслителей» Артемий Лебедев, Вадик Мармеладов, Женя Яровой и, конечно, коллеги — Илья Михайлов и Марк Родионов.
Я работаю в Центре робототехники — занимаюсь проектированием человеко-машинного взаимодействия, то есть дизайном поведения и интерфейсов роботов и частично процессов, в которых они задействованы. Грубо говоря, я тот человек, который говорит (вернее, описывает в документации): по этому сценарию робот должен заходить в лифт последним, при приближении к людям или животным издавать такой звук, а при завершении задачи — вот такой, а вот в этой ситуации мигать лампочкой вот такого цвета.
В Сбере я проектировала интерфейсы робота-курьера, дезинфектора, художника и шаттловой системы хранения. Курьер в 2019 году ездил на Петербургский международный экономический форум, дезинфектора и художника можно увидеть в нашем офисе на Кутузовском проспекте и в павильоне Сбера на выставке «Россия», а мини-версия художника постоянно путешествует по разным мероприятиям. Какие-то проекты так и не увидели свет — для R&D это вполне нормальная практика.
В январе робот-художник рисовал новогодние предсказания для сотрудников московского офиса Сбера
В Центр я пришла пять лет назад после пяти лет работы дизайнером в IT и четырёх лет — графическим дизайнером. В маленькую команду, почти полностью состоящую из инженеров, был нужен дизайнер широкого профиля, который может и интерфейс спроектировать, и презентацию собрать — мой опыт отлично подходил.
Строго говоря, моя профессия — это UX-дизайнер. Но это очень широкий зонтичный термин, который объединяет и людей, которые рисуют схемы расположения элементов на лендингах, и тех, кто проектирует интерфейсы самолётов. Всё зависит от опыта человека, личных интересов, амбиций и везения.
Робот-дезинфектор — на него также можно взглянуть в офисе на Кутузовском проспекте. Там же располагается наш Центр робототехники
Я училась на факультете графического дизайна в Московском государственном университете печати, больше известном как «Полиграф» — это очень хорошее фундаментальное образование (по крайней мере, в мои времена так было). Во время и после учёбы работала по специальности, а потом мне стало скучно и я решила перейти в UI/UX. На тот момент этому нигде системно не обучали, поэтому я училась сама: прочитала огромное количество книг и прошла около десятка курсов на «Курсере».
Сейчас, конечно, выбор способов обучения достаточно велик, есть даже магистерские программы, но всем, кто хочет попасть в профессию, я бы советовала начать именно с книг — в том числе и по теории графического дизайна.
А это робот-курьер из нашего Центра
У меня не совсем типичная работа, отчасти поэтому рабочие дни сильно отличаются друг от друга. В один день я могу продумывать сценарий какого-то процесса, а в другой рисовать иллюстрацию для графического интерфейса. Например, в конце прошлого года я писала сценарий урока рисования для детей от 4 до 15 лет для робота-художника. Параллельно с этим проводила юзабилити-тестирование интерфейса шаттловой системы хранения и вносила правки по итогам.
Я не могу сказать, что у меня есть любимые задачи: к счастью, я делаю вещи, которые мне в принципе нравится делать, с одной стороны, и они достаточно разнообразны, чтобы не надоедать, с другой.
Моё рабочее место — это обычный белый офисный стол с ноутбуком, небольшим бардаком и следами от чашки с чаем, поэтому покажу домашний карантинный офис — он куда больше похож на стереотипное рабочее место дизайнера :)
Сейчас я больше смотрю не столько за конкретными дизайнерами и дизайн-бюро, сколько за новостями в робототехнике и работой специалистов из совершенно других областей.
Например, некоторые идеи для улучшения пользовательского опыта я черпаю из заметок директора по сервису в стоматологической клинике.
Люди, которые работают в сервисе и индустрии гостеприимства — отличный источник инсайтов для UX-дизайнеров. Думаю, профессионалам с большим опытом работы имеет смысл смотреть не только за коллегами и мастодонтами отрасли, но и за тем, что происходит в мире за пределами их профессии.
В робототехнике лучшие практики только формируются, а значит, нужно много смотреть, анализировать и предлагать свои решения, опираясь не на сложившиеся в профессии конвенции — которых пока нет, — а на научные данные, которые уже есть. Эти данные нужно искать, обрабатывать и применять на практике.
Если во время чтения этой статьи от количества кивков «Да, я тоже разделяю этот подход!» и «Да, я тоже слежу за этими экспертами!» у вас разболелась шея — кажется, нам по пути. Прямо сейчас в Сбере открыто несколько десятков вакансий для дизайнеров: можно разрабатывать детское банковское приложение, проектировать интерфейс индийского сайта Сбера, моделировать объекты промышленного дизайна и многое другое.
Реклама ПАО «Сбербанк», ИНН: 7707083893
Источник: ТГ канал Стройка
Подписывайтесь на наше сообщество на Пикабу Стройка. Интересные решения
В процессе разработки продукта или фичи неизбежно возникает необходимость работы с текстом. Если в команде есть UX-редактор, то именно ему поручается этот этап. Он играет роль дополнительного "мозга" для создания удобного и бесшовного флоу. Кроме того, UX-редактор обладает высокой продуктовой насмотренностью - через его руки проходит множество макетов, что позволяет ему выявлять потенциальные риски, последствия и пересечения с другими продуктами в компании и на рынке
Зачем нужно проверять тексты и какие могут быть последствия, если этого не делать? Даже самые привлекательные интерфейсы могут оказаться бесполезными, если пользователь "споткнется" о неправильно подобранные слова, орфографические или пунктуационные ошибки, несоответствие контексту или даже оскорбительный смысл, воспринимаемый пользователями в невинных, на первый взгляд, фразах. Последствия могут быть разными - от незначительных до серьезных, вплоть до потери лояльности клиентов
Но бывает и такое, что в команде нет UX-редактора и работу с текстом приходится брать в свои руки. Для таких случаев я совместно с Софьей Львовой (Лид UXW в Билайне) разработали ряд рекомендаций, которые помогут дизайнерам самостоятельно проверять текст на качество
Оглавление:
Дефис используется для объединения частей слов и словосочетаний, для прикрепления частиц и префиксов, а также для обозначения сокращений и в сложных словах
Длинное тире используется в предложениях и отделяется пробелами. Оно ставится между подлежащим и сказуемым, для выделения прямой речи, на месте пропущенного члена предложения, для обозначения маршрутов и в других случаях
Короткое тире используется в числовых диапазонах (может отличаться от компании к компании в зависимости от редполитики)
Ёлочки и лапки являются знаками препинания и помогают сделать текст более структурированным, удобным для чтения и понимания, а также подчеркнуть важные элементы или сообщения
Ёлочки (« ») — это кавычки первого уровня, а лапки (“ ”) — это кавычки второго уровня (может отличаться от компании к компании в зависимости от редполитики)
Рекомендуется использовать разные типы кавычек для внешнего и внутреннего текста внутри кавычек. Например: ЗАО «Издательский дом „Зерновые культуры“»
Неразрывные пробелы в интерфейсе используются для обеспечения правильного отображения текста и предотвращения нежелательного переноса слов на новую строку. Вот несколько основных способов применения:
1) инициалы (А. П. Чехов)
2) сокращения с точками (и т. д.)
3) числа с последующим словом или единицей измерения (10 км, 1984 г.),
4) предлоги, союзы и иногда частицы (ни о чем)
5) сохранение целостности комбинации слов
Чтобы поставить неразрывный пробел, используйте комбинацию Shift+Opt+Space на MacOS и Shift+Alt+Space на Windows
Большинство людей, далёких от написания текстов, считают, что ничего страшно не будет, если вместо «ё» писать букву «е», считая их взаимозаменяемыми. На самом же деле, это две разных буквы. Например: все/всё, осел/осёл, совершенный/совершённый
В разных компаниях к букве ё относятся по-разному. Где-то её используют, а где-то нет. Если у вас нет редполитики — не ленитесь разделять эти буквы. Уважайте русский язык и любите букву ё
Точки на концах абзацев в интерфейсе создают визуальную структуру, делая интерфейс более организованным и удобным для восприятия, но, в зависимости от редполитики, могут и не использоваться
В каких-то компаниях точки на концах абзацев ставят, а на каких-то нет. Если у вас нет редполитики — сами принимайте решение ставить точки или нет
Гендерная нейтральность в тексте предполагает использование языковых конструкций и выражений, которые не отражают предположений или ограничений по половому признаку. В современном мире это становится все более важным, поскольку общество становится более инклюзивным в отношении гендерных различий
Не называйте кнопки: «согласен(-на)», «готов(-а)», «ознакомился(-ась)». Особенно часто этим грешат в лигалах
Принцип эмоциональной нейтральности в интерфейсе подразумевает использование текста и элементов, которые не вызывают сильных эмоциональных реакций у пользователей, а остаются более универсальными и понятными для всех пользователей. Это помогает предотвратить возможные негативные ассоциации или недопонимания
Не пишите: «Вы не можете продолжить без авторизации. Пожалуйста зарегистрируйтесь». Это предложение может вызвать чувство ограничения или даже раздражение из-за использования слов "не можете" и "пожалуйста", которые подчеркивают ограничения и требования
Нейминг в кнопках должен быть таким, чтобы кнопки однозначно и прозрачно давали понять, куда ведут и при этом стыковались с заголовком. Если в заголовке спрашиваем «Подключить услугу?», то в кнопке должно быть «Подключить» и никак не «Активировать»
Если у вас в команде любят заигрывать с Conversational Design (когда на кнопках вместо «Подключить» пишут «Да, хочу!»), пристально следим, чтобы кнопка всегда была рядом с заголовком иначе с большой долей вероятности смысл будет потерян
У людей нет, ни времени, ни желания читать экраны. Поэтому в заголовке должна быть отображена понятная суть. Например: «Оплата прошла», «Отключите VPN»
Текст не должен дублироваться без весомой причины. Например, в форме ввода не нужно писать «Введите ФИО», достаточно просто «ФИО». Сама форма ввода уже заменяет глагол «введите»
Вся важная текстовая информация должна вмещаться в самые маленькие экраны. Важный для людей текст должен быть на самом видном месте вверху страницы, неважный спрятан в самом низу
В тексте не должно быть сложных слов, канцеляризмов, сложноподчинённых оборотов, вводных слов, чтобы текст стал более доступным и интуитивно понятным для пользователей. Использование сложных формулировок может создать путаницу и затруднить восприятие информации
Данные рекомендации помогут вам улучшить текст в интерфейсе, но не заменят работу опытного UX-редактора. Ведь UX-редактор – это специалист, который обладает глубокими знаниями в области UX-дизайна, лингвистики и психологии. Он умеет создавать тексты, которые не только понятны и удобны для пользователей, но и мотивируют их к целевому действию
Тем не менее, в отсутствии в команде такого специалиста, применение данных рекомендаций позволит вам сделать текст более понятным и читаемым самостоятельно
Ищи больше в моём телеграм-канале. Там постоянно выходит что-то интересное
Одна вакансия, два кандидата. Сможете выбрать лучшего? И так пять раз.
В последнее время я все чаще ловлю себя на мысли, что просторы Телеграмма полны удивительных вещей, способных разнообразить даже самый серый день. Один из таких находок, который я хочу поделиться сегодня, — это бот для генерации изображений. Представьте себе, что у вас есть свой персональный художник, готовый в любой момент превратить ваши слова в визуальное творение. Знакомьтесь, это Generate Pictures Bot.
Казалось бы, создание уникального изображения требует определенных навыков или даже таланта, но этот бот разрушает все стереотипы. Вам не нужно уметь рисовать или обладать профессиональными программами. Все, что от вас требуется — это описание того, что вы хотите увидеть, и бот превратит ваш текст в изображение.
Попробуйте представить свой любимый городский пейзаж в неоновых огнях ночи или загадочный лес, окутанный туманом. Generate Pictures Bot позволяет вам исследовать разнообразие стилей, от классического до современного арта, и создавать изображения, которые порой кажутся настолько реалистичными, что хочется их тронуть.
Что особенно привлекательно, так это доступность этого бота. В отличие от многих аналогов в Телеграмме, где за использование аналогичных сервисов часто приходится платить или сталкиваться с ограничениями на количество запросов, Generate Pictures Bot пока абсолютно бесплатен. Это открывает безграничные возможности для творчества без каких-либо ограничений.
Используя этот бот, я уже успел создать несколько изображений, которые отражают мои собственные идеи и мечты. Это было увлекательное путешествие в мир фантазии, где каждый запрос превращается в уникальное визуальное открытие.
Этот бот стал для меня не просто инструментом для создания картинок, а настоящим источником вдохновения и возможности взглянуть на привычные вещи под совершенно другим углом. Если вы ищете новый способ самовыражения или хотите поразить друзей оригинальным подарком, то Generate Pictures Bot — отличный выбор.
Не упустите шанс расширить свои горизонты и добавить немного магии в повседневную жизнь. Попробуйте, и, возможно, ваш следующий шедевр уже ждет своего часа!
С нетерпением жду поделиться другими удивительными находками из мира Телеграмма и слышать ваши истории о творческих экспериментах. Ведь каждое новое открытие делает нашу жизнь ярче и интереснее.
Удачи в поисках и творчестве!