На этой неделе мы открыли часть второго раздела электронного учебника «Пользовательский интерфейс». Второй раздел называется «Взаимодействие», а новые главы — «Близость», «Прицеливание» и «Информативность».

Первый раздел был посвящён общим принципам, а во втором мы переходим к практическим приёмам дизайна экранного интерфейса. В опубликованных главах речь о расположении и содержании элементов интерфейса.

Мы рассказываем, как группировать и выравнивать кнопки и поля, как упрощать попадание в них мышью и пальцем, как писать на них меньше, сообщая при этом больше полезного.

Часть главы об информативности посвящена развенчанию мифа о семи элементах. Возможно, вы слышали о таком «золотом правиле юзабилити», по которому в меню должно быть не больше семи пунктов, а на тулбаре не больше семи кнопок. Мы рассказываем, почему это чушь.

Ещё привлекаем внимание к мелочам:

В конце опубликованных глав — тест по материалу из них.

У тех, кто оформил предзаказ, время подписки пока не тикает, а первый и теперь часть второго раздела уже есть. Если это вы, бегите читать!

Из аэропорта Копенгагена в центр города можно за 15 минут доехать на метро. И выглядит это так:

Бесплилотный поезд и освещаемые тоннели — кайф.

Марк Родионов написал в фейсбуке про навигацию по сторонам света:

Я проводил тесты. Смешанное использование и сторон света, и конечных повышает процент верно принятых решений на 30%. И сильно опускает процент не принявших никакого решения. Распределение примерно такое: только стороны света — 60 верных, 15 отказов; только конечные — 55 верных, 20 отказов; оба способа на одном указателе одновременно — 85 верных 5 — отказов. Это примерная выжимка из трёх разных опросов в разное время которых приняли участие в сумме около 300 человек.

В тех же опросах людей спрашивали, как им удобнее, стороны света или конечные, и, вы не поверите, — 50/50.

Здесь нет одного верного решения. Здесь должно быть понимание, что вот тот парень может думать не так, как ты и твои друзья.

Вентилятор на потолке — недоразумение.

В Штатах такая фигня очень популярна, часто встроена прямо в люстру. Толку от неё вообще никакого, кроме того, что она бесит своим вращением и звуком. Обычный вентилятор, направленный на тебя, конечно, не снижает температуру воздуха, но хотя бы даёт ощущение прохлады, потому что ускоряет испарение с поверхости твоего тела. А этот прибор только перегоняет горячий воздух с потолка обратно вниз.

Хочешь спастись от жары — ставь кондиционер.

Это гостевая заметка. Иван Немытченко написал, как по-простому установить Эгею на собственный виртуальный сервер. Слово Ивану:

«

Многие программисты интересуются дизайном. Я из таких. Лет 10 назад я каждый день читал Лебедева и вообще следил за тем что происходит в дизайне. Я даже купил себе ваком и пару лебедевских розеткусов. Плавно увлечение сошло на нет, но любовь к дизайнерским штукам осталась.

Каждый раз когда Эгея попадалась мне на глаза, я её скачивал, а потом вспоминал что её нужно же как-то куда-то установить, и откладывал в долгий ящик. Если ты программируешь не на ПХП, все эти „залить на хостинг за одну минуту“ становятся от тебя бесконечно далеки.

Выбрать хостера, разбираться как туда чего заливать, осаждать техподдержку когда всё ляжет — бррр! При этом ты знаешь что за те же деньги можешь арендовать мелкий виртуальный сервер, и иметь полный контроль над тем что там происходит. А программисты любят контроль.

Недавно я в очередной раз скачал Эгею и поймал себя на том что у меня на диске уже пять копий её дистрибутива. К счастью, у меня была пара свободных дней, и я решил закрыть этот гештальт с Эгеей, наконец. Конечно же, программистским способом.

Программистский способ

Программистский способ — это:

• арендовать виртуальный сервер с линуксом (Digital Ocean, Linode, Scaleway);
• поставить туда нужные версии Апача, ПХП и MySQL;
• все правильно сконфигурировать;
• и залить туда Эгею.

С этим способом есть проблема: если один раз ты это руками всё проделаешь, это не гарантирует тебе того, что когда тебе понадобится это делать во второй раз, ты чего-нибудь не забудешь.

Можно конечно написать себе инструкцию на будущее. Можно баш-cкрипт. Но есть способ получше: записать инструкции в Ansible playbook.

Кстати, если у вас Эгея уже установлена на обычном хостинге, и вам это нигде не жмет, то вам скорее всего этот способ ни к чему.

Ансибл

Главная фишка Ансибла — отсутствие ручных действий при установке и повторяемость результата. Плейбук — это список инструкций, записанных с помощью специального синтаксиса.

Чтобы составить плейбук, приходится пройти один раз весь путь вручную. Зато после того как инструкции готовы, всё действительно устанавливается за минуту.

Отличие от баш-скриптов в том, что Ансибл до определенной степени гарантирует идемпотентность — т. е. при повторном прогоне скрипта он, например, не будет пытаться создавать папку, если она уже создана, или устанавливать установленный пакет.

Ансибл написан на Питоне, поэтому запускается на любых операционных системах. Я запускал плейбук Эгеи со своего макбука. Все команды Ансибл будет запускать на удалённом сервере по SSH, так что здоровьем своего компьютера вы не рискуете.

Установка Эгеи с помощью Ансибла

Для начала установите Ансибл. На Маке так это делается в две команды:
sudo easy_install pip
sudo pip install ansible

Команда easy_install в Макосе идет в комплекте с предустановленным Питоном, так что пугаться её не стоит. Инструкции для других операционок подсматривайте на сайте Ансибла.

Дальше:

1. Скачайте плейбук с репозитория.
2. Поменяйте значения переменных в секции vars в setup.yml или хотя бы посмотреть на самые важные из них — они понадобятся при первом запуске Эгеи:
   db_name: e2
   db_user: e2
   db_password: secret
3. Запустите плейбук, указав после ключа „-i“ адрес сервера с запятой на конце:
   ansible-playbook -i ’yourdomain.com,’ setup.yml

Должно произойти примерно такое:

После успешного выполнения скрипта можно заходить по прописанному адресу в браузер и пользоваться Эгеей.

Выводы

Это может выглядеть как оверкилл для внешнего наблюдателя, но в этом и есть суть программистского подхода: „лучше день потерять, потом за пять минут долететь“. И во все следующие разы, когда снова понадобится, снова долетать за пять минут.

Если вы, как и я забыли, как устанавливать софт на ПХП на обычный хостинг, то надеюсь что мой плейбук вам поможет, наконец, попробовать Эгею. Ну и если вам нужно будет что-то похожее автоматизировать, теперь вы знаете, куда копать.

P. S. Привет программистам в этом блоге ;-) Читайте мой свежеподнятый блог, в твиттере я @inem. Если интересно почитать ещё что-нибудь программистское, подписывайтесь на мой бесплатный курс для новичков.

»