burlesck

Новый сайт Ренессанса Кредита выложили в сеть. Версталось по заказу RHSoft. Разделы постепенно меняются со старых на новые.

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

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

Я лично все восемь лет её существования пользуюсь ей для узнавания цвета при вёрстке.

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

Конечного результата не вышло, а получились картинки,
1) дающие возможность на себе почеркать, чтобы было не как нарисовано, а как надо,
2) помогающие заказчику сосредоточиться над вопросом, решение какой задачи ему всё-таки нужно.

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

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

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

Таблица закупок

Объявляемые покупателями закупки включают не только перечень товаров, сроки, предполагаемую цену и условия доставки, но и могут по-разному выставляться: как аукцион, предварительный сбор котировок или конкурс.

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

Требовалось наглядно и сжато показать все детали текущего состояния процесс закупок всем его участникам.

Страница закупки
Компактность уступила место развёрнутости, а структурная подача — последовательному изложению.

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

Система ведения клиентов — любимая жертва и частый кошмар проектировщика интерфейсов.

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

По примеру поисковых систем сделаем форму поиска двуликой. В сокращённой оставим поля, которые практически идентичны для разных продуктов клиента. (Подписи будут немного меняться, но это не страшно. Оператор всё равно смотрит на них только один раз.)
Форму расширенного поиска «причешем». Теперь в ней всё логично, а назначения полей сразу бросаются в глаза.

Сгруппированные поля легче анализировать, а места они занимают меньше. Строки уже посещённых страниц становятся серыми. Также серым «красятся» повторения имени клиента в последовательно идущих строках.

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

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

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

Но как только ими начинаешь пользоваться, сразу возникает масса различий и непоправимых особенностей 8). Дьявол — в мелочах.

Недавно один человек меня спросил: чем отличается флажок (чекбокс) от радиокнопки. Я и ответил, что, в общем-то, ничем, и всё зависит от того, в каком окружении элемент употребляется, от того, как это окружение организовать.

А потом вот подумал, что перед тем, как что-то отвечать, необходимо узнать собеседника, уровень его подготовки и контекст вопроса. В самом деле, очевидно, что сравнивать, скажем, «да» и «или» странно. Во-первых, они совсем разные, а во-вторых, сами по себе ничего не значат. Смысл им придаёт окружение.

Остаётся вопрос: как выяснить без долгих расспросов и предварительных объяснений (может быть совершенно лишних для собеседника, а потому скучных), что отвечать человеку, задающему подобные вопросы? Как дать собеседнику пищу для размышления и одновременно не сказать что-то крамольно-непонятно, если ты видишь его впервые?

Как вы поступаете в таких ситуациях?

А если говорить об элементарной функции, то как по-вашему: существует ли уже сейчас разница в употреблении вот таких, некогда совершенно разных элементов?

Кнопка и ссылка:

  ↔  

Пиктограмма и активный элемент управления:

  ↔