Обновить
189.78

Дизайн

Дизайн спасёт мир

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

Проверяем интерфейс на реальных пользователях

Хотите создавать интерфейсы, которые действительно работают и не вызывают вопросов у пользователей? Тогда вам точно стоит познакомиться с нашим новым пособием по коридорному тестированию — простому и эффективному методу UX-исследований!

В статье «Как проводить коридорные тесты: памятка» от продуктового дизайнера Альфа-Банка вы найдете пошаговый гайд по проведению коридорных тестов, которые помогают обнаружить узкие места интерфейса еще на стадии прототипа.

Как проводить коридорные тесты: памятка
Привет! Меня зовут Тимофей, я продуктовый дизайнер в Альфа-Банке. Бывают ситуации, когда спроектиров...
habr.com

Читайте статью и переводите свои прототипы из разряда «красивых картинок» в удобные и понятные решения для реальных пользователей!

Теги:
Рейтинг0
Комментарии0

Какие пет-проекты у фронтенд-разработчиков в бигтехе

Городские. И конечно, они связаны с дизайном. 😎

Привет! Это Саша Чабин, старший инженер-программист в Контуре. На работе разрабатывает пользовательские интерфейсы, развивает дизайн-систему, проводит ревью техстандартов в инженерном пути. А вне работы — создаёт онлайн-карты Екатеринбурга и преподаёт студентам УрФУ. Рассказал, как не чувствовать себя выжатым лимоном от такого количества дел и кто его на них вдохновляет.

Какие интересные проекты я делаю, когда свободен от рабочих задач:

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

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

  • Преподаю студентам третьих и четвёртых курсов ФИИТ. Рассказываю про фронтенд-разработку интерфейсов — то, чем занимаюсь в Контуре. Верстаем, перевёрстываем, выполняем домашки. 

Как получается не выгорать от такого количества дел?

Важно чувствовать интерес, любопытство и вдохновляться другими людьми. Своими проектами я занимаюсь после работы и в выходные потому что считаю их важными и полезными. Когда тебе искренне нравится то, чем занимаешься на работе и после неё, усталости нет. Думаю, многим знакомо это чувство и его сложно объяснить: оно просто есть. Конечно бывает и то, что ощущаешь себя выжатым лимоном — без этого никуда. Но когда видишь вокруг людей, которые двигают эту планету и делают в разы больше тебя, — вдохновляешься. Например, общественники Екб, которые договариваются с горадминистрацией о новых проектах — смотришь и думаешь, откуда в них столько смелости и напора?! 

Кто ещё меня вдохновляет:

  • Андрей Ситник — фронтенд-разработчик энтузиаст, который сделал кучу полезных инструментов для фронтендеров. Мне удалось немного поработать с ним. Его суперсила — в желании двигать индустрию и возможности помогать всем начинающим.

  • Александр Георгиевич Гейн — кандидат физико-математических наук, профессор. У него я учился и удивлялся, как этот человек искренне хотел помочь своим студентам и всегда находил время на то, чтобы проконсультировать всех, кто что-то недопонял по теме или просто хотел узнать больше. Подпитывать интерес студентов — было его суперсилой, которой и я стремлюсь обладать.

  • Николай Александрович Чабин, мой дедушка. Он был военным, объездил всю Россию. После 60 лет вернулся на родину, в Первоуральск, и занялся Книгой памяти о призванных в годы Великой отечественной войны. Дедушка работал в Совете ветеранов и учился осваивать компьютер: Word, Excel, интернет. Учился работать с архивами и возил ветеранов в Екатеринбург на разные мероприятия. Обижался всё время, что в интернете не вся информация есть. Меня всегда заражал его интерес ко многим вещам, наверное поэтому во мне развито желание успеть многое. Кстати, хочу доработать Книгу памяти дедушки, придумать для неё новый формат.

Все эти люди — маяки для меня. Хочу тоже быть для кого-то таким маяком.

