Знакома история, когда забыл сохранить предыдущую версию рабочего макета — и считай её и вовсе не было? Система контроля версий поможет избежать подобных ситуаций. Я работаю UX/UI-дизайнером в крупном проекте, где создание интерфейсов и разработка идут одновременно. В таких проектах важно держать все изменения версий макетов не только в голове, но и в самом рабочем файле, чтобы вконец не запутать команду разработчиков.

В этой статье я расскажу о плюсах и минусах инструментов контроля версий, с которыми мне приходилось сталкиваться в работе: подход семантического версионирования; история версий в Figma и новый (пока в бета-версии) инструмент в Figma — Branching («ветвление»).

Читать далее

https://habr.com/ru/post/567530/?utm_campaign=567530&utm_source=habrahabr&utm_medium=rss

Впервые люди познакомились с голосовым ассистентом 10 лет назад, когда Apple презентовала Siri. Тогда никто не ожидал, что voice tech станет движущей силой инноваций. Высокий спрос привёл к тому, что компании начали активно развивать экспертизу в проектировании голосовых интерфейсов и искать специалистов, которые в этом разбираются.

Делимся опытом нашей VUI-команды TORTU и рассказываем, как попасть в индустрию, прокачать свой скилл и стать крутым VUI-дизайнером.

Читать далее

https://habr.com/ru/post/567526/?utm_campaign=567526&utm_source=habrahabr&utm_medium=rss

На связи Сергей Петров, UX-проектировщик в Почтовых Технологиях — компании, создающей цифровые продукты для Почты России. Эта статья — эссе о системном рассмотрении рассмотрении большой платформы с позиции. Предполагаю, что рассказ будет интересен и полезен UX/UI-проектировщикам, архитекторам, системным и бизнес-аналитикам, менеджерам продукта, а может быть и front-end-разработчикам.

Смотреть разбор

https://habr.com/ru/post/567170/?utm_campaign=567170&utm_source=habrahabr&utm_medium=rss

У компании PVS-Studio есть маскот, неразрывно связанный с брендом, – единорог. В последнее время мне всё чаще поступают вопросы о нашем волшебном коне: почему именно единорог, почему он так сильно изменился, есть ли у него копыта, отчего он без штанов и как всё-таки мы его рисуем. Этому и будет посвящена эта статья.

Attention: будет реально много картинок.

Читать далее

https://habr.com/ru/post/567312/?utm_campaign=567312&utm_source=habrahabr&utm_medium=rss

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

Это — вторая часть статьи (первая — здесь) об эргономических клавиатурах, которая может пригодиться как поклонникам обычных «клав», так и сторонникам эргономики. Здесь мы учли советы и рекомендации комментаторов первой части, так что посмотрите — возможно, вам что-то и пригодится.
Читать дальше →

https://habr.com/ru/post/565954/?utm_campaign=565954&utm_source=habrahabr&utm_medium=rss

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

В этот раз речь пойдёт о философии нашей работы, взаимодействии с дизайнерами и клиентскими разработчиками; о трудностях, с которыми сталкиваемся, и как их преодолеваем; о том, как мы развиваем нашу ДС.

Читать далее

https://habr.com/ru/post/565516/?utm_campaign=565516&utm_source=habrahabr&utm_medium=rss

Думаю, что многие читатели Хабра часто работают с клавиатурой — неважно, для кода или написания статей/документации. Приспособиться можно к любой клавиатуре, даже самой недорогой и «китайской» (хотя и в этой категории бывают отличные модели). Но лучше, конечно, работать с комфортом.

В этой подборке мы собрали несколько клавиатур, которые нравятся нам самим — какие-то есть у сотрудников Selectel, к каким-то присматриваемся. Хороших клавиатур достаточно много, мы напишем о части из них. Если у вас есть собственная любимая «клава», расскажите о ней в комментариях.
Читать дальше →

https://habr.com/ru/post/562040/?utm_campaign=562040&utm_source=habrahabr&utm_medium=rss

Уже сто пятьдесят лет никто не решается массово заредизайнить клавуа, у Эпл последняя выглядит вот так. Давайте немного подвигаем кнопки и посмотрим как можно сделать лучше.

Читать далее

https://habr.com/ru/post/566116/?utm_campaign=566116&utm_source=habrahabr&utm_medium=rss

Всем привет, я Матвей Правосудов, старший продуктовый дизайнер ВКонтакте. Ранее мы делились нашей системой VKUI и описывали подход к оформлению приложения для iPad.

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

Читать далее

https://habr.com/ru/post/565862/?utm_campaign=565862&utm_source=habrahabr&utm_medium=rss

Дизайн-система в нашей компании существует с 2018 года. По поводу неё уже была статья от дизайнеров и выступление от техдиректора. Самое время рассказать, как ситуация выглядит изнутри самой дизайн-системы.

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

