Как стать автором
Обновить
51.02

Прототипирование *

Важный этап разработки продуктов

Сначала показывать
Порог рейтинга
Уровень сложности

Как сделать консистентный UX для 40+ продуктов. Уроки, которые я извлекла из перезапуска дизайн-системы

Уровень сложностиСредний
Время на прочтение17 мин
Количество просмотров8.2K

Привет! Меня зовут Ксения Гаврилова, я дизайн-менеджер в Selectel. Определяю, поддерживаю процесс и качество дизайна продуктов в компании, занимаюсь поиском и онбордингом людей в команду, помогаю дизайнерам развиваться.

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

В этом тексте я хочу поделиться главными уроками, которые извлекла в процессе. Они будут полезны дизайнерам и разработчикам, лидам и линейным специалистам. Надеюсь, мой опыт поможет вам при создании вашей дизайн-системы и в работе над ней, и вы не допустите моих ошибок.
Читать дальше →
Всего голосов 44: ↑43 и ↓1+42
Комментарии8

Как мы создали свой первый прототип с бюджетом 25к рублей?

Уровень сложностиПростой
Время на прочтение12 мин
Количество просмотров3.3K

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

Узнать о прототипе
Всего голосов 7: ↑5 и ↓2+3
Комментарии29

Танец на граблях или тонкости UX-исследований в узких B2B-направлениях

Уровень сложностиПростой
Время на прочтение10 мин
Количество просмотров2.9K

Иллюстрация Андрея Попова

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

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

Читать далее
Всего голосов 20: ↑20 и ↓0+20
Комментарии4

Как создать эффективную посадочную страницу в 2023: всего 3 фактора, от которых зависит конверсионность лендинга

Уровень сложностиПростой
Время на прочтение8 мин
Количество просмотров6.7K

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

Читать далее
Всего голосов 12: ↑8 и ↓4+4
Комментарии14

Истории

Разрабатываем дизайн-концепцию IT-системы: этапы аналитики и дизайна

Уровень сложностиСредний
Время на прочтение14 мин
Количество просмотров5.3K

Привет, Хабр! Меня зовут Юлия, я старший аналитик-проектировщик компании SimbirSoft. Работаю в сфере IT более 10 лет, в моем портфолио создание более 20 IT-систем для различных проектов: флагмана металлургии, медицинского проекта (6 стран присутствия), автомобилестроительной компании, онлайн-кинотеатра, сервиса доставки еды, сервиса рекламных объявлений и многих других.

Эта статья будет интересна всем тем, кто так или иначе сталкивался с проектированием новых IT-систем или оптимизацией существующих с точки зрения аналитики и/или дизайна. 

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

Кто может выполнять проектирование дизайн-концепции? Любой IT-специалист, который владеет аналитическими и дизайн-инструментами, имеет опыт в проектировании IT-интерфейсов и обладает навыками для проведения UI/UX-исследований.

Читать далее
Всего голосов 5: ↑5 и ↓0+5
Комментарии1

Futura. Проект концептуального облика СберБизнес-2035

Уровень сложностиПростой
Время на прочтение8 мин
Количество просмотров1.8K

Всем известно, что дизайн призван показывать будущее вещей и таким образом их изобретать или переизобретать. И однажды такой момент в жизни любого продукта обязательно наступает. Дизайн умеет предчувствовать и, главное, — артикулировать, «овеществлять» своё предвидение. У дизайна это выходит особенно хорошо, потому что с одной стороны он — дитя искусства, и поэтому образы — его стихия. С другой стороны, папа дизайна — промышленность, поэтому ему подвластна форма или тело идеи.

Читать далее
Всего голосов 7: ↑4 и ↓3+1
Комментарии0

Как сделать макеты удобнее для команды

Время на прочтение6 мин
Количество просмотров7.2K

Привет! Меня зовут Владимир Крылов, и я проектирую внутренние сервисы в Ozon.

Продуктовые дизайнеры упаковывают решения проблем в макеты, которые часто смотрят коллеги: другие дизайнеры, менеджеры, аналитики, разработчики и QA-инженеры. Важно, чтобы макеты были максимально понятными — это сэкономит время на погружение в задачу всем участникам процесса и снизит количество ошибок, которые придется потом исправлять. Поэтому понятные и удобные макеты сокращают Time to Market продуктовых решений.

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

