March 16, 2022

Идеи для QuizzLand

Привет! Меня зовут Мартин Хачатрян, я дизайнер. А это дизайн-идеи для экранов викторины.


Экран вопроса и ответов

Блок вопроса стал самостоятельным. Ответы отклеились и выровнялись влево для удобства чтения.

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

Новый экран вопроса и ответа состоит из блоков: баллы, вопрос, ответы и подсказки

Пример анимации для смены вопроса : )

Блок баллов. Теперь цена вопроса висит «на кону»


Анимация ответа

Подсветка... пауза... и..! Все неправильные ответы резко скрываются. Это помогает сэкономить пространство итогового экрана.

Анимация правильного ответа
Если понадобится, то неправильные ответы раскрываются


Итоговый экран

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

Снизу всегда приклеены самые важные кнопки: поделиться и продолжить.

Блочный дизайн итогового экрана
Превью репоста в блоке «Поделиться» сразу показывает, чем именно мы предлагаем поделиться


Макет готов уместить контент

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

Пимер вылезающего вопроса на немецком


Спасибо! Если что, вот моя почта или телеграм:
[email protected]
— @xamartin