В первой же части статьи речь пойдёт о том, как и почему у нас появилась дизайн-система; как она устроена и что в ней хранится; как клиентские приложения IVI получают и обрабатывают данные из дизайн-системы; как мы добавляем в ДС новые сущности и как избавляемся от устаревших.

Читать далее

https://habr.com/ru/post/565500/?utm_campaign=565500&utm_source=habrahabr&utm_medium=rss

«Да, вы постоянно выкатываете обновления, но вы выкатываете обновления, не проявляя уважение.»

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

Вот примеры темных (возможно, не совсем темных, но уж точно очень серых) паттернов, которые я заметил:

Запрашивать электронную почту и делать вид, что это обязательно

Но на самом деле вы можете просто нажать «Далее».

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

На мобильном устройстве вы больше не можете просматривать большинство субреддитов без регистрации. Читать дальше →

https://habr.com/ru/post/564860/?utm_campaign=564860&utm_source=habrahabr&utm_medium=rss

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

Читать далее

https://habr.com/ru/post/565102/?utm_campaign=565102&utm_source=habrahabr&utm_medium=rss

20 лет назад Microsoft выпустил новую версию Windows со свежим пользовательским интерфейсом, построенном на технической базе, заложенной ее предшественником. Звучит знакомо, не так ли?

Послушайте, я знаю, что любой энтузиаст Windows, прочитавший этот заголовок, немедленно начнет критиковать его, а затем скорее всего предложит сравнивать Windows 11 с чем-то другим, более подходящим, по его мнению. Но все же, чем больше я думаю об этом, тем больше приходит на ум сравнение Windows 11 именно с Windows XP.

Читать далее

https://habr.com/ru/post/564966/?utm_campaign=564966&utm_source=habrahabr&utm_medium=rss

Дополнительный модуль Flow Simulation позволяет моделировать потоки жидкости и газа для вычисления разных характеристик, таких как температура, скорость потока, давление и т.д. В этой статье мы рассмотрим поведение внутреннего потока холодного воздуха из кассетного кондиционера в камере охлаждения и определим, какой ящик внутри камеры охлаждается быстрее.

Если вы предпочитаете изучать новый материал по видео, добро пожаловать на наш YouTube-канал «Школа SOLIDWORKS». Перейдя по ссылке, вы сможете посмотреть, как проводить расчет внешнего потока в Flow Simulation.

Читать далее

https://habr.com/ru/post/562382/?utm_campaign=562382&utm_source=habrahabr&utm_medium=rss

Плоские человеческие фигурки с изогнутыми руками и ногами, одежда ярких цветов, черты лица не более выразительны, чем силуэт, а если и есть какое-то выражение, то это обязательно улыбка.

Такой стиль иллюстраций называется «корпоративный мемфис».

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

Похоже, это повсеместный тренд, от которого никуда не деться: жертвой этих причудливых картинок становятся и стартапы, и крупные технологические компании.

Как так получилось? И какое значение этот стиль имеет в сфере маркетинга?

Давайте разберемся.

Читать далее

https://habr.com/ru/post/562778/?utm_campaign=562778&utm_source=habrahabr&utm_medium=rss

В этой статье я объясню технику, используемую для создания «акварельных» генеративных изображений. Моё решение схоже с техниками, которые я описывал в статье Generating Soft Textures. Алгоритм не особо сложен. Концептуально он прост, но при этом хитро настроен.

Источник вдохновения

Я часто экспериментирую с акварелью в своём скетчбуке. Особенно мне нравятся безумно детализированные и разнообразные эффекты, которые способна создавать краска. Моё внимание привлёк один скетч, ставший источником вдохновения для разработки этой техники.

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

https://habr.com/ru/post/561896/?utm_campaign=561896&utm_source=habrahabr&utm_medium=rss

«Если бы у меня было восемь часов на то, чтобы срубить дерево, я потратил бы шесть часов на то, чтобы наточить топор» — Авраам Линкольн

Привет, меня зовут Алишер, я UI/UX-дизайнер в команде Beeline Казахстан. Наша компания делает много продуктов, но, как оказалось, мы мало об этом рассказываем. Поэтому не так давно начали проводить внутренние митапы: встречи, на которых рассказываем всем коллегам о том, что делаем. А теперь решили делиться своим опытом еще и во вне. 

Мой доклад на внутреннем митапе про UX/UI получил большой отклик среди коллег, поэтому я решил написать об этом и сюда. В статье расскажу, что такое UX-исследования и для чего они нужны. Поделюсь, когда по моему мнению компании нужно нанимать UX-дизайнера. И на примере покажу, как продукты Beeline Казахстан меняются благодаря исследованиям.


Читать дальше →

https://habr.com/ru/post/561874/?utm_campaign=561874&utm_source=habrahabr&utm_medium=rss

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

Читать далее

https://habr.com/ru/post/561892/?utm_campaign=561892&utm_source=habrahabr&utm_medium=rss

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

Читать далее

https://habr.com/ru/post/561538/?utm_campaign=561538&utm_source=habrahabr&utm_medium=rss