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

Дизайн

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

Как дизайнеры тестируют, или Что такое дизайн-ревью

Блог компании Ozon Tech Веб-дизайн *Интерфейсы *Управление продуктом *Дизайн

Привет! Меня зовут Ксюша, я старший продуктовый дизайнер в Ozon: проектирую разделы возвратов для личных кабинетов покупателя (Ozon.ru) и продавца (Seller Center) и немного — админки. Дизайнеры на Хабре не частые гости, но статья будет полезна не только дизайнерам и дизайн-лидам, но и разработчикам, тестировщикам и менеджерам.

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

Посмотреть состояние hover
Всего голосов 12: ↑12 и ↓0 +12
Просмотры 460
Комментарии 4

Новости

Основы проектирования UX в Web 3.0

Анализ и проектирование систем *Интерфейсы *Дизайн Криптовалюты

Привет, это Артем Суслов.У дизайнеров в Web 3.0 по сути сейчас огромная ответственность, так как от части именно на наших плечах лежит популяризация криптовалют и их будущее.

Почему? Если у нас не получится одновременно “учить” пользователей во время использования продуктов в Web 3.0, то они будут ошибаться вновь и вновь, до тех пор пока не уйдут из сферы.

В этой статье я хочу поделиться некоторыми необходимыми условиями проектирования так называемого dApp (decentralized application) - децентрализированного приложения. По сути это тоже самое, что и обычное приложение, только в Web 3.0 😀

Буду рад видеть в своем Телеграм-канале. Там я рассказываю про UI/UX-дизайн, публикую интересные находки, и участвую в различных активностях в крипте. Welcome!

Читать далее
Всего голосов 5: ↑2 и ↓3 -1
Просмотры 417
Комментарии 2

Сможет ли Midjourney заменить дизайнеров? Тестируем нейронную сеть

Блог компании Selectel Будущее здесь Дизайн Машинное обучение *

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

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

Результаты теста и ответ на загадку обложки — под катом.
Читать дальше →
Всего голосов 19: ↑19 и ↓0 +19
Просмотры 1.4K
Комментарии 3

Дизайн уровней в Stray

Разработка игр *Дизайн игр *Игры и игровые консоли

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

Читать далее
Всего голосов 8: ↑8 и ↓0 +8
Просмотры 2.8K
Комментарии 14

Цифровые люди. Живые работники больше не нужны?

Работа с 3D-графикой *Дизайн Искусственный интеллект

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

Читать далее
Всего голосов 6: ↑5 и ↓1 +4
Просмотры 2.1K
Комментарии 14

Перекатываемся в Райффайзен из Тинькофф…

Информационная безопасность *Usability *Управление продуктом *IT-компании

Со времени моего рассказа об опыте использования экосистемы Тинькофф прошло едва ли больше года, а кажется, что целая жизнь...

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

Попробовать Райф на чужой шкуре
Всего голосов 40: ↑32 и ↓8 +24
Просмотры 15K
Комментарии 43

PowerShell: классическая схема именования в БЭМ и регулярные выражения

Веб-дизайн *Разработка веб-сайтов *Программирование *PowerShell *Регулярные выражения *
Tutorial

В методологии БЭМ, которую используют для создания сайтов, существует соглашение (схема) по именованию классов CSS (БЭМ-сущностей), которые привязывают к HTML-элементам HTML-дерева. Я рассматриваю классическую схему именования классов CSS по методологии БЭМ, а также — как создать функцию на языке PowerShell для проверки (валидации) имен БЭМ-сущностей на ошибки.

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

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

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

Роль UX писателя и копирайтера в мультивселенной безумия

Блог компании inDriver Интерфейсы *Usability *Дизайн мобильных приложений *

UX писатель (UXW) и копирайтер (CW) — две разные профессии. Их путают по одной причине: у них один и тот же основной рабочий инструмент — текст. 

С помощью текста копирайтер создает красивую, завораживающую вселенную, а UX писатель наводит там порядок — в этой вселенной невозможно потеряться, провалить поставленную задачу, почувствовать себя глупо или беспомощно.

Копирайтер и UX писатель не могут быть взаимозаменяемыми: у них разный опыт, цели и рабочие процессы. Без одного из них вселенная потеряет свою красоту и очарование или будет неудобной для жизни. Но почему писать все тексты не может только один специалист?

Я Лиза, UX писатель в продуктовой команде inDriver. В этой статье собрала отличия UX писателей и копирайтеров по пунктам и в картинках. 

Читать далее
Всего голосов 14: ↑11 и ↓3 +8
Просмотры 688
Комментарии 1

Почему ИИ в F.E.A.R. по-прежнему остается лучшим в шутерах от первого лица

Разработка игр *Дизайн игр *Искусственный интеллект Игры и игровые консоли
Перевод

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

Этот эпизод многое говорит о внимании к деталям в F.E.A.R. — игре 12-летней давности с искусственным интеллектом, которому могут позавидовать многие современные шутеры. Его армия солдат-клонов выглядит умнее любых врагов, с которыми я сталкивался в FPS впоследствии, и остается такой и по сей день.

Читать далее
Всего голосов 76: ↑70 и ↓6 +64
Просмотры 25K
Комментарии 113

Godot | Open Dungeon | Часть alpha

Open source *Разработка игр *Прототипирование *Игры и игровые консоли Godot *
Tutorial

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

Читать далее
Всего голосов 8: ↑8 и ↓0 +8
Просмотры 1.8K
Комментарии 1

Я у мамы криптотрейдер

Программирование *Прототипирование *TypeScript *Криптовалюты

