Дизайн

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

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

Чтобы обучиться созданию цифровых миров, вовсе необязательно искать очные школы 3D для детей. Сейчас есть много хороших курсов 3D моделирования для школьников в онлайн-формате. Они удобны и позволяют ребенку заниматься в домашней обстановке. Так, например, в школе «Пиксель» перед началом дистанционного курса моделирования для детей преподаватель помогает ученикам настроить домашний компьютер и установить все необходимые программы.

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

Если вас пригласили на собеседование, значит, ваше портфолио произвело впечатление и теперь работодатель хочет убедиться, что вы точно подойдёте на вакансию. Один из вариантов для следующего этапа — это Whiteboard Challenge.

Меня зовут Богдан Игнатьев, я Lead Product Designer в британской компании и дизайн-ревьюер на курсах «Дизайнер интерфейсов» и «Веб-дизайнер» в Яндекс Практикуме. Я проходил Whiteboard Challenge сам и был по другую сторону в роли нанимающего дизайнера. В этой статье я расскажу о своём опыте прохождения челленджа и о том, что от вас ожидает увидеть работодатель.

Hola, Amigos! На связи Вадим Кононенко и Станислав Дмитриев, руководители проектов агентства продуктовой разработки Amiga. Собрали в одной статье тренды и решения, которые следует учесть при разработке приложений аптек и e-com в целом.

Этот материал подготовлен по мотивам моего выступления на фестивале Индикон в августе 2024 года и выглядит как набор слайдов и сопровождающих их текст. Как пишут в умных западных книжках - это самый удобный для читателя вариант донесения информации.

Для начала представлюсь, если вдруг кто со мной не знаком. Меня зовут Юрий Егоров. Я автор нескольких изданных настольных игр, руководитель отдела развития продаж издательства Hobby World и коллекционер настольных игр. Настольными играми я занимаюсь практически с пеленок, когда я делал настольную игру по каждой прочитанной художественной книжке или сыгранной видеоигре. Сегодня я расскажу о своем опыте краудфандинга одной из моих игр.

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

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

Чаще всего я использую её, если нужно встроить в прототип какой-нибудь iframe. Например, Яндекс.карту. Или видео с Ютуба.

Заметил такую возможность ещё в пятой версии программы, в 2010 году. И она до сих пор с нами в десятой версии, спустя 14 лет.

Сейчас объясню, как это работает, и покажу пример.

Сергей Климкин, руководитель группы C3D Web Vision, C3D Labs, рассказывает о том, что из себя представляет модуль Web Vision, освещает текущие рабочие проекты и знакомит с планами по развитию компонента.

Web Vision — это клиент-серверный модуль, предназначенный для визуализации в браузере. Он включает процессы управления камерой, такие как панорамирование, вращение, зумирование, причем как с помощью компьютерной мыши, так и с помощью жестов на сенсорном экране. Процесс поиска геометрии можно осуществлять как в режиме поиска под курсором, так и рамкой — секущей и объединяющей. Кроме того, имеются функции управления видимостью, масштабирования камеры и динамического сечения.

Web Vision состоит из двух частей. Первый, frontend-часть, представляет собой npm-пакет, поставляющийся для внедрения в браузер разработчика. В него входит Type Script API для управления свойствами визуализации — скрытия объекта, его покраски и других способов взаимодействия с графикой. Второй компонент, серверная часть, в большей степени ориентирован на управление данными. Серверная часть используется для конвертации, подготовки данных для визуализации, получения атрибутной информации, метаданных и т. д. Управление сервисом происходит с помощью REST API, это сделано для интеграции с микросервисной архитектурой.

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

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

В этой статье:

• Когда юикса стало недостаточно?

• Что такое User Joy?

• Зачем нам думать про кайф?

• Как измерять кайфовость?

• С кого брать пример?

• 15 способов достижения кайфа.

• Что поменять в дизайн-процессе?

В моей квартире установлен аналоговый домофон Визит, вызывная панель которого оснащена камерой. Этот домофон не современный, а координатный - аналоговый и ему больше 10 лет.

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

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

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

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

Но одно дело — идея, а другое — её реализация. Чтобы проверить, насколько это вообще интересно магазинам, нужно им что-то показать. А разрабатывать для этих целей mvp — займёт какое-то время.

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

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

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

Неизвестность - это такой аспект реальности, который серьезно усложняет принятие решения. Двигаться короткими итерациями и пересматривать приоритеты на основе данных - это неплохой способ преодоления неизвестности. Но как это сделать с наименьшими потерями и быстро? Если мы говорим об автоматизации процессов между b2b, b2c, c2b или g-сектора, то на первое место выходит взаимодействии пользователя с системой или, как говорят психологи - человек-знак. Ведь в любом случае вводит и получает информацию человек, все остальное - это обработка и хранение данных.

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

Вы можете называть его чистым опытом. В международном понимании мы вводим понятие clear experience. Как современный дизайн физических объектов минималистичен, имеет чистые линии и легко воспринимается, а еще он использует естественные для человека цвета; так и мы приносим эти же принципы в UI и UX.

Привет, я расскажу про наш путь создания low-code платформы-конструктора для разработки сложных Back office систем. Сложными, в данном контексте, называются продукты с базами данных на 500 таблиц и больше, тысячами web-экранов для пользователей, большим кол-вом логики в бизнес процессах, постоянным потоком новых требований и оказанием поддержки сотням клиентов. Платформой-конструктором я называю именно полноценный инструмент для создания новых (!) продуктов с нуля, а не готовый продукт с небольшими возможностями по кастомизации. Я опишу подробно историю создания нашего решения, какие подводные камни мы встретили на своем пути, и какие подходы для нас сработали лучше всего. Статья может оказаться особенно полезной для среды Финтех.

Где Контекст, а где Проблема? Мотивация или Изменение? «Чтобы что?». Плюс нестандартное использование для UX-редакторов. Как составить с помощью ИИ?

Привет, Хабр! Меня зовут Света, я — руководитель направления Friflex design. Мы занимаемся разработкой мобильных приложений и веб-сервисов. 

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

Продолжаем анализировать российские аналоги YouTube. В прошлый раз выяснили, что Rutube сильно проигрывает как в технологической, так и в контентной гонке. А сможет ли знаменитый ВК побороть западный загнивающей сервис или YouTube так и останется непобедимым? Сегодня разберем интерфейс и удобство VK Видео.

В этой статье я расскажу, как организовал себе примитивный видеорегистратор, который:

1. Умеет транслировать видео на любые устройства, где есть браузер с поддержкой h264, причем без использования китайских серверов.
2. Вести циклическую запись в формате mp4 и сохранять её удалённо.
3. Стоит меньше 100$.

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

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

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

В декабре 2023 года я выпустил 175 Pixel Font Megapack, за которым вскоре последовали 42 отдельных пака для каждого из семейства шрифтов. Я создал собственный тулчейн для генерации, тестирования и развёртывания этих шрифтов... на Rust! В посте я расскажу об этом процессе.