Привет! Меня зовут Денис, я продуктовый дизайнер в X5 Tech. Последние несколько месяцев мы, вместе с коллегами приводили в порядок, рефакторили, чистили и доводили до ума дизайн-систему внутреннего бэк-офиса X5 для личного кабинета сотрудника. Расскажу, на какие подводные камни мы наткнулись, к чему готовиться и зачем вообще заниматься рефакторингом в дизайне.
При разработке сайта важно уделить внимание тому, насколько он будет удобен и функционален, отображаясь не только на экране компьютера, но и на экранах других устройств. В этой статье мы расскажем, что значит «правильная адаптация» сайта, как именно работает мобильная оптимизация и чем чревато ее отсутствие.
Итак, что мы вообще знаем о том, что такое оптимизация? Это процесс, при котором frontend-разработчик и web-дизайнер адаптируют верстку сайта под размеры и функционал других устройств, помимо компьютера. Делается это для того, чтобы интерфейс сайта, а также текст и визуальные элементы отображались и функционировали корректно и на смартфоне, и на планшете, и на других устройствах, отличных от компьютера.
Этот пост в оригинале (eng) https://www.setproduct.com/blog/dark-side-of-figmas-updates
Глава 1: В какой‑то момент всё пошло не так
Смотря недавнюю конференцию CONFIG24, я не мог избавиться от неприятного зуда.
Чем сильнее зуд одолевал меня, тем больше приходило осознание – приоритеты Figma сместились с улучшения сервиса на увеличение прибыли.
Я неустанно задавал вопросы:
Что произошло с Figma, которую мы все так горячо любили?
Почему в приоритете деньги, а не список фич от пользователей, которые мы просим?
И если Фигма - ФСЁ, то что это сулит дизайн-инструментам в будущем?
Провал сделки с Adobe, похоже, стал переломным моментом.
Фокус Figma на создании функций с использованием искусственного интеллекта для увеличения количества пользователей - крутой поворот от первоначальной концепции сервиса.
Не подумайте, я не против использования искусственного интеллекта, но больш усилий, похоже, затрачивается на что-то "модное", но не особо нужное.
Функция автоматического переименования слоев была изюминкой Figma, но ее недостаточно, чтобы компенсировать недостаток внимания к запросам пользователей.
Реклама Циана сейчас везде — на плакатах, в интернете, в соцсетях, по телевизору, да даже в ads мобильных игр. И если с мобильным приложением все плюс-минус хорошо, то десктопная версия оставляет неприятное послевкусие. Сегодня разбираем сайт Циан вместе с разработчиками и попробуем вместе решить баги, которые встретили на сайте.
Если вас пригласили на собеседование, значит, ваше портфолио произвело впечатление и теперь работодатель хочет убедиться, что вы точно подойдёте на вакансию. Один из вариантов для следующего этапа — это Whiteboard Challenge.
Меня зовут Богдан Игнатьев, я Lead Product Designer в британской компании и дизайн-ревьюер на курсах «Дизайнер интерфейсов» и «Веб-дизайнер» в Яндекс Практикуме. Я проходил Whiteboard Challenge сам и был по другую сторону в роли нанимающего дизайнера. В этой статье я расскажу о своём опыте прохождения челленджа и о том, что от вас ожидает увидеть работодатель.
Продолжаем анализировать российские аналоги YouTube. В прошлый раз выяснили, что Rutube сильно проигрывает как в технологической, так и в контентной гонке. А сможет ли знаменитый ВК побороть западный загнивающей сервис или YouTube так и останется непобедимым? Сегодня разберем интерфейс и удобство VK Видео.
Если спросить веб-дизайнера и веб-разработчика, чем они занимаются, то с большой вероятностью оба скажут: «Делаю сайты». Слыша такой ответ, люди представляют себе скорее программиста, который пишет код и собирает сайт с нуля до последней кнопки. А как же веб-дизайнер? Он ведь тоже делает сайты, но только в другом ключе.
Когда речь заходит об ИТ-обучении детей, это тоже может вызвать непонимание и путаницу. По незнанию родители могут отдать ребенка на курсы веб-дизайна для детей, хотя изначально школьник хотел научиться кодить. Также возможна обратная ситуация с творческим ребенком, который проявляет креатив и, например, хорошо рисует. В этом случае подойдет web-дизайн для детей для реализации своего художественного потенциала, но не курсы веб-разработчика.
Привет всем! Меня зовут Таня Конюшенко, и я — продуктовый дизайнер в Купере. В этой статье я рассказываю о том, как открыла для себя дизайн-Discovery и внедрила его в моей продуктовой команде. Мой опыт будет полезен дизайнерам, которые много слышали о Disco, но не понимают, в чём его смысл.
Ещё год назад я ничего не знала о Discovery, потому что работала в заказной разработке. О том, в чем разница между дизайнерами в агентстве и продукте, рассказывала в своей прошлой статье.
Когда я пришла в Купер (тогда он был ещё СберМаркетом), меня сразу познакомили с понятием Discovery, но смысла я в нем не увидела. Сейчас мое отношение кардинально другое. Discovery хорош, но нужно правильно его выстроить. Мой путь к идеальным процессам был тернистым…
Но давайте по порядку. Что входит в дизайн-Discovery и чем это отличается от общего Discovery команды?
Простые и работающие подходы, которые увеличат конверсию вашего сайта. Практические советы для достижения результата в кратчайшие сроки.
Навыки веб-дизайнера можно поделить на две группы: хард- и софтскилы. К первым относят технические способности, такие как умение составлять композицию или пользоваться программами. Ко вторым — то, что ближе к человеческим качествам. Например, креативность и способность работать в команде.
Меня зовут Мария Токарева, я ведущий дизайнер в агентстве Code+Service и один из авторов курса «Дизайнер интерфейсов» в Яндекс Практикуме. В этом материале я расскажу о важных скилах и качествах веб-дизайнера — материал подойдёт новичкам и тем, кто только готовится войти в профессию.
Направление веб-дизайна популярно среди молодежи благодаря возможности реализовать свой творческий потенциал, работать с понравившимися проектами и решать нестандартные задачи. Так что подростки с удовольствием погружаются в процесс изучения разработки дизайна сайтов.
Совместно с преподавателями школы я подготовил девять бесплатных уроков веб-дизайна для подростков, которые станут подспорьем для начинающего молодого творца и научат работать с редактором Figma.
Привет! Меня зовут Юля Вакуленко, я дизайнер в AGIMA. Хочу вам рассказать о том, как знания из художественной школы помогают мне с решением рабочих задач.
Нет, эта статья не ответит на вопрос «Должны ли дизайнеры уметь рисовать?». Но если вы всё-таки об этом спросите, я скажу нет, не должны. Дело в том, что принципы, которые заложили в мою голову в художественной школе, определяют мой подход к задачам и в целом к работе дизайнера. О них я и хочу рассказать. Этот текст отзовется в сердечке всех коллег-дизайнеров, кто отмотал годы в художке.
Всем привет, меня зовут Денис, я тимлид команды дизайна в DLS, а также ревьюер в Яндекс Практикуме на курсах «Дизайнер интерфейсов» и «Дизайнер мобильных приложений». В этой статье я хочу поделиться подборкой нейросетей для коммуникационных и графических дизайнеров, которые работают с векторной и растровой графикой. А в конце расскажу, какой шаблон помогает мне сделать хороший промт.
Здравствуйте, товарищи! Меня зовут Валик и в этой статье мы поговорим про подход Atomic CSS в верстке, разработку инструментов и смежные темы.
Кратко вспомним базу - почему Atomic CSS. Рассмотрим популярные решения для работы в этом подходе и сравним их с моим изобретением - mlut. Разберем проблемы известных инструментов и посмотрим, как я решил их в своем. Будут интересные архитектурные решения, технические детали и немного хардкора.
Те, кто занимается версткой, смогут по-другому взглянуть на Atomic CSS и, возможно, взять в работу новый инструмент. А те, кто пишет системный код и тулинг - получить вдохновение и перенять нестандартный опыт.
UX design is the backbone of any digital product like an app or a website. It’s like a “dark horse” of a product: it’s something that is not always visible to a naked eye, but without it a product would be very hard or even impossible to use. In the meantime, it’s very easy to tell apart an optimized, well-done UX from a poorly implemented one. The latter can not only turn users away from a product, but also make a negative impact on the brand perception as a whole, as it plays a great role in customer satisfaction. Of course, each product has its own UX quality criteria, as it depends on different factors like the theme of a product, age of the target audience and so on. But there are also a few general indicators of a well-done UX that are applicable to any product no matter what. Let’s discuss them:
Краткий обзор на редизайн Figma. Почему новый дизайн не так хорош как нам всем хотелось бы. Какие ошибки совершила команда Фигмы и какой функционал мы действительно хотели
Узнайте, как психология цвета в маркетинге может повлиять на восприятие вашего бренда и увеличить конверсию, применяя проверенные стратегии цветового воздействия на покупателя.
Процесс ориентированного на пользователя дизайна (UCD) определяет этапы на протяжении всего цикла проектирования и разработки, уделяя особое внимание глубокому пониманию того, кто будет использовать продукт. Проще говоря, пользователь находится в центре разработки продукта с самого его зарождения, и каждый метод и решение принимаются с учетом пользователей. В этой статье мы рассмотрим важность UCD в разработке продуктов, его преимущества, принципы и методы, а также успешные примеры и практические приложения.
На хабре переодически появляются статьи про библиотеки для построение своего WYSIWYG редактора. Такая потребность появилась и в моей команде - «билайн дом», для создания новостей. В этой статье взглянем на них более общим взглядом и дополнительно разберем библиотеку LexicalJs.