Читать далее
Всего голосов 23: ↑23 и ↓0+23
Комментарии2

Почему я почти никогда не начинаю проектирование (или дизайн) сайта с главной страницы

Время на прочтение2 мин
Количество просмотров11K

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

Главная страница сайта — это вишенка на торте. Я буду точно знать, из чего она состоит и как работает после того, как будут спроектированы все остальные разделы.

Читать далее
Всего голосов 26: ↑25 и ↓1+24
Комментарии12

Использование модулей электропитания с соблюдением стандартов MIL-STD-1275 и MIL-STD-461F

Уровень сложностиПростой
Время на прочтение8 мин
Количество просмотров2.2K

Аннотация

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

Введение

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

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

Одна из задач инженера-разработчика — своевременная корректировка схемы для снижения электромагнитных помех и изменения напряжения в переходном процессе в разрабатываемом оборудовании, к которому предъявляются требования, определяемые потребителем.

Читать далее
Всего голосов 9: ↑8 и ↓1+7
Комментарии13

Как внедрить Prototype в Singleton в Spring с помощью параметра ProxyMode

Уровень сложностиСредний
Время на прочтение2 мин
Количество просмотров5.8K

Если просто добавить к определению бина аннотацию @Scope(SCOPE_PROTOTYPE), и использовать этот бин в синглтоне через аннотацию @Autowired – будет создан только один объект. Потому что синглтон создается только однажды, и обращение к прототипу случится тоже однажды при его создании (при внедрении зависимости).

На самом деле вариантов довольно много:

Читать далее
Всего голосов 2: ↑2 и ↓0+2
Комментарии8

Управление сервоприводами, часть 2. Управляем сервоприводами с помощью серво-контроллера через USB любых компьютеров

Уровень сложностиСредний
Время на прочтение40 мин
Количество просмотров5.3K

В первой статье серии про сервоприводы с названием Сервоприводы: устройство и управление мы рассказывали о том, для чего нужны сервоприводы, как они устроены, и как ими управлять с помощью ШИМ, приведены характеристики некоторых популярных сервоприводов. Мы написали программу на Python для Repka Pi, позволяющую выполнять необходимые операции над сервоприводами с удержанием угла, а также с сервоприводами постоянного вращения.

С помощью этой, второй статьи серии, вы научитесь пользоваться 16-канальным ШИМ-контроллером Robointellect Controller 001. Данный контроллер создан на базе микросхемы PCA9685 и предназначен для управления различными исполнительными устройствами, использующими ШИМ-модуляцию:

Читать далее
Всего голосов 6: ↑6 и ↓0+6
Комментарии7

Мой опыт заказа СВЧ плат в России в 2023 году

Время на прочтение4 мин
Количество просмотров8.7K

В этой короткой статье я сделала апдейт своей прошлой статьи. Также в статье: про аналоги Rogers и мои выводы по ситуации на данный момент.

далее
Всего голосов 41: ↑40 и ↓1+39
Комментарии13

Проблема загрузки контроллеров Teensy

Уровень сложностиСредний
Время на прочтение4 мин
Количество просмотров1.2K

Загрузка контроллера Teensy, подключенного к компьютеру через СОМ порт при отсутствии других Teensy, не вызывает затруднений. Однако, загрузка одновременно-подключенной группы контроллеров Teensy может оказаться проблематичной [1,2,3,4]. Варианты решения этой проблемы обсуждаются ниже.

Читать далее
Всего голосов 5: ↑5 и ↓0+5
Комментарии3

Ближайшие события

Как я делала мониторинг качества воздуха в Армении

Уровень сложностиПростой
Время на прочтение8 мин
Количество просмотров17K

Или как я превратила самодельную штуку в реальный проект. Часть 1.

В мае 2022 я релоцировалась переехала в Армению. Повод, кстати, заслуживает отдельной статьи «Как я представляла Россию в конкурсе Lexus Design Award 2022 и выиграла грант в 25 000$”. В разгар санкций получить эти деньги было не так-то просто, и я отправилась в Ереван...

Читать далее
Всего голосов 175: ↑171 и ↓4+167
Комментарии112

Оценка времени проектирования интерфейсов при планировании работ

Уровень сложностиСредний
Время на прочтение10 мин
Количество просмотров1.6K

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

Читать далее
Всего голосов 2: ↑1 и ↓10
Комментарии1

