В техническом задании всего не опишешь. Есть общепринятые моменты, которые могут быть не описаны в ТЗ, но их реализация подразумевается.

Моменты зафиксированные в настоящей статье реализуются в режиме «само собой» в любом из наших проектов.

• 1. Авторизация нажатием по кнопке Enter (на клавиатуре компьютера), не только кликом мышью по кнопке входа.

• 2. Выпадающий список не только выпадает, но и прокручивается.

• 3. Радио-кнопка выделяется не только нажатием на пимпочку, но и кликом по слову.

• 4. Маска телефонного номера в полях ввода телефонного номера.

• 5. Видимая реакция (отклик) при нажатии на кнопку.

• 6. Дату и время (когда видим рядом) отделяют друг от друга два пробела: 03.08.2022 16:06

• 7. Модальное окно исчезает при клике по экрану за пределами модального окна.

• 8. Количество цифр, которое можно ввести в поле ИНН — 12.

• 9. Обязательное для заполнения поле не помечаем звездочкой. Если обязательное поле не заполнено, при нажатии на кнопку отправки формы — подсвечиваем рамку поля красным (при этом отправка формы блокируется).

Дизайнер Константин Коновалов обратил внимание на частую ошибку при дизайне интерактивных карт.

Если делаете булавку на интерактивной карте, её нижний кончик, а не центр, должен быть на нужной локации.

Если же используется иконка без булавочного кончика внизу, то она выравнивается по центру относительно локации.

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

Рабочий чат проекта, это не общий коридор где пересекаются соседи. Это лента конкретных вопросов и ответов. Отпускаем сантименты и переходим сразу к делу.

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

Помогаем улучшить:

Понимаем, что бизнес это живой организм, постоянно развивается и меняется. Нацеливаемся на поток задач, а не однократное сотрудничество.

Так называют процесс сотворения пользовательского опыта из ничего. Когда есть только идея, но как именно пользователь будет взаимодействовать с системой — нет вообще никакого представления.

Мы занимаемся как раз этим — креативим пользовательский опыт.

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

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

Да, мы работаем без актов выполненных работ.

Какую функцию выполняет акт выполненных работ
Актом выполненных работ принято закрывать действие договора.

Действие договора можно закрыть только актом выполненных работ?
Нет. Действие договора может быть прекращено при наступлении любых условий прописанных в договоре. Законодатель не требует, чтобы этим условием был обязательно акт выполненных работ.

И как тогда закрывать действие договора?
Например, так:
Если Заказчик не обратился в Дизайн-бюро с претензиями в течении десяти дней после перечисления второй части оплаты — действие данного договора заканчивается.

Что делать, если бухгалтерия привыкла работать с актами?
Если без акта никак — рекомендуем составить акт об отсутствии акта (в связи с иными условиями прекращения действия договора).

Используем безотказные веб-технологии, успевшие стать классикой:

Акроним LAMP может использоваться для обозначения:
— Инфраструктуры веб-сервера;
— Парадигмы программирования;
— Пакета программ.
Хотя изначально эти программные продукты не разрабатывались специально для работы друг с другом, такая связка стала весьма популярной из-за своей гибкости, производительности и низкой стоимости (все её составляющие являются открытыми и могут быть бесплатно загружены из Интернета).
Википедия

Информация полезна и значима в рамках контекста. Когда нет возможности вывести длинный список однотипных параметров или объектов — используют скрытый список.

На страницах систем управления, скрытые списки можно раскрыть кликом (в отличие от светового короба в метро). Этот подход удобен при сосредоточении большого количества данных.

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

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

Пример
Голландский РЖД начал показывать информацию о загрузке электричек онлайн. Данные берут с датчиков веса и газа CO₂.

Неудобный интерфейс затрудняет взаимодействие пользователя с системой. Конечно, пользователь может преодолеть внутреннее напряжение, потратить больше времени, выругаться, но достигнуть цели. Или может уйти в другой сервис с более удобным интерфейсом.

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

Мне потребовалось совершить простейшее действие — перевести немного денег на Яндекс.кошелек копирайтера. Рассказываю как это непросто сделать в «Альфа клик».

Заходим в интернет-банк. Мне нужно сделать перевод, куда нажимать? Я уже делал перевод этому копирайтеру, еще раз вспоминать номер кошелька не хочу, поэтому ищу шаблон перевода. То, что шаблоны находятся в «Оплате услуг», а не в «переводах» вы догадаетесь когда не обнаружите ничего о шаблонах ни в разделе «переводы», ни в других разделах.

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

Но что это — что за звездочки у названий шаблонов. Если навести курсором на название шаблона с красной звездочкой — видим ссылку «перевести сейчас»:

А если навести курсор на название шаблоне с серой звездочкой — ссылки, сука, нет:

Замечаем чек-боксы. Предполагаем, что… Что мы можем предположить? Что если не отмечен чек-бокс «Альфа-клик», то мы не можем перевести по этому шаблону из интернет-банка, который в банке принято называть «Альфа-клик». Не смотря на то, что это какой-то бред, видимо да — этот шаблон был создан в мобильном приложении, похоже это это «Альфа-мобайл».

Отмечаем чек-бокс «Альфа-клик» — на расстоянии локтя от отмеченного чек-бокса, в правом верхнем углу замечаем кнопку:

Жмем на кнопку, чтобы сохранить изменения — видим иллюстрацию технозависимости. Нам предлагается выбрать способ подтверждения из одного варианта. Также присутствует возможность запросить повторную отправку смс. Но не сразу, а через 0 секунд.

