{
    "version": "https:\/\/jsonfeed.org\/version\/1",
    "title": "ivan's blog: posts tagged принципы",
    "_rss_description": "It is my diary. I’m ivan zviahin, an designer, manager, car enthusiast.",
    "_rss_language": "en",
    "_itunes_email": "ivanzviahin@gmail.com",
    "_itunes_categories_xml": "",
    "_itunes_image": "http:\/\/ivanzviahin.by\/blog\/user\/userpic-square@2x.jpg?1711411913",
    "_itunes_explicit": "no",
    "home_page_url": "http:\/\/ivanzviahin.by\/blog\/tags\/principy\/",
    "feed_url": "http:\/\/ivanzviahin.by\/blog\/tags\/principy\/json\/",
    "icon": "http:\/\/ivanzviahin.by\/blog\/user\/userpic@2x.jpg?1711411913",
    "author": {
        "name": "Ivan Zviahin",
        "url": "http:\/\/ivanzviahin.by\/blog\/",
        "avatar": "http:\/\/ivanzviahin.by\/blog\/user\/userpic@2x.jpg?1711411913"
    },
    "items": [
        {
            "id": "146",
            "url": "http:\/\/ivanzviahin.by\/blog\/all\/avprinciples\/",
            "title": "Миссия и принципы дизайна в av.by",
            "content_html": "<p>av.by — сайт о покупке и продаже автомобилей. Мы развиваем проект с 2001 года, и сегодня он входит в число наиболее посещаемых ресурсов байнета. Сейчас в нашей базе около 70 000 объявлений о продаже автомобилей из Беларуси. Помимо сайта, у нас есть и мобильное приложение для Android и iOS с суммарной месячной аудиторией более 250 000 пользователей. Каждый месяц av.by посещает более 1 200 000 человек.<\/p>\n<h2>Миссия<\/h2>\n<p>Помогает всей компании глобально держать фокус в принятии решений.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"http:\/\/ivanzviahin.by\/blog\/pictures\/ms.jpg\" width=\"2533\" height=\"2560\" alt=\"\" \/>\n<\/div>\n<h2>Делаем для Зои Ивановны<\/h2>\n<p>Зоя Ивановна — наша ключевая из персон. Сделав понятно, доступно и очевидно для неё — сделаешь хорошо и для других персон. Персоны сделаны на основании множества проведенных пользовательских интервью.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"http:\/\/ivanzviahin.by\/blog\/pictures\/ps_1.jpg\" width=\"2560\" height=\"2524\" alt=\"\" \/>\n<\/div>\n<p>Чтобы объяснить что-то сложное, переводим на «мамин» язык. Не боимся использовать местоимения и предлоги. Характер и интонация как у дружелюбного соседа, который разбирается в автобизнесе и конструкции автомобиля. У этого соседа есть чувство юмора, но он не нарушает личных границ. Мы застолбили несколько принципов для текста в интерфейсе:<\/p>\n<ul>\n<li>сразу даём на ответ на потенциальный вопрос человека,<\/li>\n<li>не используем техническую терминологию,<\/li>\n<li>говорим коротко, но без потери смысла.<\/li>\n<\/ul>\n<h2>Опираемся на сущности<\/h2>\n<p>Мы называем сущностью ключевой и сложный объект системы. Ключевой потому что важно для бизнеса. Сложный потому что состоит из множества атомов. Например:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"http:\/\/ivanzviahin.by\/blog\/pictures\/essence.jpg\" width=\"1757\" height=\"1228\" alt=\"\" \/>\n<\/div>\n<p>От маленького превью до бесконечно большой карточки. Маленький организм разрастается, элементы меняют внешний вид, но остаются на прежних местах.  Почему мы сосредоточены на сущностях?  Целостность узнаётся пользователем, переиспользуется в коде и не требует проверок, тестирования.  Единообразие помогает принимать быстрые и не случайные решения в проектировании.<\/p>\n<p>Список сущностей: объявление — главная сущность продукта, финансовое предложение, организация. На картинке показана сущность объявления.<\/p>\n<h2>Учитываем все разделы<\/h2>\n<p>Мы сфокусированы на автомобилях, но не забываем про остальные разделы транспорта. Синтаксис кнопок и подписей должен подходить к любому виду транспорта. Единство и универсальность ради экономии.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"http:\/\/ivanzviahin.by\/blog\/pictures\/fin.jpg\" width=\"1757\" height=\"713\" alt=\"\" \/>\n<div class=\"e2-text-caption\">Пример на «Финансах»<\/div>\n<\/div>\n<p>В заголовке мы не используем название раздела, чтобы получилась универсальная конструкция «Кредиты и лизинг на покупку автобуса или автомобиля или ещё какого другого транспорта...». Кастомизация заголовка не бесплатная, а пользы не приносит. Но если тачки отметить важно, делаем кастомизацию для других разделов транспорта.<\/p>\n<h2>Фокусируемся на главной платформе<\/h2>\n<p>Фокус на платформе зависит от количества аудитории, которая пользуется этой платформой. У нас исторически сложилось так:<\/p>\n<ul>\n<li>Для физлиц — Android. Затем идёт мобильный WEB. В конце iOS,  десктопный WEB — на сдачу.<\/li>\n<li>Для юрлиц — WEB десктопный. Мобильный WEB — на сдачу. В мобильных приложениях нет интерфейса для юрлиц.<\/li>\n<\/ul>\n<p>Для экономии сил и времени для второстепенных платформ мы применяем в основном только <a href=\"https:\/\/ivanzviahin.by\/blog\/all\/urovenprorabotki\/\">промежуточные сценарии — это второй уровень проработки интерфейса.<\/a><\/p>\n<h2>Помним про статусы объявлений<\/h2>\n<p>Ох, много доработок было сделано из-за того, что мы забывали про это. Во время проектирования мы сфокусированы на прямом и очевидном пути Зои Ивановны. Но иногда упускаем крайние состояния и вспоминаем о них во время разработки. Точнее разработчики и тестировщики об этом напоминают.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"http:\/\/ivanzviahin.by\/blog\/pictures\/status-2.jpg\" width=\"1628\" height=\"942\" alt=\"\" \/>\n<\/div>\n<p>Добавь в <a href=\"https:\/\/ivanzviahin.by\/blog\/all\/check-list-to-verify-the-interface\/\">свой чек-лист<\/a> пункт: «Собрать макет, когда объявление изменит свой статус». Если это уместно в данной задаче.<\/p>\n<h2>Не пачкаем фотографии<\/h2>\n<p>Чтобы сделать хорошие фотографии, нужно подобрать место и время съёмки, найти сильные ракурсы, сделать десятки кадров, а затем выбрать самые удачные. Мы не рискуем испортить этот труд ради компактности нескольких элементов. Пользовательские фотографии для нас бесконечно важны.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"http:\/\/ivanzviahin.by\/blog\/pictures\/photo.jpg\" width=\"1628\" height=\"489\" alt=\"\" \/>\n<div class=\"e2-text-caption\">Стало ← было<\/div>\n<\/div>\n<p>Всё вместе отвлекает от фотографии, а по-отдельности:<\/p>\n<ul>\n<li>элементы управления и навигации не видны на светлом фоне, а попытки вынести их на отдельный визуальный слой вынуждают использовать графические костыли,<\/li>\n<li>яркие лейблы отвлекают от акцента — цвет авто и отражение на капоте,<\/li>\n<li>каунтер начинает неудачно участвовать в композиции,<\/li>\n<li>6% фотографии скрыто.<\/li>\n<\/ul>\n",
            "date_published": "2021-02-06T13:01:59+00:00",
            "date_modified": "2021-09-20T18:49:08+00:00",
            "image": "http:\/\/ivanzviahin.by\/blog\/pictures\/status.jpg",
            "_date_published_rfc2822": "Sat, 06 Feb 2021 13:01:59 +0000",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "146",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": true,
                "links_required": [],
                "og_images": [
                    "http:\/\/ivanzviahin.by\/blog\/pictures\/status.jpg",
                    "http:\/\/ivanzviahin.by\/blog\/pictures\/ms.jpg",
                    "http:\/\/ivanzviahin.by\/blog\/pictures\/ps_1.jpg",
                    "http:\/\/ivanzviahin.by\/blog\/pictures\/essence.jpg",
                    "http:\/\/ivanzviahin.by\/blog\/pictures\/fin.jpg",
                    "http:\/\/ivanzviahin.by\/blog\/pictures\/status-2.jpg",
                    "http:\/\/ivanzviahin.by\/blog\/pictures\/photo.jpg"
                ]
            }
        }
    ],
    "_e2_version": 3849,
    "_e2_ua_string": "E2 (v3849; Aegea)"
}