Дизайн

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

Я уже писал достаточно откровенную статью о том, как почти 20 лет назад решил во что бы то ни стало придумать и реализовать проект, который обязан был быть глобальным, при этом уникальным, и конечно же успешным. Почему обязан? Хороший вопрос. Наверное, потому что в двадцать с небольшим лет кажется, что иначе и быть не может. 

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

Той статьей я пытался раз и навсегда закрыть вопрос с этой изрядно затянувшейся попыткой оставить свой след в истории интернета (ха!). Некоторое время после ее публикации я действительно верил, что меня отпустило. 

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

Привет, Хабр! На связи Юлия Жидкова, тимлид команды продуктового дизайна «МосТрансПроекта». В одной из прошлых статей мой коллега Руслан рассказывал о создании сервиса по оценке транспортной доступности жилых комплексов «Узнай про ЖК». Сегодня я расскажу, как мы разрабатывали дизайн сервиса, какие проблемы пришлось решать и почему «Узнай про ЖК» сегодня выглядит именно так, а не иначе.

Уолли Олинс — пожалуй, самый известный дизайнер Великобритании. Он был создателем визуального стиля брендов Orange, Hadfields, занимался имиджевым консультированием разных стран. Олинс — один из учредителей международно-известной фирмы Wolff Olins. Расскажем, как человек с историческим образованием смог сформировать визуальный вкус целого поколения.

Может так статься, что будучи хипстером вам потребуется напечатать пару макетиков в близлежащей печатне средней руки. Такое всё ещё случается в современном мире - старики повсюду и они пользуются этими устаревшими материальными носителями. Может случиться, что именно вам придётся обратиться в типографию, в это странное, доисторическое место, чтобы что-то напечатать. Как быть?

Привет! Я Лера — исследователь в UX-лаборатории Контура. Часто к нам приходят продукты, в которых давно (или даже никогда) не проводили исследования. Из-за этого у команд копится большой список продуктовых гипотез, которые хочется проверить.

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

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

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

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

Помните, в детстве была шутка: «Дочка, запомни, две полосы это ж*па»? Но я расскажу классный пример, как привлечь внимание с помощью двух красных полосок.

А всё просто, я прямо остановилась и посмотрела, что это за объявление. По факту, небольшой городок в Подмосковье, и вот в ДК требуются люди. Причём до этого это объявление тоже висело, только без красных зачёркнутых строк.

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

Поведение альтруистичное (сделай что-то, чтобы кому-то было полезнее) используют довольно мало, и обычно душеспасительные сервисы вроде википедии или волонтерских проектов. 

Мне кажется просоциальные сообщения недооценены, и я нашла несколько исследований, которые это подтверждают.

Мы продолжаем нашу серию материалов о трендах в дизайне интерфейсов и начинаем с самого широкого пласта — культуры и общества.

Как постмодерн и метамодерн влияют на визуальные решения? Почему «ирония», «новая этика» и «необрутализм» становятся не просто стилями, а инструментами коммуникации?

Мы собрали более 50 источников — от Awwwards и Behance до академических публикаций — чтобы выделить ключевые мегатренды и показать, как они формируют язык современного UX/UI.

Это не короткий лонгрид, а полноценная исследовательская статья — на чашку кофе (или даже две). Запасайтесь вкусными напитками — будет объёмно, живо и очень интересно.

В современной электронике печатные платы играют ключевую роль, обеспечивая соединение компонентов и передачу сигналов. Одним из интересных и функциональных элементов разводки являются проводники спирального типа (также известные как спиральные индуктивности или меандровые линии).

Спиральные проводники представляют собой металлические дорожки, выполненные в форме спирали или меандра на поверхности или внутри слоёв печатной платы. Их конструкция может быть:

- Плоской спиралью (planar spiral) – дорожка закручена по окружности или квадрату.

- Меандровой линией (meander line) – зигзагообразная структура, увеличивающая эффективную длину проводника.

- Многослойной спиралью – когда витки распределены между разными слоями печатной платы.

1. Конструкция и особенности

Форма таких проводников представляет собой плоскую спираль, которая может иметь круглую, квадратную, шестиугольную или любую другую геометрию витков в зависимости от требований к индуктивности и занимаемой площадки.

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