Репортаж из прошлого: чем нам помогут уроки, вынесенные из DIY в эпоху перемен?

Уровень сложностиСредний
Время на прочтение22 мин
Количество просмотров6.6K

Бывало, сидишь, прямо как сейчас, смотришь в монитор — и вдруг захотелось сделать что-нибудь необычное. В эпоху Интернета, кода, написанного нейросетями и 3D-принтеров всё для этого можно найти в продаже, прямо не сходя с дивана. Хочешь — закажи печатную плату, а хочешь — выточку или выплавку детали под твои нужды, хоть с со своим выгравированным на них именем.

Однако так было не всегда. Как же люди сами мастерили что-то до появления в продаже доступных деталей?

Когда я смотрел на ремонт каких-то вещей, выполненный людьми во время, ещё когда о развале СССР никто и не думал, я поражался их находчивости при поиске замены сломанным деталям. Сейчас-то, при имеющейся информации в Ютубе или просто в Интернете, многие умудряются склеить всё вкривь-вкось, но тогда можно было только восхищаться безупречной склейкой корпуса или заменой детали на самодельную. Детали после ремонта невозможно было принять за незаводские, при том, что в то время люди обменивались опытом, в основном, при встрече да по телефону.

Люди сами чинили телевизоры, радио, их сломанные корпуса из пластмассы и дерева, сваривали детали заборов или велосипедов. Когда появились первые ZX Spectrum, то люди собирали их вручную из "конструкторов". В какой-то статье тогда я читал о самой крутой поделке для Спектрума: кто-то писал, как сам спаял для него световое перо.

Итак, мы в 2000 году с подключением по модему 33Kbps с первого "Пентиума". У нас были: проволока, найденная на стройке, два советских конструктора "Юность-3" и "Механик", два микроподшипника, своевременно нашедшийся второй моторчик от сломанного кассетного плеера, в комплект в первому с Митинского радиорынка, и медные провода-лапша, которая валялась под теми же стройками в изобилии. Вы ее точно помните, такие тонкие и гибкие проволочки в оплётке всех возможных цветов.

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

Читать далее
Всего голосов 51: ↑51 и ↓0+51
Комментарии12

Как начинать проект на Go в 2023 году

Время на прочтение14 мин
Количество просмотров11K

Когда-то я написал статью о том, как начинать проект на Go в 2018 году. С тех пор многое изменилось, и я захотел написать обновлённую версию статьи. В ней я расскажу всё, что нужно новичку, чтобы приступить к работе с Go.

Читать далее
Всего голосов 12: ↑10 и ↓2+8
Комментарии0

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

Уровень сложностиПростой
Время на прочтение6 мин
Количество просмотров3.2K

Привет, ХАБР!

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

Помните, как настраивали прибор, когда основная часть потенциометра отвалилась? Или как нажимали на кнопку, от которой осталось только название?

Мы, Лиза и Андрей, студенты 4 курса биотеха НИУ МЭИ радиотехнического факультета, создали прибор для лабораторных работ по физиологии, по сути своей – это генератор электрических импульсов, управляемый по Wi-Fi через смартфон.

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

Читать далее
Всего голосов 13: ↑13 и ↓0+13
Комментарии27

Купи доску и мотор

Уровень сложностиПростой
Время на прочтение5 мин
Количество просмотров17K

Уже больше года назад я прочитал статью https://habr.com/ru/companies/first/articles/662570/. Судя по комментариям она вызвала много разных эмоций, но лично меня эта статья вдохновила на создание для себя такой штуки. От себя лично я благодарю автора за эту статью.

Опущу много подробностей и сразу скажу что остановился на покупной надувной доске и покупной мачте с подводным крылом.

Читать далее
Всего голосов 80: ↑78 и ↓2+76
Комментарии87

От «из мха и шишек» до продукта | Постройка электросерфа и гидрофойла

Уровень сложностиПростой
Время на прочтение6 мин
Количество просмотров5.9K
В прошлых двух статьях были изложены общие моменты и негативный опыт по постройке двухтактного ДВС. Эта статья — более положительный пример, но боли и страданий в ней не меньше.

Поехали.

1. Эмпирическое проектирование.


1.1 Серф


Параллельно с постройкой 2Т ДВС мотора, мы начали делать электричку.

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

image
К- качество.
Читать дальше →
Всего голосов 62: ↑61 и ↓1+60
Комментарии11

Вклад авторов

Работа