***

«Пет проекты Контура» — это серия видеороликов, на которых наши разработчики рассказывают о своих личных инициативах вне работы и гуляют с собаками из приюта Хаски Екб. Выпуск про Сашу и собаню Пончика — первый, и его можно посмотреть в VK Видео, на RuTube и YouTube. А чтобы не пропустить новые выпуски, подписывайтесь на наш блог или любую другую площадку. 😉

Теги:
Всего голосов 4: ↑3 и ↓1+2
Комментарии0

Когда дедлайн вчера

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

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

Подробнее о процессе создания CJM с помощью искусственного интеллекта — в статье: «Когда CJM нужен через 3 дня (а не месяца)»

Теги:
Рейтинг0
Комментарии0

Когда говорят о работе UI/UX-дизайнера, в голове всплывают образы стартапов, финтех-приложений или модных e-commerce платформ. А что насчет тяжелой промышленности? Представьте себе интерфейс для управления доменной печью, систему планирования поставок руды или дашборд для мастера цеха. Это — наш мир.

На связи Анна Труфанова, лидер гильдии дизайнеров в НЛМК ИТ. Мы создаем цифровые продукты для одной из крупнейших металлургических компаний мира. Вопрос «А чем вы там вообще занимаетесь?» мы слышим регулярно. Вместо долгих рассказов отвечаю максимально конкретно — с помощью цифр.

Вот из чего на самом деле состоит работа дизайнера на производстве:

Статистика за сентябрь
Статистика за сентябрь

Дизайн — сфера, которую часто считают «субъективной». Чтобы сделать нашу работу прозрачной, предсказуемой и управляемой, мы разработали систему метрик и начали измерять, сколько времени уходит на каждую дизайн-активность. Это помогает нам:

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

  2. Оценивать сложность проектов. Почему одна фича делается неделю, а другая — месяц?

  3. Балансировать команду. У нас есть специалисты с разными сильными сторонами. Данные помогают правильно распределять задачи.

  4. Показывать ценность дизайна бизнесу на языке цифр, а не эмоций.

Подробнее рассказываю в статье: Как мы начали считать эффективность и подружили дизайн с цифрами.

Теги:
Рейтинг0
Комментарии0

5 октября в Санкт-Петербурге заканчивается выставка более 100 произведений русского художника-иллюстратора Ивана Билибина в культурном квартале "Брусницын". Иван Яковлевич знаком почти каждому из нас с детства благодаря своим удивительным иллюстрациям русских народных сказок. Тем не менее, творчество Билибина интересно не только стилем, опередившим время, но и с точки зрения типографии, графики, орнамента и оригинального дизайна. Стоит напомнить также, что Билибин был иллюстратором русского костюма, так что данная выставка будет интересна для вдохновения не только художникам, но и представителям модной индустрии.

https://brusnitsyn.spb.ru/bilibin

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

Сrocs выпустили сабо для инженеров к 50-летию Microsoft. Дизайн вдохновлён культовыми обоями «Безмятежность». В комплект входят аксессуары: шесть джиббитсов с иконками MSN, Internet Explorer, курсора и другие, а также брелок с помощником «Скрепышём» и фирменный мешок для хранения.

Теги:
Всего голосов 1: ↑1 и ↓0+1
Комментарии4

Энциклопедия цветов Sanzo Wada — это небольшая книга японского художника Санзо Вада, который с пристальным вниманием документировал цвета, вдохновляясь природой и японским искусством. Выпущена в 1930х годах.

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

Поэкспериментировать в онлайн-версии:
https://sanzo-wada.dmbk.io

Теги:
Всего голосов 3: ↑3 и ↓0+6
Комментарии0

Заключительный пост из серии про веб-дизайн прошлого.

5/5 — Альтернатива HeadHunter, где действительно были годные вакансии. Возможно, кто-то из вас вспомнит сообщество «ВДХЛ» в Питере

