Дизайн

В этой статье мы расскажем подробно про систему поблочной сборки и подводные “камни” реализации подобной системы под «1С-Битрикс» для frontend-разработчиков.

Блочная редактируемость

Нам требовалось разработать сайт на базе CMS «1С-Битрикс: Управление сайтом» и при этом предоставить контент-менеджерам полную власть над страницами и их содержимым. Контент-менеджеры \читай не разработчики\ должны иметь возможность собирать страницы из заранее созданных блоков, определять порядок этих блоков на странице, управлять настройками дополнительного визуального оформления для каждого из блоков и редактировать контент в рамках поддерживаемых типов данных. И всё это управляется через визуальный редактор Битрикса без необходимости вручную создавать новый инфоблок для каждого блока на странице. Такую систему можно назвать “Блочная редактируемость”.

Предположим, что ты — Junior Game Designer. Ты только начинаешь свой путь, а студия, в которую ты пришел, сразу отправляет тебя в бой — сражаться с реальными задачами. Какие инструменты использовать в работе с конфигурациями? Где собирать макеты для интерфейса? Как искать референсы на анимацию удара булавой? Где украсть данные о референсных проектах? 

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

Привет, меня зовут Кирилл и я инженер, который превозмогал ковидные времена вместе с компанией JUG Ru Group. Мы делаем технические конференции, и в пандемию сделали собственный сайт для проведения онлайн-конференций. Тогда нам понадобились качественные видеозвонки на WebRTC, чтобы подключать через браузер спикеров из любой точки планеты.

Варианты «просто застримить Zoom или захватить Jitsi» нам не подошли. Стало ясно, что нужно делать своё решение, пусть и на основе чужого SDK. В результате перебрали разные варианты, накопили опыт. А ещё из-за вопросов вроде этого создали целую конференцию VideoTech, чтобы послушать других знающих людей.

И теперь хочу поделиться нашим опытом с Хабром, поговорив про WebRTC в целом и про конкретные реализации: P2P, Voximplant SDK, SDK VK Звонков.

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

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

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

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

Обожаю запах свежей мобильной разработки по утрам, дням и вечерам 🍕📱

Вот только почему, почему ещё не все используют режим edge2edge? Разве для того я покупал огромный безрамочный телефон, чтобы смотреть на траурные черные полоски с кнопками?!

К сожалению, сейчас все еще встречаются Android-приложения, которые не поддерживают edge-to-edge. Складывается ощущение, что разработчики либо не знают об insets, либо просто не умеют их готовить. На самом деле реализовать edge-to-edge не сложно, а благодаря этой статье вы сможете разобраться с insets в разы быстрее.

Сегодня я надену специальный мобильный фартук и расскажу, что такое режим edge-to-edge в мобильных приложениях и как работать с insets в Android. А ещё мы разберём примеры обработки insets не только во view, но и в compose. Если статьи о работе с insets в view еще можно найти на просторах интернета, то информацию про работу с ними в compose можно найти только в официальной документации.

Все примеры из статьи можно посмотреть в этом репозитории.

Оригинальная игра "Не закороти Цепь!" вышла летом 2019 года, собрав средства на свое издание через краудфандинг. Игра получилась необычной, реально не имеющая аналогов (кроме попыток выпустить игру про электрические цепи в далеком 1982 году), но в то же время достаточно хардкорная. Шло время и небольшой тираж в 500 штук подошел к концу не только на складе нашего семейного издательства, но и у партнеров остались единицы товара. Значит пришло самое время делать... нет, не допечатку, а обновленную версию игры.

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

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

С вами подкаст “Хочу в Геймдев”, и в этот раз мы решили поговорить о профессии, которую замечают меньше остальных, но её ценность невозможно преуменьшить. Саунд-дизайнер ведёт закулисное погружение в атмосферу игры, результаты его работы оседают в плейлистах игроков надолго. Мы можем вспомнить многие игры по музыкальному и звуковому сопровождению: Heroes Might And Magic, Elden Ring или Dark Souls или же Ori, Persona 5 и Hades. Почти каждый из читателей найдёт в памяти приятные ассоциации с трудом Саунд-дизайнера.

Подкаст провел неизменный Вячеслав Уточкин, заместитель директора Центра развития компетенций в бизнес-информатике Высшей школы бизнеса ВШЭ

А приглашёнными гостями стали:

Мир искусства может подарить бизнесу множество оригинальных и хорошо узнаваемых товарных знаков. Но таких обозначений почти не встретить. Вместе с юристом «Онлайн патента» Ниной Поляковой объясняем, почему товарные знаки держатся подальше от живописи. А также рассказываем, что делать, если поместить на свою этикетку или сайт шедевр все-таки очень хочется. 

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

Для начала, кратко, что такое коридорное тестирование (с англ. Hallway testing, Five-Second Testing) — это один из наиболее простых видов тестирования, при котором продуктовая команда может проверить макет или прототип своей программы на людях, которых встретили в коридоре или на улице. Применяется на ранних этапах проектирования. Как правило, к процессу привлекаются всего несколько человек.

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

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

Привет! Меня зовут Женя, я UX-дизайнер в компании ISPsystem, создаю UI/UX-платформы BILLmanager. Работаю в этом направлении 4 года, а начинала свой путь с game-ux в Starfall Online. Затем сменила направление геймдева на финтех и работала в биллинговом стартапе. Именно в тот период карьеры я услышала о BILLmanager, а в ноябре 2021 года попала в его команду — как раз в тот момент, когда продукт готовили к переходу на новую тему интерфейса. 

BILLmanager — зрелый продукт с большой историей. За годы своего существования он претерпел несколько изменений дизайна. Мы совершенствуем наши продукты, чтобы ими было удобно и приятно пользоваться, а также развиваем UX, учитывая фидбек от пользователей. Я участвовала в создании новой версии BILLmanager 6, о возможностях которой мы уже рассказывали. 

В этой статье я хочу поделиться трудностями и вызовами, преодоленными командой UX/UI при обновлении BILLmanager 6.

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

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

Ключевые мысли из книги отца юикса своими словами. 6 минут вместо 360 страниц для тех, кто хочет научиться отличать плохой дизайн от хорошего и находить решения по его улучшению.

1. Доставляет удовольствие от навигации;
2. Не полагается на слова;
3. Сообщает игроку что делать, но не как;
4. Постоянно учит чему-то новому;
5. Удивляет;
6. Наделяет игрока возможностями;
7. Позволяет игроку контролировать сложность;
8. Эффективен;
9. Создает эмоции;
10. Основывается на игровых механиках.

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

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

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

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

Получаются вот такие картинки.

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