{
    "version": "https:\/\/jsonfeed.org\/version\/1",
    "title": "Кирилл Беляев: заметки с тегом математика",
    "_rss_description": "о подаче информации, айдентике, интерфейсах и жизненной среде",
    "_rss_language": "ru",
    "_itunes_email": "",
    "_itunes_categories_xml": "",
    "_itunes_image": "",
    "_itunes_explicit": "",
    "home_page_url": "https:\/\/kirillbelyaev.com\/ru\/blog\/?go=tags\/matematika\/",
    "feed_url": "https:\/\/kirillbelyaev.com\/ru\/blog\/?go=tags%2Fmatematika%2Fjson%2F",
    "icon": "https:\/\/kirillbelyaev.com\/ru\/blog\/user\/userpic@2x.jpg?1662385101",
    "author": {
        "name": "Кирилл Беляев",
        "url": "https:\/\/kirillbelyaev.com\/ru\/blog\/",
        "avatar": "https:\/\/kirillbelyaev.com\/ru\/blog\/user\/userpic@2x.jpg?1662385101"
    },
    "items": [
        {
            "id": "677",
            "url": "https:\/\/kirillbelyaev.com\/ru\/blog\/?go=all\/math-and-graphic-design\/",
            "title": "Математика и графдизайн",
            "content_html": "<p>На факультетах графического дизайна разному учат, но не рассказывают о математической составляющей построения форм. Современная математика описывает массу графических явлений. Знание о правилах построения как минимум ускоряют работу. Графредакторам тоже не помешают инструменты для генерации последовательностей.<\/p>\n<p>Практический пример — <a href=\"https:\/\/ru.wikipedia.org\/wiki\/Апериодичная_мозаика\">апериодичная мозаика<\/a>, в частности, <a href=\"https:\/\/ru.wikipedia.org\/wiki\/Мозаика_Пенроуза\">мозаики Пенроуза<\/a>:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/kirillbelyaev.com\/ru\/blog\/pictures\/penrose-tiling@2x.png\" width=\"463\" height=\"397\" alt=\"\" \/>\n<\/div>\n<p>Сотрите, какой узор <a href=\"http:\/\/www.wilkinsoneyre.com\/projects\/queen-mary-university-of-london-mathematics-building\">на фасаде одного из корпусов<\/a> Лондонского университета королевы Марии:<\/p>\n<div class=\"e2-text-picture\">\n<div class=\"fotorama\" data-width=\"1400\" data-ratio=\"1.5555555555556\">\n<img src=\"https:\/\/kirillbelyaev.com\/ru\/blog\/pictures\/queen-mary-university-of-london-mathematics-building-1.jpg\" width=\"1400\" height=\"900\" alt=\"\" \/>\n<img src=\"https:\/\/kirillbelyaev.com\/ru\/blog\/pictures\/queen-mary-university-of-london-mathematics-building-2.jpg\" width=\"1400\" height=\"900\" alt=\"\" \/>\n<\/div>\n<\/div>\n<p>Или вот <a href=\"http:\/\/www.chembiochem.uwa.edu.au\/research\/facilities\/bayliss-building\">пол атриума корпуса Бейлиса<\/a> Университета западной Австралии, запечатлённый в фильме «Другая жизнь»:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/kirillbelyaev.com\/ru\/blog\/pictures\/otherlife@2x.jpg\" width=\"1438\" height=\"608\" alt=\"\" \/>\n<\/div>\n<p>Апериодичными мозаиками можно оформлять интерьеры или печатные материалы и даже целые компании. Но занятий и инструментов нет, вот и айдентик таких мы не видели.<\/p>\n",
            "date_published": "2018-10-31T22:30:01+03:00",
            "date_modified": "2018-11-02T17:51:36+03:00",
            "image": "https:\/\/kirillbelyaev.com\/ru\/blog\/pictures\/penrose-tiling@2x.png",
            "_date_published_rfc2822": "Wed, 31 Oct 2018 22:30:01 +0300",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "677",
            "_e2_data": {
                "is_favourite": true,
                "links_required": [
                    "system\/library\/jquery\/jquery.js",
                    "system\/library\/fotorama\/fotorama.css",
                    "system\/library\/fotorama\/fotorama.js"
                ],
                "og_images": [
                    "https:\/\/kirillbelyaev.com\/ru\/blog\/pictures\/penrose-tiling@2x.png",
                    "https:\/\/kirillbelyaev.com\/ru\/blog\/pictures\/queen-mary-university-of-london-mathematics-building-1.jpg",
                    "https:\/\/kirillbelyaev.com\/ru\/blog\/pictures\/queen-mary-university-of-london-mathematics-building-2.jpg",
                    "https:\/\/kirillbelyaev.com\/ru\/blog\/pictures\/otherlife@2x.jpg"
                ]
            }
        },
        {
            "id": "540",
            "url": "https:\/\/kirillbelyaev.com\/ru\/blog\/?go=all\/mental-arithmetic-app\/",
            "title": "Разбор приложения с задачами по математике для умственного счёта",
            "content_html": "<p>Лет 5-6 назад, я узнал о приложении <a href=\"https:\/\/itunes.apple.com\/ru\/app\/в-уме\/id482487701?mt=8\" class=\"nu\">«<u>Въ умѣ<\/u>»<\/a>, которое советую, как тренировку для мозга.<\/p>\n<p>Это набор из 1001 задачи для умственного счёта, которые составил <a href=\"https:\/\/ru.wikipedia.org\/wiki\/Рачинский,_Сергей_Александрович\">Сергей Рачинский<\/a>. Впервые задачи вышли в виде книги «1001 задача для умственного счёта. Пособие для учителей сельских школ» в 1891 году. Эти задачи решали крестьянские дети начальной и средней школы. При жизни автора книга переиздавалась три раза и стала известна по всей России.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/kirillbelyaev.com\/ru\/blog\/pictures\/v-ume-problem-708@2x.png\" width=\"568\" height=\"320\" alt=\"\" \/>\n<\/div>\n<p>Я попробовал решать в уме на прогулках с собакой. Потом забыл о нём, и вот откапал в дальнем углу папки с развлечениями и снова втянулся. Нравится, что задачи описывают понятные бытовые ситуации, плюс вместе с математикой ещё и история.<\/p>\n<p>Счёт в уме требует неслабой концентрации и тренирует её. Заметил, что 5 лет назад фокусировался лучше и решал быстрее. Сейчас часто сбиваюсь, забываю значения из условия задачи и отвлекаюсь.<\/p>\n<p>Теперь поругаю и переделаю дизайн. Авторы не следуют гайдлайнам, из-за этого ломаются пользовательские привычки. Навигация не очевидна, а кликабельные элементы маленькие.<\/p>\n<p>Каждый раз при запуске пользователю показывают две заставки, экран с единственной кнопкой и экран с выбором из 4 вариантов. Напомню, что главное в приложении — задачи.<\/p>\n<div class=\"e2-text-picture\">\n<div class=\"fotorama\" data-width=\"568\" data-ratio=\"1.775\">\n<img src=\"https:\/\/kirillbelyaev.com\/ru\/blog\/pictures\/v-ume-preloader@2x.png\" width=\"568\" height=\"320\" alt=\"\" \/>\n<img src=\"https:\/\/kirillbelyaev.com\/ru\/blog\/pictures\/v-ume-prehome@2x.png\" width=\"568\" height=\"320\" alt=\"\" \/>\n<img src=\"https:\/\/kirillbelyaev.com\/ru\/blog\/pictures\/v-ume-home@2x_1.png\" width=\"1136\" height=\"640\" alt=\"\" \/>\n<img src=\"https:\/\/kirillbelyaev.com\/ru\/blog\/pictures\/v-ume-home-options@2x.png\" width=\"568\" height=\"320\" alt=\"\" \/>\n<\/div>\n<\/div>\n<p>Авторы занимают только половину экрана, на второй половине — почти нечитаемый текст и неудобная клавиатура.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/kirillbelyaev.com\/ru\/blog\/pictures\/v-ume-problem-436@2x.png\" width=\"568\" height=\"320\" alt=\"\" \/>\n<\/div>\n<p>Самое важное — содержание задачи — набрано мелким кеглем со слишком узкими межстрочными и излишне большой длиной строки. Хорошо читается только номер задачи. Под текстом бывают дополнения оформленные серым курсивом. Там пишут как условия задачи, так и не влияющие на решение пояснения. Из-за одинакового внешнего вида в половине случаев приходится читать лишнее.<\/p>\n<p>У приложения только горизонтальная ориентация и клавиатура на всю длину экрана, из-за этого неудобно вводить ответы одной рукой, а на телефонах с диагональю больше 4,5 дюймов — невозможно. Основной сценарий у приложения такой: прочитал задачу, решил, ввёл. Для первых двух действий держать телефон двумя руками не нужно, а для третьего из-за горизонтальной ориентации — обязательно. Чтобы помногу раз не опускать и поднимать вторую руку, телефон проще держать двумя руками. А такой хват явно избыточный для этого приложения.<\/p>\n<p>В разделе «О приложении» — бардак с вёрсткой:<\/p>\n<div class=\"e2-text-picture\">\n<div class=\"fotorama\" data-width=\"568\" data-ratio=\"1.775\">\n<img src=\"https:\/\/kirillbelyaev.com\/ru\/blog\/pictures\/v-ume-adout-1@2x.png\" width=\"568\" height=\"320\" alt=\"\" \/>\n<img src=\"https:\/\/kirillbelyaev.com\/ru\/blog\/pictures\/v-ume-adout-2@2x.png\" width=\"568\" height=\"320\" alt=\"\" \/>\n<img src=\"https:\/\/kirillbelyaev.com\/ru\/blog\/pictures\/v-ume-adout-3@2x.png\" width=\"568\" height=\"320\" alt=\"\" \/>\n<img src=\"https:\/\/kirillbelyaev.com\/ru\/blog\/pictures\/v-ume-adout-4@2x.png\" width=\"568\" height=\"320\" alt=\"\" \/>\n<\/div>\n<\/div>\n<p>В списке задачи разбиты по 70 на экран — не самое удобное число, чтобы на него делить, когда хочешь добраться к 495 задаче.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/kirillbelyaev.com\/ru\/blog\/pictures\/v-ume-problems-list@2x.png\" width=\"568\" height=\"320\" alt=\"\" \/>\n<\/div>\n<p>Отмечены только решённые задачи, не видно попыток. Визуализация попыток не обязательна, но хорошо затягивает — становится интересно, видно, что сложно.<\/p>\n<p>Отдельная проблема — кнопка «ѣ». Понять, что за ней невозможно. А там живёт встроенная покупка:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/kirillbelyaev.com\/ru\/blog\/pictures\/v-ume-donate@2x.png\" width=\"568\" height=\"320\" alt=\"\" \/>\n<\/div>\n<p>Покупка сформулирована так, что мало, кто захочет покупать. Польза дореформенного правописания при решении задач не ясна. По-моему, это только усложнит процесс. В то же время это и кнопка донейта, а это уже понятный сценарий: понравилось — помог авторам. Но сформулировано так, что увидеть донейт сложно.<\/p>\n<p>Теперь — моя версия ключевых экранов. Ей, конечно, не хватает тестирования. Предлагайте улучшения.<\/p>\n<p>Перевернул экран и увеличил кегль до максимума, прибив управление к низу, чтобы доставать одной рукой:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/kirillbelyaev.com\/ru\/blog\/pictures\/redesign-problem-708@2x.png\" width=\"320\" height=\"568\" alt=\"\" \/>\n<\/div>\n<p>Важно, что первый и основной экран при входе — это задача, которая решается сейчас. При загрузке могут помочь <a href=\"http:\/\/ilyabirman.ru\/meanwhile\/all\/splash-screens\/\">знаменитые скриншоты<\/a>, хотя кажется для запуска текущей задачи не нужно столько времени.<\/p>\n<p>Шафл задач и ссылки на авторов убрал в настройки. Работа с приложением похожа на чтение. Решать, как и читать, могут в разных условиях и с разной остротой зрения — одному будет слишком ярко, другому всё ещё мелко. Поэтому добавил в настройки темы и регулировку кегля. А когда разобрался со списком задач, понял, что классно показывать в настройках и мини-статистику:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/kirillbelyaev.com\/ru\/blog\/pictures\/redesign-settings@2x.png\" width=\"320\" height=\"568\" alt=\"\" \/>\n<\/div>\n<p>Рассказ о приложении уместил на один экран с прокруткой:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/kirillbelyaev.com\/ru\/blog\/pictures\/redesign-info@2x.png\" width=\"320\" height=\"1670\" alt=\"\" \/>\n<\/div>\n<p>Список задач тоже собирал в один экран с прокруткой и дополнил его общим видом. На нём наглядно видно, что сложность задач нарастает:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/kirillbelyaev.com\/ru\/blog\/pictures\/redesign-problems-list@2x.png\" width=\"700\" height=\"568\" alt=\"\" \/>\n<\/div>\n<p>Собрал всё это в 2-минутный ролик:<\/p>\n<div class=\"e2-text-video\">\n<iframe src=\"https:\/\/www.youtube.com\/embed\/CW5k2wyLWds\" frameborder=\"0\" allowfullscreen><\/iframe><\/div>\n<p>Если хотите, чтобы помог с этим или другим приложением, пишите на почту <a href=\"mailto:kirill@kipo.name?subject=Приложение для АйОС\" class=\"\">kirill@kipo.name<\/a>. Если интересны детали, задавайте вопросы (лучше тоже на почту).<\/p>\n<p>P. S. Разбор визуализаций пока на паузе, вместо них планирую писать разборы похожие на этот.<\/p>\n",
            "date_published": "2017-09-15T12:29:45+03:00",
            "date_modified": "2017-09-18T19:12:47+03:00",
            "image": "https:\/\/kirillbelyaev.com\/ru\/blog\/pictures\/v-ume-home@2x.png",
            "_date_published_rfc2822": "Fri, 15 Sep 2017 12:29:45 +0300",
            "_rss_guid_is_permalink": "true",
            "_rss_guid": "https:\/\/kirillbelyaev.com\/ru\/blog\/?go=all\/mental-arithmetic-app\/",
            "_e2_data": {
                "is_favourite": true,
                "links_required": [
                    "system\/library\/jquery\/jquery.js",
                    "system\/library\/fotorama\/fotorama.css",
                    "system\/library\/fotorama\/fotorama.js"
                ],
                "og_images": [
                    "https:\/\/kirillbelyaev.com\/ru\/blog\/pictures\/v-ume-home@2x.png",
                    "https:\/\/kirillbelyaev.com\/ru\/blog\/pictures\/v-ume-problem@2x.png",
                    "https:\/\/kirillbelyaev.com\/ru\/blog\/pictures\/v-ume-problem-708@2x.png",
                    "https:\/\/kirillbelyaev.com\/ru\/blog\/pictures\/v-ume-preloader@2x.png",
                    "https:\/\/kirillbelyaev.com\/ru\/blog\/pictures\/v-ume-prehome@2x.png",
                    "https:\/\/kirillbelyaev.com\/ru\/blog\/pictures\/v-ume-home@2x_1.png",
                    "https:\/\/kirillbelyaev.com\/ru\/blog\/pictures\/v-ume-home-options@2x.png",
                    "https:\/\/kirillbelyaev.com\/ru\/blog\/pictures\/v-ume-problem-436@2x.png",
                    "https:\/\/kirillbelyaev.com\/ru\/blog\/pictures\/v-ume-adout-1@2x.png",
                    "https:\/\/kirillbelyaev.com\/ru\/blog\/pictures\/v-ume-adout-2@2x.png",
                    "https:\/\/kirillbelyaev.com\/ru\/blog\/pictures\/v-ume-adout-3@2x.png",
                    "https:\/\/kirillbelyaev.com\/ru\/blog\/pictures\/v-ume-adout-4@2x.png",
                    "https:\/\/kirillbelyaev.com\/ru\/blog\/pictures\/v-ume-problems-list@2x.png",
                    "https:\/\/kirillbelyaev.com\/ru\/blog\/pictures\/v-ume-donate@2x.png",
                    "https:\/\/kirillbelyaev.com\/ru\/blog\/pictures\/redesign-problem-708@2x.png",
                    "https:\/\/kirillbelyaev.com\/ru\/blog\/pictures\/redesign-settings@2x.png",
                    "https:\/\/kirillbelyaev.com\/ru\/blog\/pictures\/redesign-info@2x.png",
                    "https:\/\/kirillbelyaev.com\/ru\/blog\/pictures\/redesign-problems-list@2x.png",
                    "https:\/\/kirillbelyaev.com\/ru\/blog\/pictures\/remote\/youtube-CW5k2wyLWds-cover.jpg"
                ]
            }
        }
    ],
    "_e2_version": 3572,
    "_e2_ua_string": "E2 (v3572; Aegea)"
}