UI/UX Paws & tricks

© Егор Махлушев, 2025

ISBN 978-5-0068-5575-5

Создано в интеллектуальной издательской системе Ridero

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

Кот в Клубочии. Вступление

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

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

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

Но неожиданно в этом райском местечке закончились все запасы кошачьей мяты.

Уровень счастья граждан Клубочии стал падать. Даже в парках аттракционов появились грустные рожи.

Кошачий совет единогласно решил отправить котонавта на далекую планету Мяучию для сбора семян кошачьей мяты. Этим котонавтом был я.

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

Начало. Поиграем?

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

Что важно:

1. Safe frame (безопасная зона экрана). В ней лучше ничего не размещать, чтобы не получить такое.

2. Диалоговые окна лучше делать в едином стиле, чтобы не запутать игрока.

Ракета вышла на заданный курс. Ступени двигателей и носовой обтекатель отделились. Космический корабль наконец-то вышел за пределы земной орбиты. И кот радостно потянулся в рубке. Приключения начались.

Кабина ракеты. Главное меню

Главное меню – это центр навигации, примерно как прихожая в квартире. Желательно, чтобы все важное находилось на расстоянии одного-двух открытий, «дверей» (нажатий), чтобы игрок не впал в отчаяние пока пытается найти то, что ему нужно.

После распределения элементов интерфейса стоит заняться выбором шрифтов. Казалось бы, простая задача, но через три часа ты обнаруживаешь себя в экзистенциальном кризисе, разглядывая сотый вариант засечек. «Comic Sans или не Comic Sans? Вот в чём вопрос!»

Далее нужно не забыть про раздел настроек, который создаёт у игрока ложное ощущение, что он может что-то контролировать (хе-хе).

А в конце возвести памятник тщеславию – сделать раздел «Авторы». То самое место, где ты можешь указать своё имя шестнадцать раз под разными должностями: «Ведущий программист», «Дизайнер интерфейса», «Человек, который кормил кота, пока создавалась игра».

Статистика показывает, что этот раздел просматривают в среднем 0,003% игроков, и половина из них – это твоя мама, пытающаяся понять, чем ты вообще занимаешься.

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

Редактирование персонажа

В этом экране мы можем отредактировать персонажа так, как считаем нужным.

Пока котонавт переодевался за пультом управления никого не было иии…

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

Вход в атмосферу. Лоадинг (загрузка)

Ах, экран загрузки! Место, где время останавливается, а ожидания растут быстрее, чем список багов перед релизом.

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

«Нажатие кнопок помогает играть в игру»

«Враги наносят урон. Избегайте урона, чтобы выжить»

«Для победы необходимо не проиграть»

А теперь перейдем от «неочевидного» для игроков к страшному – когда экран загрузки зависает. Но здесь на помощь приходит вращающийся круг в углу экрана. Он не показывает прогресс, но создаёт иллюзию, что компьютер всё ещё думает, а не впал в кому.

Hud

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

Что же видит кот в своем шлеме?

Видимая зона игры, которая помещается на экране, называется HUD (Heads-Up Display).

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

При создании HUD каждый разработчик проходит через стадию «а давайте покажем ВСЁ». Здоровье? Разумеется! Патроны? Обязательно! Мини-карта? Как без неё! Текущая температура в серверной? А почему бы и нет!

К концу этой стадии ты с гордостью демонстрируешь дизайнеру интерфейс, где для самой игры осталось окошко размером с почтовую марку посреди океана индикаторов. «Но зато игрок будет в курсе ВСЕГО!» – говоришь ты, не понимая, почему дизайнер начинает злиться.

Конец ознакомительного фрагмента.

Текст предоставлен ООО «Литрес».

Прочитайте эту книгу целиком, купив полную легальную версию на Литрес.

Безопасно оплатить книгу можно банковской картой Visa, MasterCard, Maestro, со счета мобильного телефона, с платежного терминала, в салоне МТС или Связной, через PayPal, WebMoney, Яндекс.Деньги, QIWI Кошелек, бонусными картами или другим удобным Вам способом.