Коротко рассказываю, чем отличаются выделение жирным и курсивом. Минуточка с курса:
Это фрагмент № 96 онлайн-курса «Пользовательский интерфейс и представление информации». Записано на курсе 11 ноября 2022 года.
До 21 апреля идёт запись на курс, который пройдёт с 22 апреля по 21 мая.
Программа, отзывы, запись
Участница сделала работу, а я рассказываю, что с ней не так. Получилось длинное рассуждение про инфографику и её задачи. 12 минут, но вроде интересно:
Это фрагмент № 95 онлайн-курса «Пользовательский интерфейс и представление информации». Записано на курсе 11 ноября 2022 года.
До 10 марта идёт запись на курс, который пройдёт с 11 марта по 10 апреля.
Программа, отзывы, запись
Вот вам рассказ на 8 марта. Как-то шумела очередная история то ли про неуместные комплименты, то ли про домогательства на работе. Мы обсуждали историю с подругой, в том числе грань приличия, и я спросил:
— А если коллега тебе подаст и поможет надеть пальто, ты как это воспримешь?
Она однозначно ответила, что точно такого бы не хотела и отнеслась бы настороженно. «Я что, без рук? Чего он ко мне лезет?» Тут стоит отметить, что подруга — продвинутая московская айтишница лет двадцати пяти.
А потом я задал этот же вопрос другой знакомой. И она сказала, что конечно же ей это будет приятно! Более того, если коллега-мужчина в ситуации, когда они одновременно собираются, не подаст ей пальто, она решит, что он плохо воспитан. Тут стоит отметить, что эта знакомая — тоже продвинутая московская айтишница лет двадцати пяти.
Как говорится, выводы делайте сами.
А женщинам всех взглядов хочется пожелать внимательного отношения и уважения к этим взглядам со стороны окружающих.
Отвечаю на вопрос студента о том, что прочитать, чтобы прокачать эстетику интерфейса. Говорю, что почитать надо про вёрстку, а потом для начала освоить использование стандартных элементов. Провожу аналогию с буквами шрифта, которые мы берём готовые, и ничего. Рассказываю о том, как попрактиковаться в эстетике. 4 минутки:
| 00:00 | Почитать — про вёрстку |
| 00:32 | Элементы интерфейса — это как буквы в шрифте: можно взять чужие |
| 01:54 | Практикуйся. На что придётся обращать внимание, чтобы срисовать заурядный экран настройки Айфона |
Это фрагмент № 91 онлайн-курса «Пользовательский интерфейс и представление информации». Записано на курсе 19 августа 2022 года.
До 10 марта идёт запись на курс, который пройдёт с 11 марта по 10 апреля.
Программа, отзывы, запись
Готова Эгея 11.0 (сборка v4079).
Обновились страницы «Фичи» и «Стать пользователем».
Эта заметка подытоживает предыдущие анонсы: альфа, альфа 2, бета. В конце — про новые цены.
В прошлой версии 2.10 появились рекомендации и перебивки — крутейшие инструменты, благодаря которым читатели могут находить хорошие заметки в вашем блоге независимо от того, когда они были написаны. А что нового в 11.0?
Главное меню — очередной важный шаг для улучшения навигации. Это снова для тех, для кого блог — инструмент, а не просто игрушка. У меня-то на сайте давно есть навигация по темам блога — важные теги вынесены наверх. Но у меня это было сделано вручную. Вы такое тоже могли заверстать в своей теме оформления.
А теперь ничего и верстать не надо — Главное меню есть в Эгее «из коробки»:
Если самая верхняя заметка не заинтересовала читателя, теперь видна альтернатива, а значит меньше шансов, что читатель уйдёт. Меню помогает понять, что интересного в блоге, и подталкивает к тому, чтобы проявить ещё большее любопытство.
В этом примере в начале меню стоит Избранное, а потом — любимые теги автора. Можно походить по тегам и посмотреть, какие есть заметки по разным темам:
Смотрите, какое чистенькое и аккуратненькое меню! Но при этом умное и функциональное.
Понятно, что когда ты ткнул в тег в меню, ты попадаешь на его страницу, и в меню этот пункт подсвечивается. Но даже если просто читать какую-то заметку, тег которой закреплён в меню, будет видно, что ты как бы в этом разделе. Да, если таких тегов несколько, подсвечиваются они все:
При этом и на них можно ткнуть и перейти на общую страницу тега. Это всё тоже подталкивает к тому, чтобы походить по блогу и почитать ещё заметки.
Меню включается в Настройке, вот так:
Как видите, гибкость довольно большая: в меню можно добавить разные системные страницы. Наконец-то до Избранного, Обсуждаемого, Популярного будет легко добраться. Страница с полным списком тегов раньше пряталась за иконкой внутри поля поиска, а теперь её тоже можно показать в меню.
Если включить вообще всё и добавить кучу тегов, меню может получиться длинным:
Предполагаю, что «вообще всё» мало кому понадобится, но это дело автора. Вам не нужно думать, влезет ли меню у читателей с узким экраном. Не влезет — будет красиво прокручиваться прямо в своей строке.
Более того, если открыть страницу, которая есть в меню, меню обязательно сразу же откроется прокрученным так, чтобы выбранный пункт было видно (за такие вещи вы и любите Эгею):
Чтобы тег попал в меню, его нужно «закрепить» вот этой кнопкой:
Заходите на страницу любого тега через список под заметкой, через связанные теги или через поиск, и жмёте там. Надоел тег в меню — заходите в него и жмёте ещё раз. Эта кнопка показывается, только если есть само меню.
Автор блога расставляет пункты меню в любом порядке простым перетаскиванием:
Главное меню и закреплённые теги будут доступны только в платной версии. Пользователи лайт-версии увидят такое:
Если вы пользовались закреплёнными тегами раньше в бесплатной версии, расскажите мне, как именно. Но вроде никому до них не было дела.
Если вы включили Главное меню в Настройке, но не выбрали ни одной специальной страницы, и закреплённых тегов у вас нет, то меню тоже отображаться не будет, потому что там нечему отображаться. Также главное меню не будет показываться, пока в блоге нет заметок. Это общий принцип: Эгея не показывает элементы управления, которые ведут «вникуда». Например, поиск тоже не отображается, пока заметок нет. И кнопочка черновиков появляется только когда появляются черновики. Но пункты меню всё-таки будут показываться все, которые вы выбрали, даже если их страницы пустые. Иначе будет ощущение неуправляемости: включаешь «Обсуждаемое», а оно не показывается фиг пойми почему.
Поиск стал немодальным! То есть не нужно сначала тыкать в поле поиска, а потом начинать писать запрос. Любой ввод на странице сразу интерпретируется как поиск. Просто жмёшь букву «щ», и она сразу оказывается в поле поиска.
Я это изобрёл когда-то для торгового терминала «Маркетс», который мы делали в бюро. Потом у нас так стал работать поиск во всех бюрошных книгах. Так должно работать всё. Это чувство лёгкости ни с чем не сравнить.
Как вы могли заметить, когда есть меню, поиск показывается прямо в нём, и всё вместе выглядит очень опрятно:
Если меню нет (выключено или лайт-версия), поиск остаётся в уголке, как раньше, но немодальность работает в любом случае.
Есть ещё одна мелкая приятность, связанная с поиском. Бывает, начинаешь писать заметку, а надо поискать что-то в предыдущих заметках. Раньше приходилось открывать ещё одну вкладку, и там уже искать, чтобы не «перебить» редактор заметки результатами поиска.
Теперь можно искать прямо в редакторе. Эгея автоматически открывает результаты поиска в новом окне, если вы пытаетесь искать из редактора или любой другой формы. Чтобы вы были уверены, что Эгея всё понимает правильно, она даже показывает иконку, что результаты откроются в новом окне:
Заботушка.
Один из возможных пунктов Главного меню — «Календарь». Он открывает доступ к навигации по датам:
На этом примере мы перешли в «Календарь» — открылся день, когда была написана последняя заметка (на момент снятия скриншота). Видны заметки за день, можно перейти к другому дню, а также вверх к любому месяцу или году. Видно, если в какие-то даты не было заметок. А снизу есть навигация влево-вправо по соседним датам. Она же работает по альт-стрелкам аналогично тому, как можно альт-стрелками ходить по заметкам.
Как ни странно, в каком-то виде это всё было и в предыдущих версиях. Давным-давно в Эгее заметки получали адреса вида /год/месяц/день/номер/. Соответственно, до любой части адрес можно было стереть, и открывался список заметок за соответствующий день, месяц или год. Когда Эгея перешла на текстовые адреса заметок, мало кто мог догадаться сходить по урлу типа /2019/05/. А теперь такое можно просто натыкать.
Вот страница 2018-го года, например:
Альт-стрелками тут можно листать годы. Строчки календаря сделаны из того же компонента, что и Главное меню, поэтому умеют прокручиваться, если в них всё не влезает. Я веду блог с 2002 года, поэтому годы у меня не влезают никуда.
Как видите, календарь работает и без Главного меню (если выключено или лайт-версия). Но придётся догадаться, как туда зайти.
Теперь теги можно делать скрытыми, как последний тут:
Скрытые теги видны только автору, но учитываются при формировании рекомендаций. Вы можете щедро разметить заметки тегами для повышения качества рекомендаций, но при этом не заваливать ими читателей.
Ещё иногда сомневаешься, дать ли тег заметке: будут ли ещё заметки с таким тегом или эта останется единственной и тег просто болтаться будет мусором? Теперь можно просто дать скрытый тег, а потом, если дозреет, открыть для всех.
Чтобы тег стал скрытым, нужно его назвать с точкой в начале:
Почему такой «программистский» интерфейс, а не красивый тумблер как-нибудь? А потому так намного удобнее писать в строчку — ничего настраивать не надо! При этом точка не является частью названия, это именно интерфейс скрытия такой. Нельзя, например, добавить два тега, отличающихся только точкой в начале.
Если потом тег захочется открыть, можно зайти в его карандашик и убрать эту точку:
Точно так же можно добавить точку уже существующим тегам, и они скроются.
Скрытые теги невозможно закрепить в Главном меню. Ленты заметок по скрытому тегу видны тоже только автору (остальным видна страница 404):
В Эгее появился фоновый мониторинг беззащитности. Подробно писал о нём, когда рассказывал про альфа-версию.
Ещё одно улучшение — в настройке параметров доступа к базе данных раньше был виден пароль от базы, а теперь нет:
Конечно, сам этот экран доступен только автору. Но вдруг злоумышенник подошёл к компьютеру автора, пока тот отошёл, и сфоткал себе пароль от базы? А ведь в базе кроме Эгеи может быть и что-то ещё. Короче, так надёжнее.
И ещё. В недавнем апдейте Эгеи 2.10 были устранены несколько уязвимостей. В 11.0 сделаны несколько внутренних изменений, которые сделают подобные уязвимости менее вероятными в будущем.
Есть ещё куча мелочей, которые не удостоились своего раздела с заголовком. Про эти вы могли уже догадаться, глядя на скриншоты выше. Например, что Эгея-лайт контекстно показывает, что можно было бы сделать в платной.
Появилась фича «Случайная заметка», о которой давно просили. Работает, только если заметок хотя бы 10. Если есть избранные заметки, выбирать случайную будет из них. Это было просто сделать, но я не понимал, куда это поставить, а теперь для этого как раз есть Главное меню.
Новая тема оформления — Галь (голубенькая, это она на скриншотах выше). Поддерживает тёмный режим. Дизайн чекбоксов также осовременился.
Кстати, благодаря прокручиваемому дизайну Главного меню, на мобиле оно работает как родное:
Но обратите внимание, что отступ между пунктами меню чуть больше. Это сделано, чтобы в них было легче попадать пальцем. Зелёные иконки управления тоже «расступаются». Причём на самом деле тут дело не в мобиле, а именно в тач-экране. На 12-дюймовом айпаде тоже будут увеличенные отступы между пунктами меню и иконками управления.
А также:
Эгея теперь поддерживает ПХП 8. Минимальные требования — ПХП 5.6, Майэскуэль 5.6 или МарияДБ 10.1.
Системные и пользовательские темы разделились. Папки /themes/ в корне больше нет, теперь есть /system/themes/ и /user/themes/. Если у вас были свои темы, перенесите их в /user/themes/.
Если у вас платная Эгея и вы использовали subscribe-sheet, то теперь вместо него — follow-sheet. Внесите в него нужные вам изменения.
Теперь заморочка для тех, у кого Эгея больше 9 лет. Перечитайте заметку об окончательном избавлении от Каллиопе в следующей версии. Начиная с Эгеи 11.0 Каллиопе не поддерживается ни в каком виде. Страницы /settings/calliope/ в 11.0 тоже нет. Если вы ещё не прошли через неё, рекомендую сначала поставить 2.10, и разгрести заметки оттуда. Прочитайте там.
Про улучшения в поддержке нескольких блогов на одном сервере, видимо, надо будет писать отдельно.
Самая большая благодарность в этот раз — Нине Папчене. Нина сверстала меню со всем его волшебным и прекрасным поведением.
Также спасибо Арсению Шароглазову за помощь с безопасностью.
Как и обещал, цена годовой лицензии вырастает с сегодняшнего дня.
Теперь есть два тарифа: на полгода за 2699 ₽ (~449 ₽ в месяц) и на год за 3999 ₽ (~333 ₽ в месяц). Также цена больше не зависит от того, ставите ли вы Эгею себе сами или пользуетесь нашим сервисом.
Раньше я относился к бесплатной версии как к основной, и считал, что «а ещё есть платная версия». Теперь основной, полной версией я считаю как раз платную. Бесплатная теперь будет называться «лайт».
Все варианты показаны на странице «Стать пользователем».
Если вы уже хоть раз платили за любую Эгею, для вас действуют специальные условия до конца марта. Даже если у вас уже и так оплачено с запасом, вы можете продлить сервис на год за 1900 ₽ или обычную лицензию на любое количество лет за 3000 ₽ в год. С апреля для вас будут действовать общие тарифы.
Если вы ставили платную альфу или бету и воспользовались заморозкой времени, то с сегодняшнего дня время обратно размораживается.
Если Эгея у вас оплачена, напишите мне, и я дам вам полную версию 11.0 с меню и другими платными фичами.
Если вы пользуетесь сервисом, подождите, пока мы обновим его.
Свежий дистрибутив лайт-версии — в конце страницы «Стать пользователем».
Замените папку /system/ новой.
Если у вас были свои темы, перенесите их в /user/themes/. Теперь можно смотреть изменения с беты и с 2.10.
О предыдущей версии: 2.10.
Есть такое слово — awesome. Типа, «офигенно» или «офигенный». Использовать его лучше осторожно. Оно на самом деле значит что-то в духе «вселяющий трепет», просто используется в таком вот положительном смысле. Слово awful — от того же корня, awe.
Зачем это знать? Например, чтобы засомневаться в уместности. Вот по-русски можно сказать «я страшно рад» или «мне ужасно повезло» (хотя страх и ужас тут ни при чём), но вот написать неуверенной в себе подруге, что она «страшно красивая», может, и не лучшая идея.
Хочу сделать нормальный пульт, продумать сценарии, избавиться от инструкции.
Сейчас эти системы делают программисты, максимально далёкие от людей. Настроить ничего этим пультиком без инструкции невозможно. С инструкцией тоже.
Ничего не продумано для жизненных сценариев. Иногда машина глохнет, когда ты в неё сел ехать, потому что таймер как раз истёк. Забежать на минутку в аптеку, чтобы машина не глохла в это время — нельзя. При удалённом запуске не включается подогрев руля и сиденья. Ну, не подумали о таком! А чём вы вообще подумали?
За каким-то хреном эта система ещё и объединена с сигнализацией, хотя сигнализация машине просто вообще низачем не нужна никогда. В моей вот системе иногда срабатывает сигнализация, когда я открываю машину с пульта.
В общем, я бы переделал с нуля просто, и чтобы продавать можно было вдвое дороже. Передайте там, кому надо?
Можно уважать традиции платформы: на Айфоне делать по-айфоновски, на Андроиде — по-андроидному. А можно везде делать по-своему. А можно наполовину. Как выбрать между этими вариантами? Заодно наезжаю на дебильную гуглевскую анимацию, которую он затащил даже в Айфон, хотя никто не просил. И вспоминаю Айтюнс под Виндоус. 5 минут:
Это фрагмент № 83 онлайн-курса «Пользовательский интерфейс и представление информации». Записано на курсе 10 июня 2022 года.
До 27 января идёт запись на курс, который пройдёт с 28 января по 26 февраля.
Программа, отзывы, запись
На интерфейсную задачу есть смысл смотреть с двух сторон. С одной стороны, нужно найти решение на уровне сценария. Как пользователь будет делать то, для чего он пришёл в интерфейс: какую последовательность шагов проходить, какие данные вводить, какие получать. С другой стороны, для любого шага нужно найти пространственное решение: как будут организованы на экране данные и элементы управления, как экран будет свёрстан.
Эти вещи взаимосвязаны, но иногда стоит искусственно в своей голове их разделить. Прям представить для начала, что любая пространственная задача нипочём, и нужно понять только сам сценарий. А потом представить, что сценарий зафиксирован, и нужно сверстать шаги именно такими, какими требует сценарий.
Почему это полезно: потому что иначе дизайнер может не заметить, что ухудшил сценарий только из-за того, что не смог сверстать экран. Например, не хватило места на экране — разделили процесс на два шага, хотя по смыслу это ни для чего не нужно. Неопытный дизайнер может просто даже неотрефлексировать, что он ввёл лишний шаг только из-за того, что не справился с вёрсткой. Точнее, вообще не осознать, что шаг лишний, ведь сложность вёрстки сама по себе выглядела естественным основанием для введения ещё одного шага.
При этом я не говорю, что так делать никогда нельзя. Просто важно хотя бы отдавать себе отчёт в том, что ты решил пространственную задачу сценарно (то есть как бы не решил, а просто ушёл от неё). Тогда, например, если ты сделал такое для тесного телефона, то, возможно, в полноэкранной версии ты не будешь это повторять, а вернёшь вариант в один шаг.
