{
    "version": "https:\/\/jsonfeed.org\/version\/1.1",
    "title": "Блоги: заметки с тегом книга «Пользовательский интерфейс»",
    "_rss_description": "Автоматически собираемая лента заметок, написанных в блогах на Эгее",
    "_rss_language": "ru",
    "_itunes_email": "",
    "_itunes_categories_xml": "",
    "_itunes_image": false,
    "_itunes_explicit": "no",
    "home_page_url": "https:\/\/blogengine.ru\/blogs\/tags\/kniga-polzovatelskiy-interfeys\/",
    "feed_url": "https:\/\/blogengine.ru\/blogs\/tags\/kniga-polzovatelskiy-interfeys\/json\/",
    "icon": false,
    "authors": [
        {
            "name": "Илья Бирман",
            "url": "https:\/\/blogengine.ru\/blogs\/",
            "avatar": false
        }
    ],
    "items": [
        {
            "id": "126259",
            "url": "https:\/\/ilyabirman.ru\/meanwhile\/all\/think-on-12\/",
            "title": "Думаем дальше № 12 — «Без кнопки „Купить“ на сайте жить нельзя» с Женей Арутюновым",
            "content_html": "<p>С Женей Арутюновым меряемся книжками и заодно обсуждаем, что мы за люди.<\/p>\n<p>Все выпуски подкаста:<br \/>\n<a href=\"https:\/\/www.youtube.com\/playlist?list=PLl7kvlp_qh0j9uzQGU2ws4DkBWdbjY1_d\">Ютюб<\/a> · <a href=\"https:\/\/music.yandex.com\/album\/29069497\">Я.Музыка<\/a> · <a href=\"https:\/\/podcasts.google.com\/feed\/aHR0cHM6Ly9jbG91ZC5tYXZlLmRpZ2l0YWwvNTE3MjQ=\">Гугль-подкасты<\/a> · <a href=\"https:\/\/thinkon.mave.digital\">Мейв<\/a> · <a href=\"https:\/\/cloud.mave.digital\/51724\">РСС для подкастного приложения<\/a><\/p>\n<table cellpadding=\"0\" cellspacing=\"0\" border=\"0\" class=\"e2-text-table\">\n  <tr>\n    <td style=\"text-align: left\">0:00<\/td>\n    <td style=\"text-align: left\">Что за <a href=\"https:\/\/arutyunov.info\/ru\/the-complex-designer\">книжку написал Женя<\/a> и где конец этой истории<\/td>\n  <\/tr>\n  <tr>\n    <td style=\"text-align: left\">9:06<\/td>\n    <td style=\"text-align: left\">На какие языки надо переводить книги? Английский, китайский, испанский<\/td>\n  <\/tr>\n  <tr>\n    <td style=\"text-align: left\">13:14<\/td>\n    <td style=\"text-align: left\">Сборник эссе или настоящая книга?<\/td>\n  <\/tr>\n  <tr>\n    <td style=\"text-align: left\">21:59<\/td>\n    <td style=\"text-align: left\">Что значит название «Сложный дизайнер»<\/td>\n  <\/tr>\n  <tr>\n    <td style=\"text-align: left\">23:38<\/td>\n    <td style=\"text-align: left\">Илье не нравится «Будь проще, и люди потянутся», а Женя объясняет, что это значит. Обсуждаем социализацию и разговоры ни о чём<\/td>\n  <\/tr>\n  <tr>\n    <td style=\"text-align: left\">29:37<\/td>\n    <td style=\"text-align: left\">Кирпичи в кофейне<\/td>\n  <\/tr>\n  <tr>\n    <td style=\"text-align: left\">33:21<\/td>\n    <td style=\"text-align: left\">Лайфхак как избавиться от проблемы со структурой<\/td>\n  <\/tr>\n  <tr>\n    <td style=\"text-align: left\">34:54<\/td>\n    <td style=\"text-align: left\">Как Женя написал наивную главу про баланс, ужаснулся и всё переписал. Идея про оргдолг и как вообще жить<\/td>\n  <\/tr>\n  <tr>\n    <td style=\"text-align: left\">43:14<\/td>\n    <td style=\"text-align: left\">Как Илья готовил материал для глав <a href=\"http:\/\/bureau.ru\/projects\/book-metro\/\" class=\"nu\">«<u>Дизайна транспортных схем<\/u>»<\/a><\/td>\n  <\/tr>\n  <tr>\n    <td style=\"text-align: left\">48:01<\/td>\n    <td style=\"text-align: left\">Женя запретил себе читать, пока пишет, а Илья постановил, что его книга должна быть исчерпывающей<\/td>\n  <\/tr>\n  <tr>\n    <td style=\"text-align: left\">50:40<\/td>\n    <td style=\"text-align: left\">Книга <a href=\"https:\/\/bureau.ru\/projects\/book-ui\/\" class=\"nu\">«<u>Пользовательский интерфейс<\/u>»<\/a>: структура и роль Артёма Горбунова<\/td>\n  <\/tr>\n  <tr>\n    <td style=\"text-align: left\">54:35<\/td>\n    <td style=\"text-align: left\">Правки в наших книгах задним числом<\/td>\n  <\/tr>\n  <tr>\n    <td style=\"text-align: left\">55:27<\/td>\n    <td style=\"text-align: left\">Как донести книгу до большего числа читателей: платность и минусы подписочной модели<\/td>\n  <\/tr>\n  <tr>\n    <td style=\"text-align: left\">58:38<\/td>\n    <td style=\"text-align: left\">Кирилл Олейниченко и реклама у Ильи<\/td>\n  <\/tr>\n  <tr>\n    <td style=\"text-align: left\">1:03:34<\/td>\n    <td style=\"text-align: left\">Цена как часть продукта и его вещественности<\/td>\n  <\/tr>\n  <tr>\n    <td style=\"text-align: left\">1:07:55<\/td>\n    <td style=\"text-align: left\">Сомнения в себе и разговор Ильи с маминой подругой<\/td>\n  <\/tr>\n  <tr>\n    <td style=\"text-align: left\">1:18:39<\/td>\n    <td style=\"text-align: left\">Про слова «зачем» и «почему»<\/td>\n  <\/tr>\n<\/table>\n",
            "date_published": "2024-03-14T13:18:33+05:00",
            "date_modified": "2024-04-06T14:18:17+05:00",
            "tags": [
                "Думаем дальше",
                "книга «Дизайн транспортных схем»",
                "книга «Пользовательский интерфейс»"
            ],
            "author": {
                "name": "Илья Бирман",
                "url": "https:\/\/ilyabirman.ru\/meanwhile\/",
                "avatar": "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/userpic\/userpic@2x.jpg?1573933764"
            },
            "_date_published_rfc2822": "Thu, 14 Mar 2024 13:18:33 +0500",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "126259",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": false,
                "links_required": null,
                "og_images": []
            }
        },
        {
            "id": "124959",
            "url": "https:\/\/ilyabirman.ru\/meanwhile\/all\/ui-course-frag-130\/",
            "title": "На интерфейсном курсе: как сделать сетку в форме",
            "content_html": "<p>Показываю, как навести порядок в размерах полей в форме. Это есть у меня в книге «Пользовательский интерфейс», поэтому показываю прямо из неё. А потом ещё показываю, как это же работает в Эгее. 3 минуты:<\/p>\n<div class=\"e2-text-video\">\n<iframe src=\"https:\/\/www.youtube.com\/embed\/ublwi2BmrH0?enablejsapi=1\" allow=\"autoplay\" frameborder=\"0\" allowfullscreen><\/iframe>\n<\/div>\n<p>Это фрагмент № 130 онлайн-курса «Пользовательский интерфейс и представление информации». Записано на курсе 8 сентября 2023 года.<\/p>\n<p>Книга: <a href=\"http:\/\/bureau.ru\/projects\/book-ui\/\" class=\"nu\">«<u>Пользовательский интерфейс<\/u>»<\/a><\/p>\n<p>До 22 декабря идёт запись на курс, который пройдёт с 23 декабря по 21 января.<\/p>\n<p>Дед Мороз принесёт вам мешок новых знаний!<\/p>\n<p><a href=\"http:\/\/bureau.ru\/educenter\/ui-online\/\" class=\"button buy-button big-button\">Почитать о курсе<\/a><\/p>\n<p class=\"foot\">Программа, отзывы, запись<\/p>\n",
            "date_published": "2023-12-15T20:09:26+05:00",
            "date_modified": "2023-12-15T20:09:11+05:00",
            "tags": [
                "веб-формы",
                "видео",
                "дизайн",
                "книга «Пользовательский интерфейс»",
                "пользовательский интерфейс",
                "студентам",
                "фрагменты курса ПИ"
            ],
            "author": {
                "name": "Илья Бирман",
                "url": "https:\/\/ilyabirman.ru\/meanwhile\/",
                "avatar": "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/userpic\/userpic@2x.jpg?1573933764"
            },
            "_date_published_rfc2822": "Fri, 15 Dec 2023 20:09:26 +0500",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "124959",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": false,
                "links_required": null,
                "og_images": []
            }
        },
        {
            "id": "119774",
            "url": "https:\/\/ilyabirman.ru\/meanwhile\/all\/modalnost-i-redaktor-vim\/",
            "title": "Модальность и редактор «Вим»",
            "content_html": "<p>Читатель книги «Пользовательский интерфейс» Валентин Немцев написал мне интересное письмо про модальность и редактор «Вим». С разрешения Валентина привожу его целиком:<\/p>\n<blockquote>\n<p>Илья, привет!<\/p>\n<p>В Пользовательском интерфейсе ты упомянул редактор vi и его режимы для вставки и редактирования текста. Мне показалось, что ты считаешь, что модальные текстовые редакторы морально устарели.<\/p>\n<p>Я пользуюсь исключительно vim (современная версия vi) для написания кода и хочу рассказать, почему я предпочитаю его всем другим редакторам кода, несмотря на модальность, надеюсь, это будет интересно.<\/p>\n<p>Работа с кодом сильно отличается от работы с обычным текстом: программист редко пишет больше нескольких строчек кода подряд и постоянно вносит довольно сложные и разнообразные правки. В этой ситуации помогает интерфейс, в котором почти на каждую букву назначена команда, которая двигает курсор, меняет текст или делает что-то еще, а для ввода текста сделан отдельный режим. Команды vim вместе образуют что-то вроде языка редактирования текста, знание которого позволяет чувствовать себя свободно при правке кода. Кроме того, для ввода команд мне не нужно тянуться к стрелочкам или мышке, зажимать больше двух клавиш за раз, делать что-то с зажатой кнопкой или нажимать одну и ту же кнопку больше 2-3 раз подряд, как получается в обычных редакторах.<\/p>\n<p>Теперь про модальность. Продвинутые пользователи vim очень редко совершают модальные ошибки. Дело в том, что режим вставки не является режимом в строгом смысле, согласно определению Раскина. Этот режим включают только на время ввода текста, а так как за раз вводится небольшое количество текста, переход в режим вставки, ввод текста и выход из него становятся одним жестом. Это все работает, если ты выучил vim, умеешь печатать вслепую, ну или достаточно уверенно, иначе ввод текста не становится частью жеста и все разваливается.<\/p>\n<p>На самом деле в vim больше десятка режимов, они включаются по-разному, но все они отключаются возвратом в нормальный режим, часть автоматически, когда vim распознает конец команды по смыслу, часть — нажатием esc. Вставка текста ощущается как ввод чего-то в Spotlight, где ты не забываешь нажать enter после окончания ввода. Индикация режимов существует, но нет нужды ей пользоваться. В случае, если в ответ на команду происходит что-то не то (например, из-за опечатки), я нажимаю esc, чтобы вернуть редактор к известному состоянию, после чего отменяю последнюю правку, если она случилась и пробую еще раз.<\/p>\n<p>Вот пример относительно частой операции: я хочу заменить строку в кавычках (включая кавычки), внутри которых сейчас стоит курсор, на имя переменной var. Для этого я набираю ca&quot;var<esc>, что можно читать как change text around quotes to «var». Vim переходит в режим вставки после нажатия &quot;, я нажимаю esc, чтобы вернуться в нормальный режим. Описанная выше команда (включая возврат в нормальный режим) вводится в один жест, я не задумываюсь над последовательностью кнопок, не смотрю на индикацию текущего режима и никогда не забываю нажать esc в конце.<\/p>\n<p>Другие интерфейсные решения vim-а позволяют мне отменить операцию из примера выше целиком, одной кнопкой повторять эту же операцию в других местах с другими строками (не вводя опять имя переменной), вставить замененный текст с кавычками куда-нибудь еще, скажем, в присвоение переменной.<\/p>\n<p>Может показаться, что сэкономленное этими фишками время не стоит инвестиций на преодоление высоченного порога входа, и вообще, скорость печати и редактирования не так важны в программировании. Польза vim в том, что он позволяет не отвлекаться на редактирование программы и высвобождает внимание — самый ценный ресурс программиста, вложения в который окупаются многократно.<\/p>\n<p>Дурная слава vim во многом появилась потому что во многих серверных ОС он установлен редактором по умолчанию, из-за чего команда редактирования из консоли какого-нибудь файла с настройками приводит к ситуации, когда пользователь видит содержимое файла, но все попытки что-то сделать, или хотя бы выйти из редактора приводят либо к случайной порче текста, либо к пищанию терминала, справка или пояснение отсутствуют, что гуглить — непонятно, а просто закрыть терминал тоже страшно, потому что вдруг уже что-то сохранилось, и потом не зайдешь обратно. В общем, кошмарный UX, даже по меркам серверных ОС.<\/p>\n<p>Последний на сегодня интересный факт про vim — его первую версию, vi, создали 40 лет назад для терминалов, у которых появился монитор вместо принтера (отсюда название, visual), а на клавиатуре не было стрелок. Современные версии vim до сих пор используют текстовый программный интерфейс, сделанный для терминалов тех лет. Несмотря на то, что этот интерфейс с тех пор получил поддержку мыши и другие обновления, по своей сути этот интерфейс ближе к телеграфу, чем к современным графическим интерфейсам. MacOS и встроенный в нее Terminal с запущенным vim, работающий на современном макбуке, до сих пор во многом эмулирует клавиатуру и принтер, подключенные по телефонному проводу к мейнфрейму с UNIX.<\/p>\n<p>Спасибо за отличную книгу!<\/p>\n<\/blockquote>\n<p>Это всё мне напомнило мои рассуждения <a href=\"https:\/\/ilyabirman.ru\/meanwhile\/all\/cdj-design\/\">про интерфейс пионеровских «Сидиджеев»<\/a>. В заметке я писал, что их интерфейс модален и рассказывал про разные его режимы. Но позже я понял, что на самом деле модальности там нет, потому что в каждый момент времени режим является непосредственным предметом моего внимания, а для модальности необходимо, чтобы режим я не осознавал. Я про такое ещё писал <a href=\"https:\/\/ilyabirman.net\/meanwhile\/all\/is-ios-scrolling-modal\/\">в заметке про прокрутку<\/a>.<\/p>\n<p>Вероятно, продвинутые пользователи «Вима» на самом деле как-то так работают, что для них режим его работы — это не какой-то внешний фоновый фактор, а очень чётко осознаваемая ситуация, поэтому ошибок и не возникает.<\/p>\n",
            "date_published": "2017-12-18T23:04:06+05:00",
            "date_modified": "2023-05-31T17:22:26+05:00",
            "tags": [
                "книга «Пользовательский интерфейс»",
                "модальность",
                "пользовательский интерфейс"
            ],
            "author": {
                "name": "Илья Бирман",
                "url": "https:\/\/ilyabirman.ru\/meanwhile\/",
                "avatar": "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/userpic\/userpic@2x.jpg?1573933764"
            },
            "_date_published_rfc2822": "Mon, 18 Dec 2017 23:04:06 +0500",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "119774",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": false,
                "links_required": null,
                "og_images": []
            }
        }
    ],
    "_e2_version": 4079,
    "_e2_ua_string": "Aegea 11.0 (v4079e)"
}