Ура! Теперь Антону можно перевести денег.

Тут все понятно, пишем сумму и переводим. А это что?

Здесь все ясно, сохраняем.

Что? Это как? Я же редактирую шаблон, зачем мне создавать еще один шаблон?

Ладно, отменяю другие даты, хочу оплатить сейчас.

Что? Почему? ААА..

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

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

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

Мы, в маленьком бюро, готовим понятные оферты, которые приятно почитать и безупречные с юридической стороны.

Когда понятно чего хочется, но не ясно «как?» — целесообразно использовать метод гребли по течению. Его суть проста — намечаем цель и плывем к ней по течению. Но не как гавно, а помогаем — гребем веслами.

Намечаем цель, собираем информацию, отмечаем чекпоинты, триггеры уведомлений. Проектируем интерфейсы и архитектуру баз данных, расписываем ТЗ, готовим макеты. Редко бывает так, что сразу понятно, каким будет проект. Главное, донести мысль — какие цели преследуются. Далее — весла опыта и знаний вынесут нас в точку достижения пользы.

Из чего состоит сайт? По большому счету, все что угодно в интернете состоит из нолей и единиц, которые образуют своими сочетаниями мегабайты информации.

Чтобы сделать сайт парикмахерской, нефтяной компании или о талантливом поэте — необходим главный строительный материал, информация. Собирать информацию можно в программе Трелло, она бесплатна.

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

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

В информационные карточки можно вносить не только тексты, но и фото, ссылки, а при некоторой сноровке и диктофонные записи. Можно создать разные колонки: «Доставка», «О компании» и накидывать в эти колонки всю всплывающую информацию и уже потом её осмыслить и выбрать ценное. Инструмент незаменим при сборе тем статей для корпоративных рассылок и последующем отслеживании переработанной информации. Понять принцип работы программы гораздо легче с помощью видео-обзора программы Трелло.

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

Предположим, мы хотим поклеить обои. Какие клеить? Тут зависит от вкуса, настроения, увлечений, чью комнату клеим. Идем в магазин и выбираем из предложенного.

А если бы мы захотели нарисовать обои на заказ? Приходим к художнику и говорим: «нарисуй 2—3 варианта, я выберу». Получилось бы сотрудничество? Скорее нет, при таком подходе.

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

С сайтами аналогично. Если не знаете что хотите, но хотите несколько вариантов дизайна — вам на wix или другую биржу шаблонов. Если знаете что хотите — приходите к нам. Мы прорабатываем один дизайн, но именно тот самый, который будет приносить пользу.

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

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

Идиотека от 13 агуста 2007 года, фото — Алексей Шкляр

Мы, в маленьком бюро, проектируем человеколюбивые интерфейсы. Мы признаем, что человек не совершенен, знаем как устроен мыслительный процесс. Пользуемся акцентами для управления вниманием, не утомляя.

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

Часто сеошников представляют обладателями тайного эзотерического знания. Сайт был сделан, потрачено немало сил. Но он не принес ожидаемого результата, что делать — звать сеошника.

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

Все ли сеошники — астрологи? Нет, но если вам предлагают купить ссылки, написать много-много бессмысленного текста с размазанными по нему ключевыми словами, проверить мета-теги или еще какую-нибудь хрень, знайте — перед вами сео-астролог. Плюс от сотрудничества — самоуспокоение, надолго ли — зависит от ораторских способностей «специалиста».

Мы, в маленьком бюро, совсем не против поисковой оптимизации. Но «продвигать» сайт который провалился, сомнительными способами — все равно что плясать с бубном, чтобы вызвать дождь. Оптимизация сайта под поисковики происходит при его проектировании. Но, стоп, давайте разберемся, что значит «под поисковики».

Суть поискового сервиса — находить те сайты, которые нужны пользователю. На заре интернета поисковики сканировали сайт, анализировали содержание текстов и подписи к картинкам и на основе этих данных формировали результаты поиска. Тогда поисковики можно было легко обмануть, и обскакать конкурентов. Сейчас поисковики смотрят гораздо глубже. Они анализируют поведение пользователя — время на сайте, взаимодействие с сайтом (заполнение форм, внутренние переходы), клики, возвращения, отказы.

Каждый поисковик имеет свой алгоритм определения «нужности» сайта, но их цель общая — поисковики хотят, чтобы первым в результате поиска был сайт точно отвечающий запросу. Точно отвечать поисковому запросу может только сайт, удовлетворяющий потребности пользователей. Мы, в маленьком бюро, не думаем как обмануть поисковик, мы удовлетворяем потребности пользователей.

Мы, в маленьком бюро, особенно ценим клиентов, которые имели опыт создания создания сайта напрямую у программиста. Такие клиенты, на контрасте, особенно ценят удобство взаимодействия и отклик от работы с дизайн-бюро. Многие пытаются разобраться — что это было, почему напрямую с программистом ничего не получалось. А теперь все получается. хотя программирует то в конечном счете все равно программист.

Программист программирует, как строитель строит. Никто не требует от строителя рисовать проекты зданий, но у программиста «собрать» сайт могут легко спросить. Конечно, один программист может стоить как 20 строителей, но функция его прежняя — кропотливо укладывать кирпичики.

К человеку подобного склада нельзя приставать с вопросами вроде «а как лучше организовать интерфейс». Как проще, так и лучше — и это понятная логика. Только проще реализовать не означает проще пользоваться, чаще даже наоборот.