За последние пару лет в интерфейсах появился новый паттерн — ✨. Магическая искорка сигналит, что здесь работает ИИ. Но с маркировкой сгенерированного контента всё сложнее. Нет единого стандарта: кто-то прячет информацию, кто-то показывает крупный дисклеймер, кто-то вообще не маркирует. Я столкнулась с подобной задачей в Контуре.

Любой сайт или блог оживает не только за счёт текста, но и благодаря картинкам. И чем качественнее и уместнее медиаконтент, тем более увлекательным и запоминающимся получается проект. Но создавать изображения с нуля или заказывать фотосъёмку не всегда есть возможность, поэтому часто используют фотостоки.

Shutterstock, Adobe Stock, Unsplash — знакомые названия? В этом и кроется ловушка: сервисы, призванные помочь, незаметно превращают уникальные бренды в близнецов! Ведь их знают и ваши конкуренты. В итоге — одни и те же улыбающиеся люди в костюмах, типовые ноутбуки на столе или «абсолютно идеальные» неживые офисы кочуют с сайта на сайт — от банков и онлайн-школ до стартапов и НКО.

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

У нас был парк из 50 смартфонов разных производителей, 2 года на разработку, 5 дизайнеров, 1 арт-директор, исследовательские и стратегические сессии, целое море идей, разноцветных прототипов и эскизов, пачка шрифтов, а также литры кофе, чая и немного пива по пятницам. Не то, чтобы все это было категорически необходимо для создания дизайна операционной системы, но если уж мы взялись, то к делу надо подходить серьезно.

О тех, кто повлиял на культуру, кто создавал сервисы, которыми мы до сих пор пользуемся, и чьи идеи остаются актуальными сегодня.

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

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

Я работаю по схеме Time & Materials (T&M) над проектами с высокой степенью неопределённости, где на старте часто только общее представление о продукте, его структуре или задачах. В этой статье я покажу, как проходит первый ключевой этап работы — от сбора вводных материалов до набора проектных артефактов, которые формируются в первый блок часов.

Стоит ли IT-компании вкладываться в дизайн, или сайта на конструкторе будет достаточно?

Недавно мы провели редизайн собственного сайта. Погрузившись в процесс, провели свое мини-исследование: изучили десятки сайтов IT-компаний — от молодых стартапов до крупных игроков рынка. Мы смотрели на все: на структуру, подачу информации, визуальный язык и то, какие эмоции он вызывает.

В процессе собрали коллекцию интересных находок и наблюдений. Хочу поделиться с вами главным выводом: за внешней простотой и лаконичностью успешных digital-продуктов стоит огромная работа, которая не всегда измеряется прямыми метриками. Речь о доверии к бренду, его узнаваемости и том самом «ощущении» профессионализма.

Мы в Beeline Cloud недавно писали о ретрософте, который живет и поддерживается вот уже не первое десятилетие. Сила этих программ кроется в отказе от лишнего.

Во многом они выжили благодаря своей простоте: сохранили ядро, ключевую функциональность и лояльных пользователей. Поговорим о тех, кто все же не смог устоять. Разберем на примерах, как неконтролируемый feature creep превращает продукты в монструозных «франкенштейнов», от которых бегут пользователи.

Привет, Хабр! 

В свободное от работы время я делаю мультфильм, и делюсь процессом в своем канале.

С выходом Blender 5.0 появилась долгожданная встроенная поддержка ACES. В интернете сразу появились восторженные посты и сложные технические обзоры. Ну и естественно я сразу побежал смотреть, а как мои рендеры будут выглядеть в новом свете (или цвете). Но как оказалось - ACES это не волшебная таблетка, хоть и это киллер фича Blender 5.0.

Как так? Давайте разбираться, а я постараюсь сделать рассказ о цвете (полный белых пятен) как можно красочнее

Форматы изображений и видео вроде JPEG, HEIC и AV1 давно стали частью нашей повседневности. Мы снимаем на смартфон, пересылаем фото в мессенджерах, заливаем видео в облако — и редко задумываемся, почему одинаковый кадр может весить в три раза меньше, но выглядеть так же.

Рассмотрим, как современные кодеки экономят место, почему файлы стали компактнее и зачем это вообще понадобилось. Детали под катом.

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