Теги:
Рейтинг0
Комментарии2

Продолжаю серию о винтажном веб-дизайне.

4/5 — в 2013 Windows 8 была на волне трендов у заказчиков. И каждый заказ получался, как очередная Nokia (в виде помады, например)

Теги:
Всего голосов 3: ↑3 и ↓0+7
Комментарии0

Компания LoveFrom Джони Айва совместно с японским производителем техники Balmuda представила портативный морской фонарь Sailing Lantern. Корпус фонаря выполнен из полированной нержавеющей стали с модулем из текстурированного стекла, под которым находится LED-лампа. Вес устройства 1,5 кг. Все элементы Sailing Lantern устойчивы к коррозии, а ремешок не боится соли, солнца и масла. На корпусе фонаря есть одна кнопка-крутилка, которая регулирует яркость и цветовую температуру. Примечательно. что кнопка тоже сделана из нержавеющей стали и издаёт щелчки при повороте. Фонарь Sailing Lantern выпущен ограниченной серией в 1000 штук по цене $4800.

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

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

Тем временем, основной показатель роста — не бояться неидеального процесса и уверенно нырять в хаос с головой. Мнения коллег клиента? Отлично, бесплатная фокус-группа! Десятки итераций? Прекрасно, мы в творческом потоке! Это и есть та самая «магия опыта».

Вы называетесь синьор и вас до сих пор бомбит от правок? У меня для вас плохие новости

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

Продолжение серии публикаций про древние образцы веб-дизайна. На этот раз из 2014.

3/5 — Какой, простите, нейродизайн и тепловые карты с фокусом внимания? Образы и ощущения, вот что работает по-настоящему

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

Продолжение серии про образцы веб-дизайна из 2013.

2/5 — UI был слишком прогрессивен для своего времени (да и для нашего тоже), и его реализовали частично. Удивительно, но этот сайт до сих пор жив!

Теги:
Всего голосов 1: ↑1 и ↓0+1
Комментарии2

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

Свершилось!

Ребят, свершилось! Logitech таки анонсировал представил официально свою новую солнечную клавиатуру. Называется она Signature Slim Solar+ K980 (индекс, вероятно, нужен для учёта моделей).

Стоимость клавиатуры - 99,99 долларов. Есть два типа - под Mac и Windows.

Производитель солнечной панели так и не назван. Швейцарцы «прикрываются» собственной технологией Logi LightCharge, которую они начали разрабатывать в конце 2022-го или начале 2023-го года. И, вероятнее всего, заключается «разработка» в солнечной панели, контроллере заряда и аккумуляторе, о котором известно больше всего. Это, скорее всего, перезаряжаемая литиевая «пуговица» ML2032 (аналог CR2032) ёмкостью 65-70мАч. И для того, чтоб от неё можно было питать клавиатуру 4 заявленных месяца, компания пошла на сокращение энергодефицита путём отсекания избыточных (на их взгляд) функций. Ну, типа подсветки клавиш и индикатора заряда АКБ. Его теперь можно посмотреть в приложении.

Ну, будем мониторить дальше. Кстати, пару часов назад на официальном канале появились видео о том, как работать на клавиатуре, как настраивать её да и вообще – прикольные product rewiew.

А, кстати, судя по обзору The Verge, клавиатуру показывали на CES-2025. А я и не заметил. А ещё Кэмерон Фолкнер заметил, что заряжается Slim Solar+ от любого типа освещения мощностью (точнее – яркостью) более 200 нит. Если что, средняя яркость современных мониторов – 400-600 нит. Делаем выводы и делимся предсказаниями насчёт того, зря или не зря Logitech выпилила USB-C зарядку

И да, спасибо Максу за сигнал!

@solarnews
#Logitech #клавиатура #CES #solarnews #соларньюс

Теги:
Всего голосов 2: ↑2 и ↓0+3
Комментарии1

