{
    "version": "https:\/\/jsonfeed.org\/version\/1.1",
    "title": "Евгений Смирнов — дизайнер интерфейсов: заметки с тегом android",
    "_rss_description": "Проектирую мобильные и веб-приложения и сайты. Создаю интерактивные прототипы, чтобы протестировать идею до разработки и презентовать её заказчикам или инвесторам.",
    "_rss_language": "ru",
    "_itunes_email": "smirnov.evgeniy789@gmail.com",
    "_itunes_categories_xml": "",
    "_itunes_image": "https:\/\/yevgeniysmirnov.ru\/pictures\/userpic\/userpic-square@2x.jpg?1764698559",
    "_itunes_explicit": "no",
    "home_page_url": "https:\/\/yevgeniysmirnov.ru\/tags\/android\/",
    "feed_url": "https:\/\/yevgeniysmirnov.ru\/tags\/android\/json\/",
    "icon": "https:\/\/yevgeniysmirnov.ru\/pictures\/userpic\/userpic@2x.jpg?1764698559",
    "authors": [
        {
            "name": "Евгений Смирнов",
            "url": "https:\/\/yevgeniysmirnov.ru\/",
            "avatar": "https:\/\/yevgeniysmirnov.ru\/pictures\/userpic\/userpic@2x.jpg?1764698559"
        }
    ],
    "items": [
        {
            "id": "6",
            "url": "https:\/\/yevgeniysmirnov.ru\/all\/campus\/",
            "title": "Сделал дизайн ленты «Подслушано» и встроил в неё сторисы, чем помог в 2,5 раза увеличить вовлечённость пользователей и подготовить приложение к монетизации",
            "content_html": "<div class=\"e2-text-picture\">\n<img src=\"https:\/\/yevgeniysmirnov.ru\/pictures\/Oblozhka5.jpg\" width=\"2560\" height=\"1440\" alt=\"\" \/>\n<\/div>\n<p class=\"lead\">Кампус — приложение с расписанием пар, лентой «Подслушано» и анонимными отзывами на преподавателей. Работает на Android и iOS.<\/p>\n<p>Бизнес построил стратегию монетизации: увеличить количество пользователей, повысить их вовлечённость и продавать контекстуальную рекламу внутри приложения.<\/p>\n<h2>Мои задачи в рамках стратегии<\/h2>\n<ul>\n<li>Визуально обновить Android-приложение, чтобы сохранить текущую аудиторию и создать основу для привлечения новой.<\/li>\n<li>Сделать ленту «Подслушано» со сторисами, чтобы повысить вовлечённость пользователей.<\/li>\n<li>Встроить рекламные блоки внутрь приложения.<\/li>\n<\/ul>\n<h2>Результаты бизнес-стратегии и улучшений Android- и iOS-приложения<\/h2>\n<ul>\n<li>Раньше пользователи заходили в приложение в среднем 32 раза в месяц на 35 секунд, а стали заходить 81 раз на 39 секунд.<\/li>\n<li>Количество пользователей увеличилось с 247 000 в 2021 году до 750 000 в 2023 году.<\/li>\n<li>244 000 активных пользователей в пиковые месяца.<\/li>\n<\/ul>\n<h2>Итерационно вернул Android-приложение «из прошлого века»<\/h2>\n<p>Прежде чем добавлять ленту, сторисы, рекламу и привлекать новую аудиторию, я доработал существующий функционал и привёл в порядок нативную навигацию, компоновку экранов, цвета, типографику и иконки.<\/p>\n<h2>Расписание занятий<\/h2>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/yevgeniysmirnov.ru\/pictures\/Raspisanie3.1@2x.jpg\" width=\"1280\" height=\"995\" alt=\"\" \/>\n<\/div>\n<h2>Страница занятия<\/h2>\n<p>Переходы к вложенным страницам сделал полноэкранными:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/yevgeniysmirnov.ru\/pictures\/Zanyatie2@2x.jpg\" width=\"1280\" height=\"995\" alt=\"\" \/>\n<\/div>\n<h2>Избранные расписания<\/h2>\n<p>Перенёс переключение между избранными расписаниями из настроек на главный экран и добавил в выпадающее меню поиск расписания другой группы или преподавателя.<\/p>\n<p>К примеру, если нужно встретиться с друзьями из другой группы или передать работу преподавателю, а его нет на кафедре:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/yevgeniysmirnov.ru\/pictures\/Izbrannye_Raspisaniya1.jpg\" width=\"1757\" height=\"2560\" alt=\"\" \/>\n<\/div>\n<p><b>Настройка избранных расписаний<\/b><br \/>\nПо умолчанию избранные расписания отображаются в порядке добавления. Порядок можно изменить в настройках:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/yevgeniysmirnov.ru\/pictures\/Izbrannye_Raspisaniya_Redaktirovanie2@2x.jpg\" width=\"1280\" height=\"901\" alt=\"\" \/>\n<\/div>\n<h2>Отзывы о препродавателях<\/h2>\n<p>Студенты анонимно оставляют отзывы, которые помогают другим составить первое впечатление о преподавателе до пары или экзамена. Если кто-то напишет ложь, его задизлайкуют.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/yevgeniysmirnov.ru\/pictures\/Otzyvy@2x.jpg\" width=\"1280\" height=\"995\" alt=\"\" \/>\n<\/div>\n<p><b>Страница преподавателя<\/b><\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/yevgeniysmirnov.ru\/pictures\/Stranica_Prepodavatelya@2x.jpg\" width=\"1280\" height=\"995\" alt=\"\" \/>\n<\/div>\n<p><b>Написание отзыва<\/b><\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/yevgeniysmirnov.ru\/pictures\/Napisani_otzyva_ver0.1@2x.jpg\" width=\"1280\" height=\"1100\" alt=\"\" \/>\n<\/div>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/yevgeniysmirnov.ru\/pictures\/Napisani_otzyva_ver1.1@2x.jpg\" width=\"1280\" height=\"1100\" alt=\"\" \/>\n<\/div>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/yevgeniysmirnov.ru\/pictures\/Napisani_otzyva_ver2.2@2x.jpg\" width=\"1280\" height=\"900\" alt=\"\" \/>\n<\/div>\n<h2>Оформление<\/h2>\n<p>В приложении были нейтральные светлая и тёмная темы, в которых можно менять основной цвет.<\/p>\n<p>В первой итерации визуального обновления сделал цветные темы, в которых палитра строилась от основного цвета. Пользователям это не зашло, особенно в тёмной теме:<\/p>\n<ul>\n<li>«После обновы пропала тёмная тема, вернее она осталась но это скорее голубой в темных тонах».<\/li>\n<li>«Добавьте тогда уж чёрную тему».<\/li>\n<\/ul>\n<p>Поэтому вернул темы в нейтральные тона:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/yevgeniysmirnov.ru\/pictures\/Temnaya_tema@2x.jpg\" width=\"1280\" height=\"1010\" alt=\"\" \/>\n<\/div>\n<p>Я допустил ошибку, забрав у пользователей привычное оформление. Вместо этого стоило оставить нейтральные темы и добавить цветную как эксперимент.<\/p>\n<p>Из-за потери времени, сложности разработки и среднего приоритета задачи мы вернулись к варианту, в котором меняется только основной цвет:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/yevgeniysmirnov.ru\/pictures\/Cvetnye_temy@2x.jpg\" width=\"1280\" height=\"716\" alt=\"\" \/>\n<\/div>\n<h2>После визуального обновления я приступил к социальным функциям, которые должны были повысить вовлечённость пользователей.<\/h2>\n<h2>Лента «Подслушано»<\/h2>\n<p>Место, где студенты вуза делятся трешовыми историями, шутят, обсуждают моральные ценности, популяцию кенгуру и ищут вторую половинку.<\/p>\n<p>Первая версия ленты была списком постов без комментариев. Пользователи отвечали друг другу новыми постами, поэтому лента выглядела живой:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/yevgeniysmirnov.ru\/pictures\/Lenta_Ver1@2x.jpg\" width=\"1280\" height=\"946\" alt=\"\" \/>\n<\/div>\n<p>Добавили пост дня, который выбирался среди всех вузов по количеству лайков за предыдущий день:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/yevgeniysmirnov.ru\/pictures\/Lenta_Ver1.1@2x.jpg\" width=\"1280\" height=\"946\" alt=\"\" \/>\n<\/div>\n<p>Закреплённая кнопка «Предложить пост» закрывала посты и создавала визуальный шум, когда появлялась или исчезала при смене направления прокрутки:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/yevgeniysmirnov.ru\/pictures\/Lenta_variacii_knopki@2x.jpg\" width=\"1280\" height=\"946\" alt=\"\" \/>\n<\/div>\n<p>Когда появилась строка сторисов, перенёс в неё пост дня и кнопку «Предложить пост»:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/yevgeniysmirnov.ru\/pictures\/Lenta_so-storisami3@2x.jpg\" width=\"1280\" height=\"946\" alt=\"\" \/>\n<\/div>\n<p>К истории «Пост дня» прикрутили нейронку, которая генерировала контекстную картинку. Нейронка делала такие же трешовые картинки, как и сами посты, поэтому студенты ловили «ха-ха»:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/yevgeniysmirnov.ru\/pictures\/post_dnya1@2x-1.jpg\" width=\"2560\" height=\"1763\" alt=\"\" \/>\n<div class=\"e2-text-caption\">Эту сторис для кейса сгенерировал ChatGPT в 2026 году без дополнительной настройки промпта. Получилось уже не так трешово.<\/div>\n<\/div>\n<p class=\"loud\">Сторисы открыли дорогу к новым форматам взаимодействия с пользователями: подборкам смешных постов, голосованиям за лучшего преподавателя, предложениям стажировок и вакансий, рекламе курсов для подготовки к сессии.<\/p>\n<h2>Вывод<\/h2>\n<p>Я подготовил Android-приложение к привлечению новой аудитории и маркетинговой активности: обновил существующий интерфейс и добавил ленту «Подслушано» со сторисами как основу для рекламных форматов.<\/p>\n<p>Заложенная мной основа помогла начать реализовывать бизнес-стратегию. Текущая продуктовая команда продолжает развивать её в новых сценариях, рекламных форматах и механиках вовлечения.<\/p>\n<h2>Что было самым сложным<\/h2>\n<p>Впервые столкнулся с обратной связью от полумиллиона пользователей, на которых раскатили обновление.<\/p>\n<p><b>Как я с этим справился<\/b><br \/>\nМы вместе с ЛПР собрали проблемы из отзывов пользователей, обсудили их и я внёс корректировки в дизайн.<\/p>\n<h2>Что сейчас происходит с продуктом<\/h2>\n<p>Я занимался дизайном приложения и поддерживал его в ходе разработки с середины 2022 до середины 2023 года.<\/p>\n<p>В 2024 году продукт зарабатывал и инвестировал всю прибыль в развитие.<\/p>\n<p>На 2025 год:<\/p>\n<ul>\n<li>Количество пользователей iOS- и Android-приложения превысило 1 000 000.<\/li>\n<li>В среднем пользователи заходят в приложение 109 раз в месяц.<\/li>\n<li>В пиковые месяцы приложение набирало 350 000 активных пользователей.<\/li>\n<\/ul>\n<p class=\"foot\">Посты и отзывы, показанные в кейсе, отражают частные субъективные мнения пользователей. Разработчики приложения не присоединяются к мнению их авторов.<\/p>\n<p><b>Евгений Смирнов<\/b><br \/>\nДизайнер<\/p>\n<p><b>Евгений Гребенщиков<\/b><br \/>\nАрт-директор<\/p>\n<p><b>IceRock Development<\/b><br \/>\nКоманда разработки<\/p>\n<h2><a href=\"mailto:smirnov.evgeniy789@gmail.com\">Электропочта<\/a> • <a href=\"https:\/\/t.me\/eugenius_dsgn\">Телеграм<\/a><\/h2>\n",
            "date_published": "2026-05-22T10:12:41+05:00",
            "date_modified": "2026-06-03T11:25:23+05:00",
            "tags": [
                "android",
                "b2c",
                "мобильное приложение",
                "образование",
                "портфолио"
            ],
            "image": "https:\/\/yevgeniysmirnov.ru\/pictures\/Raspisanie3@2x.jpg",
            "_date_published_rfc2822": "Fri, 22 May 2026 10:12:41 +0500",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "6",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": [
                    "https:\/\/yevgeniysmirnov.ru\/pictures\/Raspisanie3@2x.jpg",
                    "https:\/\/yevgeniysmirnov.ru\/pictures\/Oblozhka5.jpg",
                    "https:\/\/yevgeniysmirnov.ru\/pictures\/Raspisanie3.1@2x.jpg",
                    "https:\/\/yevgeniysmirnov.ru\/pictures\/Zanyatie2@2x.jpg",
                    "https:\/\/yevgeniysmirnov.ru\/pictures\/Izbrannye_Raspisaniya1.jpg",
                    "https:\/\/yevgeniysmirnov.ru\/pictures\/Izbrannye_Raspisaniya_Redaktirovanie2@2x.jpg",
                    "https:\/\/yevgeniysmirnov.ru\/pictures\/Otzyvy@2x.jpg",
                    "https:\/\/yevgeniysmirnov.ru\/pictures\/Stranica_Prepodavatelya@2x.jpg",
                    "https:\/\/yevgeniysmirnov.ru\/pictures\/Napisani_otzyva_ver0.1@2x.jpg",
                    "https:\/\/yevgeniysmirnov.ru\/pictures\/Napisani_otzyva_ver1.1@2x.jpg",
                    "https:\/\/yevgeniysmirnov.ru\/pictures\/Napisani_otzyva_ver2.2@2x.jpg",
                    "https:\/\/yevgeniysmirnov.ru\/pictures\/Temnaya_tema@2x.jpg",
                    "https:\/\/yevgeniysmirnov.ru\/pictures\/Cvetnye_temy@2x.jpg",
                    "https:\/\/yevgeniysmirnov.ru\/pictures\/Lenta_Ver1@2x.jpg",
                    "https:\/\/yevgeniysmirnov.ru\/pictures\/Lenta_Ver1.1@2x.jpg",
                    "https:\/\/yevgeniysmirnov.ru\/pictures\/Lenta_variacii_knopki@2x.jpg",
                    "https:\/\/yevgeniysmirnov.ru\/pictures\/Lenta_so-storisami3@2x.jpg",
                    "https:\/\/yevgeniysmirnov.ru\/pictures\/post_dnya1@2x-1.jpg"
                ]
            }
        },
        {
            "id": "1",
            "url": "https:\/\/yevgeniysmirnov.ru\/all\/flippingbook\/",
            "title": "Интерфейс карманного помощника продавца: задизайнил B2B-приложение, которым пользуются 50 000 клиентов по всему миру",
            "content_html": "<div class=\"e2-text-picture\">\n<img src=\"https:\/\/yevgeniysmirnov.ru\/pictures\/Oblozhka-1.2.png.jpg\" width=\"2560\" height=\"1440\" alt=\"\" \/>\n<\/div>\n<p class=\"lead\">Приложение FlippingBook позволяет менеджерам продаж брать с собой маркетинговые и коммерческие материалы для презентации товаров и услуг, делиться ими и отслеживать статистику их просмотра.<\/p>\n<h2>На проекте<\/h2>\n<ol start=\"1\">\n<li>Проводил ревью iOS-версии дизайна и формировал предложения по адаптации интерфейса под Android и улучшению кастомных элементов.<\/li>\n<li>Корректировал свои предложения с учётом ограничений разработки.<\/li>\n<li>Согласовывал результаты ревью с арт-директором, дизайнером клиента и самим клиентом.<\/li>\n<li>Дизайнил интерфейс Android-приложения для телефона и планшета.<\/li>\n<\/ol>\n<h2>Клиент<\/h2>\n<p><a href=\"https:\/\/flippingbook.com\/\">FlippingBook<\/a> предоставляет ИТ-решения для работы с флипбуками компаниям из Fortune 500. Флипбуки — электронные каталоги и презентации с эффектом перелистывания страниц и интеграцией звука, видео, ссылок и корзины покупок.<\/p>\n<h2>Задача<\/h2>\n<p>Увеличить лояльность аудитории компании ― предпринимателей, маркетологов, продавцов и менеджеров ― за счет «карманной» доступности флипбуков.<\/p>\n<h2>Решение<\/h2>\n<p>Приложение, которое позволяет управлять материалами без привязки к офису: делиться ссылками, отслеживать статистику взаимодействий, получать уведомления об открытиях и загружать для офлайн-просмотра.<\/p>\n<p>Интерфейс адаптировал по гайдлайнам Google Material Design 2, а позднее обновил по Material You. Такой подход обеспечил современный внешний вид, привычное и предсказуемое поведение элементов, сократил бюджет на разработку и поддержку.<\/p>\n<h2>Как выстроил процесс<\/h2>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/yevgeniysmirnov.ru\/pictures\/Process_@2x.png.jpg\" width=\"2560\" height=\"1348\" alt=\"\" \/>\n<div class=\"e2-text-caption\">Реализовал 6 спринтов дизайна мобильного и планшетного Android-приложения<\/div>\n<\/div>\n<p><b>Работа строилась спринтами<\/b><\/p>\n<ol start=\"1\">\n<li>Изучал техническое задание.<\/li>\n<li>Получал от дизайнера клиента iOS-макеты. Отсматривал их и отмечал, какие элементы будут адаптированы и улучшены.<\/li>\n<li>Сначала обсуждал предложения с арт-директором и дизайнером клиента, некоторые отсеивали или искали им замену, которая устроит обе стороны: обновились требования, недопонял макет, попал в ограничения разработки — рабочий процесс. Затем предложения аргументировал клиенту.<\/li>\n<li>После согласования собирал макеты Android-приложения.<\/li>\n<\/ol>\n<h2>Сначала адаптировал навигационные элементы<\/h2>\n<p><b>Верхняя навигационная панель<\/b><\/p>\n<ol start=\"1\">\n<li>Увеличил высоту.<\/li>\n<li>Поменял серую заливку на белую.<\/li>\n<li>Убрал разделитель.<\/li>\n<\/ol>\n<p>Панель перестала конкурировать с содержанием за внимание и сохранила свою изолированость:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/yevgeniysmirnov.ru\/pictures\/TopAppBar1.12x.png.jpg\" width=\"2560\" height=\"1185\" alt=\"\" \/>\n<\/div>\n<p>Когда страница прокручивается, появляется тень, отделяющая панель от содержимого:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/yevgeniysmirnov.ru\/pictures\/TopAppBar_OnScroll1.12x.png.jpg\" width=\"2560\" height=\"1185\" alt=\"\" \/>\n<\/div>\n<p><b>Нижняя навигационная панель<\/b><\/p>\n<ol start=\"1\">\n<li>Сравнял по размеру с верхней, чтобы элементы навигации имели общий признак и проще распознавались.<\/li>\n<li>Повысил контраст между активным и неактивным разделами.<\/li>\n<li>Облегчил цвет заливки и вместо разделителя добавил тень для изоляции от содержания.<\/li>\n<\/ol>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/yevgeniysmirnov.ru\/pictures\/BottomNavBar1.12x.png.jpg\" width=\"2560\" height=\"1185\" alt=\"\" \/>\n<\/div>\n<p>Впоследствии обновил навигационные панели по гайдлайнам Material YOU:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/yevgeniysmirnov.ru\/pictures\/Panels-MYou-1.4@2x.png.jpg\" width=\"2560\" height=\"1747\" alt=\"\" \/>\n<\/div>\n<p><b>Переходы к вложенным страницам сделал полноэкранными<\/b><br \/>\nСледующая страница появляется над текущей, двигаясь справа налево. Предыдущая появляется из-под текущей, которая сдвигается слева направо:<\/p>\n<div style=\"position: relative; padding-top: 68.23%; width: 100%\"><iframe src=\"https:\/\/kinescope.io\/embed\/s7s8ua1j6L25dhdBm74JqT\" allow=\"autoplay; fullscreen; picture-in-picture; encrypted-media; gyroscope; accelerometer; clipboard-write; screen-wake-lock;\" frameborder=\"0\" allowfullscreen style=\"position: absolute; width: 100%; height: 100%; top: 0; left: 0;\"><\/iframe>\n<\/div><p><b>Переключатель содержимого секции<\/b><br \/>\nСделал во всю ширину экрана, потому что он меняет содержимое секции, а не значение параметра внутри неё:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/yevgeniysmirnov.ru\/pictures\/Details_Graph1.1@2x.png.jpg\" width=\"2560\" height=\"1319\" alt=\"\" \/>\n<\/div>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/yevgeniysmirnov.ru\/pictures\/Details_Links1.1@2x.png.jpg\" width=\"2560\" height=\"1504\" alt=\"\" \/>\n<\/div>\n<p>На планшете ограничил ширину сегментов переключателя, чтобы сохранить его целостность и обозначить область нажатия сегмента:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/yevgeniysmirnov.ru\/pictures\/Details_Tablet_Tabs1@2x.png.jpg\" width=\"2560\" height=\"1440\" alt=\"\" \/>\n<\/div>\n<p><b>Панель инструментов<\/b><br \/>\nНа странице флипбука, в панели инструментов увеличил область нажатия кнопок-иконок, поменял серую заливку на белую, чтобы сохранить общий признак с навигационными панелями:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/yevgeniysmirnov.ru\/pictures\/Toolbar1.1@2x.png.jpg\" width=\"2560\" height=\"1747\" alt=\"\" \/>\n<\/div>\n<h2>После навигации занялся адаптацией элементов управления<\/h2>\n<p><b>Поиск<\/b><br \/>\nВместо появления строки поиска внутри верхней панели навигации, панель становится полем ввода. Переход получается линейным, высота панели остаётся прежней:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/yevgeniysmirnov.ru\/pictures\/search@2x.png.jpg\" width=\"2560\" height=\"1747\" alt=\"\" \/>\n<\/div>\n<p><b>Меню действий с флипбуком<\/b><br \/>\nУдалил «flipbook» из названия пунктов, чтобы действия считывались лучше. Так можно, потому что меню открывается при нажатии на три точки у карточки флипбука, и действия контекстуально относятся к нему:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/yevgeniysmirnov.ru\/pictures\/Actions_Menu_1.1@2x.png.jpg\" width=\"2560\" height=\"1747\" alt=\"\" \/>\n<\/div>\n<p>Добавил иконки пунктам «создание публичной ссылки» и «Удаление», чтобы выделить их как ключевые и опасные действия<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/yevgeniysmirnov.ru\/pictures\/Actions_Menu_2.1@2x.png.jpg\" width=\"2560\" height=\"1747\" alt=\"\" \/>\n<\/div>\n<p>Впоследствии обновил меню по гайдлайнам Material YOU:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/yevgeniysmirnov.ru\/pictures\/Actions_Menu_3@2x.png\" width=\"1920\" height=\"1310\" alt=\"\" \/>\n<\/div>\n<p><b>Затемнение без размытия<\/b><br \/>\nЭкран ожидания открытия флипбука в iOS сделан с размытием фона. Выяснил у Android-разработчиков, что на реализацию размытия уйдет много времени, а результат будет отличаться от дизайна. Оставил затемнение с использованием фирменного цвета:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/yevgeniysmirnov.ru\/pictures\/Overlay_Loader_@2x.png.jpg\" width=\"2560\" height=\"1747\" alt=\"\" \/>\n<\/div>\n<h2>Небольшие элементы тоже влияют на целостность восприятия интерфейса, сделал их привычными<\/h2>\n<p><b>Троббер<\/b><\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/yevgeniysmirnov.ru\/pictures\/Trobber@2x.png.jpg\" width=\"2560\" height=\"1185\" alt=\"\" \/>\n<\/div>\n<p><b>Выбор одного значения из множества<\/b><br \/>\nЗаменил галочку на радиокнопки и сразу показал два варианта порядка сортировки вместо кнопки, которая вызывает всплывающее окно для выбора:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/yevgeniysmirnov.ru\/pictures\/SortingMenu_Android1.2@2x.png.jpg\" width=\"2560\" height=\"1747\" alt=\"\" \/>\n<\/div>\n<p><b>Диалоговое окно<\/b><br \/>\nВместо барабана сделал список радиокнопок:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/yevgeniysmirnov.ru\/pictures\/Dialog1@2x.png.jpg\" width=\"2560\" height=\"1747\" alt=\"\" \/>\n<\/div>\n<p><b>Тумблер<\/b><\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/yevgeniysmirnov.ru\/pictures\/Swtich1@2x.png.jpg\" width=\"2560\" height=\"491\" alt=\"\" \/>\n<\/div>\n<h2>Когда приложение уже выглядело и вело себя как андроидное, улучшал кастомные элементы<\/h2>\n<p><b>Разделитель<\/b><br \/>\nСсылки сгруппированы по дате создания и разделяются отцентрованной линией, но из-за одинакового стиля разделителей список сливается в единую массу.<\/p>\n<p>Сделал разделитель во всю ширину для разделения дат. Разделитель, прижатый к правому краю и с отступом от левого края, разделяет ссылки, вложенные в дату:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/yevgeniysmirnov.ru\/pictures\/DividersList1.1@2x.png.jpg\" width=\"2560\" height=\"1747\" alt=\"\" \/>\n<\/div>\n<p>В результатах поиска флипбуков использовал тот же принцип: первый элемент в иерархии — папка, а второй — флипбуки, вложенные в неё:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/yevgeniysmirnov.ru\/pictures\/Dividers-Search-1.1@2x.png.jpg\" width=\"2560\" height=\"1747\" alt=\"\" \/>\n<\/div>\n<p><b>Настройка сортировки<\/b><br \/>\nПереместил кнопку сортировки в верхнюю часть экрана и сравнял по акцентности с поиском, чтобы логически их связать — обе функции помогают ориентироваться в списке.<\/p>\n<p>При прокрутке вниз кнопка уезжает под верхнюю панель, чтобы освободить вертикальное пространство для содержания, а при прокрутке вверх — появляется обратно:<\/p>\n<div style=\"position: relative; padding-top: 68.23%; width: 100%\"><iframe src=\"https:\/\/kinescope.io\/embed\/s23RyZqRQ4snc9eLFSpV3s\" allow=\"autoplay; fullscreen; picture-in-picture; encrypted-media; gyroscope; accelerometer; clipboard-write; screen-wake-lock;\" frameborder=\"0\" allowfullscreen style=\"position: absolute; width: 100%; height: 100%; top: 0; left: 0;\"><\/iframe>\n<\/div><p>Для смартфонов с диагональю 5,5-5,7 дюймов предложил показывать шит сортировки сверху вниз. Кнопка перехода к нему расположена вверху экрана, поэтому после нажатия палец остаётся сверху и сразу может взаимодействовать с настройками:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/yevgeniysmirnov.ru\/pictures\/TopSortingMenu1@2x.png.jpg\" width=\"2560\" height=\"1619\" alt=\"\" \/>\n<div class=\"e2-text-caption\">Идея интересная, но финально реализовали универсальное поведение для всех смартфонов.<\/div>\n<\/div>\n<h2>Вывод<\/h2>\n<p>Удалось ли увеличить лояльность аудитории компании ― предпринимателей, маркетологов, продавцов и менеджеров ― за счет «карманной» доступности флипбуков?<\/p>\n<p class=\"loud\">Да. Приложением начали пользоваться клиенты веб-версии продукта. За год их число выросло до 10 000, а ещё через год — до 50 000. Андроид-приложение следует принципам платформы, сохраняя привычную пользователям рутину и освобождая их сознание для осмысленных задач.<\/p>\n<h2>Что было самым сложным<\/h2>\n<p>Двойное согласование: сначала с дизайнером клиента, затем с самим клиентом. Аргументация отнимала много времени и сил, а часть идей в первых спринтах отсекалась одним словом: «Нет».<\/p>\n<p><b>Как я с этим справился<\/b><br \/>\nИзменил подход к аргументации. Для дизайнера: с опорой на гайдлайны, ограничения разработки, реальные примеры и опыт с других проектов. Для клиента: улучшения для пользователя → какую пользу они принесут бизнесу.<\/p>\n<p>В сложных ситуациях, чтобы ускорить согласование, просил помощи у арт-директора. С высоты своего опыта ему проще давался живой диалог с клиентом.<\/p>\n<h2>Отзыв о работе<\/h2>\n<blockquote>\n<p>«Мы сотрудничаем с IceRock Dev уже больше 2 лет. Процесс продолжается, впереди еще много целей. <b>Отзыв о совместной работе могу оставить самый положительный<\/b>. ... »<br \/>\n<i>Алексей Родионов, руководитель проекта со стороны клиента<\/i><\/p>\n<\/blockquote>\n<h2>Что сейчас происходит с продуктом<\/h2>\n<p>Количество клиентов компании FlippingBook растет, а вместе с ним — и количество пользователей приложения.<\/p>\n<p>Я завершил своё участие в проекте и с интересом наблюдаю за улучшениями и изменениями, которые органично развивают мой дизайн.<\/p>\n<p>Дизайн сделал в середине 2022 и поддерживал его в ходе разработки в 2022—23.<\/p>\n<p><b>Евгений Смирнов <\/b><br \/>\nДизайнер<\/p>\n<p><b>Евгений Гребенщиков<\/b><br \/>\nАрт-директор<\/p>\n<p><b>IceRock Development<\/b><br \/>\nКоманда разработки<\/p>\n<h2><a href=\"mailto:smirnov.evgeniy789@gmail.com\">Электропочта<\/a> • <a href=\"https:\/\/t.me\/eugenius_dsgn\">Телеграм<\/a><\/h2>\n",
            "date_published": "2026-04-09T21:24:40+05:00",
            "date_modified": "2026-06-03T11:25:42+05:00",
            "tags": [
                "android",
                "b2b",
                "protopie",
                "saas",
                "интерактив",
                "мобильное приложение",
                "портфолио",
                "цифровые публикации"
            ],
            "image": "https:\/\/yevgeniysmirnov.ru\/pictures\/Oblozhka-1.2.png.jpg",
            "_date_published_rfc2822": "Thu, 09 Apr 2026 21:24:40 +0500",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "1",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": [
                    "https:\/\/yevgeniysmirnov.ru\/pictures\/Oblozhka-1.2.png.jpg",
                    "https:\/\/yevgeniysmirnov.ru\/pictures\/Process_@2x.png.jpg",
                    "https:\/\/yevgeniysmirnov.ru\/pictures\/TopAppBar1.12x.png.jpg",
                    "https:\/\/yevgeniysmirnov.ru\/pictures\/TopAppBar_OnScroll1.12x.png.jpg",
                    "https:\/\/yevgeniysmirnov.ru\/pictures\/BottomNavBar1.12x.png.jpg",
                    "https:\/\/yevgeniysmirnov.ru\/pictures\/Panels-MYou-1.4@2x.png.jpg",
                    "https:\/\/yevgeniysmirnov.ru\/pictures\/Details_Graph1.1@2x.png.jpg",
                    "https:\/\/yevgeniysmirnov.ru\/pictures\/Details_Links1.1@2x.png.jpg",
                    "https:\/\/yevgeniysmirnov.ru\/pictures\/Details_Tablet_Tabs1@2x.png.jpg",
                    "https:\/\/yevgeniysmirnov.ru\/pictures\/Toolbar1.1@2x.png.jpg",
                    "https:\/\/yevgeniysmirnov.ru\/pictures\/search@2x.png.jpg",
                    "https:\/\/yevgeniysmirnov.ru\/pictures\/Actions_Menu_1.1@2x.png.jpg",
                    "https:\/\/yevgeniysmirnov.ru\/pictures\/Actions_Menu_2.1@2x.png.jpg",
                    "https:\/\/yevgeniysmirnov.ru\/pictures\/Actions_Menu_3@2x.png",
                    "https:\/\/yevgeniysmirnov.ru\/pictures\/Overlay_Loader_@2x.png.jpg",
                    "https:\/\/yevgeniysmirnov.ru\/pictures\/Trobber@2x.png.jpg",
                    "https:\/\/yevgeniysmirnov.ru\/pictures\/SortingMenu_Android1.2@2x.png.jpg",
                    "https:\/\/yevgeniysmirnov.ru\/pictures\/Dialog1@2x.png.jpg",
                    "https:\/\/yevgeniysmirnov.ru\/pictures\/Swtich1@2x.png.jpg",
                    "https:\/\/yevgeniysmirnov.ru\/pictures\/DividersList1.1@2x.png.jpg",
                    "https:\/\/yevgeniysmirnov.ru\/pictures\/Dividers-Search-1.1@2x.png.jpg",
                    "https:\/\/yevgeniysmirnov.ru\/pictures\/TopSortingMenu1@2x.png.jpg"
                ]
            }
        }
    ],
    "_e2_version": 4171,
    "_e2_ua_string": "Aegea 11.4 (v4171e)"
}