5 заметок с меткой интерфейс

Выбор персонажа

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

— чтобы Катя не знала, кто кого выбрал (до тех пор, пока гости не зайдут в дверь),
— чтобы каждый выбрал персонажа из списка, и при этом не было повторов,
— желательно обойтись без бумажек, звонков и переписки.

Кажется, это идеальные условия для создания онлайн-сервиса:

Онлайн-сервис выбора персонажа написан «на коленке» при помощи jquery, php и mysql. Все запросы идут по ajax. Работает на любых устройствах, где есть интернет. Кате осталось только разместить ссылку вКонтакте — и на следующий день все уже выбрали свои роли.

Да, я был в роли Джека Воробья :) Фотки выложу попозже :)

Браузер из будущего

Вот список функций, которые должны быть встроены в браузер:

  • — удобный просмотр картинок (с зумом и перелистыванием),
  • — аудио- и видеоплеер,
  • — удобная загрузка файлов на сервер,
  • — кнопка «Наверх».

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

Прямые углы в природе

Всё то, что мы видим на экране компьютера или телефона, вписано в прямоугольную рамку. Но является ли такая форма оптимальной для восприятия? Разве так сохраняются в голове визуальные образы (например, красивый пейзаж)?

Удобно в производстве. Неестественно для восприятия.Удобно в производстве. Неестественно для восприятия.

Кстати, этот планшет специально сфоткан под углом (прямоугольник искажён перспективой): такой образ интереснее и приятнее.

Поле зрения

Восприятие начинается с картинки, которую получает наш мозг от каждого глаза. Границы этой картинки называются полем зрения. Вот так выглядит поле зрения у здорового человека:

Границы поля зрения (для белого, синего, красного и зелёного цветов)Границы поля зрения (для белого, синего, красного и зелёного цветов)

Полноценное поле зрения, где хорошо различаются все цвета, представляет из себя круг (в лучше случае овал, но никак не прямоугольник).

Затем мозг анализирует каждый объект, и в частности, его форму (силуэт). При этом не важно, как лежат объекты: в ряд, друг за другом, или свалены в кучу. Даже мозг ребёнка успешно справляется с этой задачей.

▼ Читать дальше

Защита от копирования во флеше

В раскрасках на ejonok.ru многое сделано вручную. Поэтому хотелось максимально защитить свои труды. Известно, что любой элемент из флеш-приложения можно вытащить (с помощью специальных программ). Также известно, что в интернете воруют обычно то, что плохо лежит. Поэтому эффективно работают самодельные методы защиты, незнакомые потенциальному вору.

Разделяем ресурсы

Раньше раскраску можно было скачать и запустить на компьютере «как есть», теперь — нельзя. Одна из причин кроется в разделении флешки на две части: оболочка (интерфейс) + подгружаемый рисунок, доступный только в интернете.

Проверка домена

Оболочка проверяет адрес своего расположения (ejonok.ru) и загружает рисунок. Если запустить оболочку на своём компе или на другом сайте, мы увидим лишь белый экран.

Саму оболочку можно «распотрошить», вытащить оттуда всю графику (кнопочки, плашечки) и скрипты. Кнопочки вряд ли кому-то нужны (есть готовые клипарты), а вот код полезен, потому что в нём зашиты все секреты. Если код изменить до неузнаваемости обфускатором, то разобраться в нём будет очень тяжело.

▼ Читать дальше

Выход из личного кабинета на сайте МГТС

Есть «виндовская» традиция: подтверждать каждый чих пользователя (да/нет/отмена/крестик). По возможности лучше избегать таких окошечек-вопросов.

Достаточно проверить условия:
1) действие нельзя выполнить случайно;
2) действие легко отменить

— если хотя бы одно из них верно, то можно не спрашивать подтверждения перед выполнением этого действия.

В личном кабинете МГТС есть промежуточная страничка, которая появляется по нажатию кнопки «Выход»:

Страница подтверждения выхода из системыСтраница подтверждения выхода из системы

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

Но меня бесит эта страничка по другой причине: зачем после чёткого вопроса на Да/Нет дополнительно объяснять значение кнопок? Это не помогает, а наоборот сбивает с толку, заставляя лишний раз вчитываться в текст.

▼ Читать дальше

Иван ТитовИван Титов
Фрилансер, музыкант, физтех по жизни, семьянин, философ.
© 2004...2017