«Техническая эстетика» — легендарный советский журнал (1964–1992), один из самых самобытных и недооцененных проектов эпохи. Он стал каноном дизайн-мышления для СССР, выходя далеко за рамки прикладного формообразования.

Это было не про, как красиво покрасить трактор. Это была настоящая революция в мышлении с принципом «дизайн = наука».

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

Он поднимал темы, о которых молчали. Как жить среди серых панелек? Можно ли впихнуть красоту в плановую экономику? Это было непривычно и дерзко.

А лично меня зацепила концепция универсальности одного элемента что для автомобиля, что для кухонного гарнитура. Все по Папанику и ТРИЗ

Теги:
Всего голосов 7: ↑6 и ↓1+6
Комментарии2

Почему азиатский UX работает по другим законам?

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

Если вы тоже задаете эти вопросы, то статья «Как проектировать интерфейсы по азиатски: холистически и беспощадно» точно для вас! Расскажем чему западным и российским дизайнерам стоит учиться у WeChat, Naver, KakaoTalk, Alipay, Rakuten и TaoBaо.

Как проектировать интерфейсы по азиатски: холистически и беспощадно
Почему западные интерфейсы стремятся к минимализму и упрощению, а азиатские, напротив, демонстрируют...
habr.com

Если хотите выйти за границы привычных паттернов и понять, как строится неочевидный, но очень эффективный UX восточных продуктов — обязательно прочтите!

Теги:
Всего голосов 1: ↑1 и ↓0+3
Комментарии0

Тебе не нужны курсы, чтобы стать дизайнером

Настоящие специалисты учатся иначе — и об этом честный и дерзкий разбор от Серафимы Михеевой в статье «Давайте разорим школы дизайна?»

Почему курсы не превращают новичка в эксперта в UI/UX и зачем вместо «волшебной таблетки» брать в руки YouTube, стажировки, комьюнити и самостоятельные проекты? Серафима делиться своим мнением о том, почему  даже после дорогих курсов по дизайну остаются серьезные пробелах в знаниях. Автор делится лайфхаками по поиску ментора, оптимальным учебным алгоритмам и бесплатным ресурсам без ущерба качеству.

Идеальная формула обучения дизайнера от опытного ментора уже ждет вас в новой статье!

Теги:
Рейтинг0
Комментарии0

Я Сима, продуктовый дизайнер в Альфа-Инвестициях, ex ВТБ, Helper

• Менторю дизов, тестирую бесплатную платформу для обучения дизайнеров - регайтесь для получения доступов) https://soulandsense.ru/work

• Собираю обратную связь на дизайн приложений в закрытом чате «Меня бесит этот дизайн» @badbaddesign

• Веду телеграм канал, где пишу о дизайне, работе в Альфе, книнах и жизни https://t.me/simsimdesign

Теги:
Всего голосов 3: ↑1 и ↓20
Комментарии1

Берешь вакансию мечты и откликаешься

Вместо того, чтобы

  • начать с откликов на менее интересные позиции для тренировки прохождения собесов, чтобы прокачать soft skills

  • пройти как можно больше тех.собесов и тестовых заданий, чтобы прокачать hard skills

  • корректировать резюме и CV после каждого полученного фидбека от рекрутеров и нанимающих менеджеров

Гузель, дизайнер цифровых продуктов в Альфа-Банке,  решила пойти вопреки всем «правильным» инструкциям и карьерным гайдам и написала об этом статью.

Если вы уже год наблюдаете, как в бигтехе открываются и закрываются классные вакансии, но так и не откликаетесь, то тогда статья «АНТИ-План по устройству в бигтех, или Как всё пошло не по плану» точно для вас!

АНТИ-План по устройству в бигтех, или Как всё пошло не по плану
Всем привет! Это Гузель, дизайнер цифровых продуктов в Альфа-Банке. Уже год наблюдаешь, как в бигтех...
habr.com
Теги:
Всего голосов 3: ↑2 и ↓1+3
Комментарии0

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