https://blogengine.me/blogs/tags/shahmaty/ Автоматически собираемая лента заметок, написанных в блогах на Эгее ru Aegea 11.0 (v4079e) Автоматически собираемая лента заметок, написанных в блогах на Эгее no 125137 https://ilyabirman.ru/meanwhile/all/ui-course-frag-37/ Fri, 04 Jun 2021 17:13:29 +0500 Илья Бирман https://ilyabirman.ru/meanwhile/all/ui-course-frag-37/ <p><a href="https://ilyabirman.ru/meanwhile/">Илья Бирман</a>:</p> <p>К чему-то там показываю, насколько сложно запутанными были сценарии в Ворлд-Чессе, но как мы всё решили пятью экранами:</p> <div class="e2-text-video"> <iframe src="https://www.youtube.com/embed/SwyTvRljimM?enablejsapi=1" allow="autoplay" frameborder="0" allowfullscreen></iframe> </div> <p>Это фрагмент № 37 онлайн-курса «Пользовательский интерфейс и представление информации». Записано на курсе 3 декабря 2020 года.</p> <p>Сейчас запись на курс закрыта, но на его странице можно оставить почту, чтобы мы вам написали, когда запись откроется:</p> <p><a href="http://bureau.ru/educenter/ui-online/" class="button buy-button big-button">Почитать о курсе</a></p> <p class="foot">Программа, отзывы, запись</p> 122023 https://ilyabirman.ru/meanwhile/all/world-chess-gaming-video/ Thu, 13 May 2021 11:53:08 +0500 Илья Бирман https://ilyabirman.ru/meanwhile/all/world-chess-gaming-video/ <p><a href="https://ilyabirman.ru/meanwhile/">Илья Бирман</a>:</p> <p>Ещё прошлым летом мы опубликовали рассказ о том, <a href="https://bureau.ru/projects/worldchess-gaming/">как задизайнили гейминг Ворлд Чессу</a>. А теперь я снял видеорассказ о том же самом:</p> <div class="e2-text-video"> <iframe src="https://www.youtube.com/embed/kB_rjTjZDlQ?enablejsapi=1" allow="autoplay" frameborder="0" allowfullscreen></iframe> <p> 00:00 Интро и слова про любовь и шахматы<br /> 01:35 Лобби: выбор тайм-контроля и подбор оппонента. Регулятор рейтинга и цвета фигур. Идея необязательной настройки.<br /> 03:38 Интерфейс игры: доска, фигуры, нотация. Неформальный стиль. Отображение сделанных и возможных ходов. Предложение ничьей и сдача. Рокировка. Перетаскивание фигур на мобиле, когда закрываешь их сам себе пальцем. Шах.<br /> 05:44 Официальный стиль для игр ФИДЕ. Фирменная доска. Отображение очерёдности хода. Подсветка полей. Почему здесь не показаны допустимые ходы и шах в официальной игре. Восприятие доски профессионалом: комментарий Владимира Крамника<br /> 09:47 Интерфейсные дела: почему всё же показываем допустимые ходы их в неформальном стиле, как работает меню игры, как работает камера видеонаблюдения. Завершение игры. Переворот доски (особый режим). Настройка стиля оформления<br /> 13:39 Шахматные фигуры бюро. Шрифт «Авербах». Режим разбора партии, «шагалка».<br /> 14:48 Как конвертируем пользователя в зарегистрированного и далее в подписчика. В конце игры, в Лобби. Превращения кнопки Quick Game<br /> 17:09 Начало работы над игрой. Изучаем контрастный стиль Ворлд Чесса. Ищем новый стиль палитру для интерфейса: контраст против спокойствия, блики<br /> 19:34 Дизайн экранных фигур Ворлд Чесса и фигуры бюро. Примеряем и то, и то, и ещё 3Д-фигуры из официального набора. Показываем клиенту первый подход<br /> 25:22 Ищем второй стиль доски для официальных игр. Упихиваем всё в мобилу. Увеличиваем часы. Сначала предложение ничьей и сдача сначала жили в меню игры (так нельзя). Весёлое завершение игры<br /> 28:07 Начало работы над Лобби. Интерфейс прямо в доске. Интерфейс слева от доски. Мобильная версия Лобби. Выбиралка и график распределения игроков по рейтингу.<br /> 30:38 Любимая картинка: тексты и состояния главной кнопки в зависимости от предпочтений по рейтинговости игры и статуса пользователя. Задротское объяснение с диаграммами для разработчиков<br /> 35:02 Придумываем мотивационные карточки в конце игры. Парочки взятых фигур. Превращение пешки в ферзя или не ферзя: нормальный интерфейс выбора.<br /> 37:03 Игровое меню и меню сайта: как это всё мобилизовать? Объяснение работы сайта на широких и высоких окнах, диаграммы скелета и распорок.<br /> </p> </div>