Или как за один вечер написать бота для автопокупки NFT.

P.S. Картинку для поста мне купил бот.

Читать далее
Всего голосов 16: ↑13 и ↓3 +10
Просмотры 4.9K
Комментарии 8

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

Блог компании MY.GAMES Разработка игр *Дизайн игр *Игры и игровые консоли

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

В этом тексте сотрудники MY.GAMES рассказали, на что они обращают внимание при просмотре резюме, а также дали несколько советов, как произвести хорошее впечатление на потенциального работодателя.

Читать далее
Всего голосов 13: ↑12 и ↓1 +11
Просмотры 2.2K
Комментарии 2

Расписание занятий — не всё так просто

Блог компании Smart Timetable Разработка мобильных приложений *Интерфейсы *Дизайн мобильных приложений *Читальный зал
Tutorial

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

Читать далее
Всего голосов 7: ↑5 и ↓2 +3
Просмотры 3.7K
Комментарии 15

Inkscape с 0 до Pro за 5 дней

Веб-дизайн *Работа с иконками *Работа с векторной графикой *Графический дизайн *Учебный процесс в IT
Из песочницы

Создал мини курс по программе для векторной графики Inkscape в 2022.

Разработал методические материалы для изучения темы «Кодирование и обработка графической и мультимедийной информации» в школьном курсе информатики.

«Векторные графические редакторы позволяют пользователю создавать и редактировать векторные изображения непосредственно на экране компьютера, а также сохранять их в различных векторных форматах, например, CDR, AI, EPS, WMF или SVG». «Inkscape - редактор векторной графики, аналогичный по своим возможностям таким программам, как Adobe Illustrator, Corel Draw и другим».

Читать далее
Всего голосов 74: ↑73 и ↓1 +72
Просмотры 7.4K
Комментарии 26

Как работает видеоаналитика Билайн

Блог компании билайн бизнес Работа с видео *Анализ и проектирование систем *Big Data *

Вся видеоаналитика строится на основе видеонаблюдения. 

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

Читать далее
Всего голосов 11: ↑8 и ↓3 +5
Просмотры 1K
Комментарии 1

Микрофронты для всех. Как мы построили платформу UIF, и что под капотом

Блог компании «Лаборатория Касперского» Веб-дизайн *JavaScript *Программирование *Анализ и проектирование систем *
Привет, на связи Павел Востриков, архитектор веб-направления в «Лаборатории Касперского». Сегодня я расскажу про User Interface Framework (UIF) — нашу внутреннюю платформу интеграции веб-приложений, которая позволяет проводить разработку микрофронтов и микросервисов разными командами, делает удобным переиспользование кода и увеличивает гибкость подхода, чтобы разные команды могли варьировать технологии под свои нужды.

image

Мы начали разрабатывать UIF еще в 2016 году, когда само понятие Micro-Frontends только входило в обиход. Платформа родилась из-за отсутствия на рынке готовых инструментов. А со временем стала одним из наших самых эффективных решений, существенно сократив нескольким продуктам time-to-market и стоимость разработки, и даже научилась автогенерировать UI!
Читать дальше →
Всего голосов 15: ↑15 и ↓0 +15
Просмотры 3.1K
Комментарии 12

SophiApp, или Как мы делали опенсорс программу для настройки Windows 10 & 11

.NET *C# *Читальный зал Разработка под Windows *Дизайн

Я от лица команды хочу показать вам SophiApp — графический наследник Sophia Script for Windows: бесплатная, портативная и полностью опенсорная программа для тонкой настройки Windows 10 и Windows 11.

В этой статье я расскажу, как оброненная мной фраза в комментарии 3 года назад под моей статьей из цикла про тонкую настройку Windows развернула мою жизнь на 180°, а чуть позже — и еще одного человека.

Все это время у меня была идея сделать графическую версию моего модуля на PowerShell, чтобы показать пользователям, каким должен быть современный твикер для Windows, какие функции может в себе нести, а главное — посыл программы: настроить (а не оптимизировать) ОС официальным образом, задокументированным Microsoft, ничего не сломав и не обещая мнимое увеличение производительности, чем грешат аналогичные программы, целенаправленно вводя пользователей в заблуждение.

Читать далее
Всего голосов 55: ↑55 и ↓0 +55
Просмотры 7.9K
Комментарии 93

Нет HUD’а без добра: HUD в игровых интерфейсах

Блог компании Pixonic Разработка игр *Интерфейсы *Дизайн игр *Игры и игровые консоли

В играх существует огромное количество интерфейсов: инвентарь, диалоги, меню крафта и торговли, лобби, карта, деревья прокачки персонажа и его экипировки и многие другие. Все они позволяют игрокам взаимодействовать с представленными через интерфейс механиками, которые создатели игры заложили в свой продукт. И в этой статье мы подробно разберем один из самых важных элементов игрового UI: HUD (heads-up display).

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

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

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

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

Что нужно знать о применении шрифтов

Блог компании Astra Linux Типографика *Дизайн Подготовка технической документации *

Одна из самых частых проблем при миграции информационных систем на ОС Astra Linux — это искажение документов, ранее созданных на ОС Windows в MS Office и других программных средствах. В лучшем случае «слетает» вёрстка, в худшем — всё превращается в текст из нечитаемых символов, известных в народе как кракозябры.

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

Читать статью
Всего голосов 23: ↑20 и ↓3 +17
Просмотры 2.7K
Комментарии 8

Вам так сложно отправить документы курьером? Исследование сайтов логистических услуг

Интерфейсы *Usability *
Из песочницы

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

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