Burlesck

burlesck


Алексей Егоров


Сверстал РенКредит
Burlesck
burlesck

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


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


Color Point 5.1
Burlesck
burlesck

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

Color point

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

Страничка для скачки — cpoint.narod.ru.

Проектирование
Burlesck
burlesck
Проектировать под себя так же безответственно, как под себя ходить. Самому неприятно и окружающим неудобно.
Tags:

Учётка в парикмахерских салонах
Burlesck
burlesck

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

Экран учёта по мастерам. Именно он больше всех используется в системе


Постепенное обогащение основного экрана информацией


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


Редизайн «партнёрки» для Авивы
Burlesck
burlesck

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

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

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

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

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

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

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

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

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



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


Дизайн
Burlesck
burlesck
Можно сказать, что дизайн должен делать красиво, и это будет неверно.
Можно сказать, что дизайн должен делать удобно, и это тоже неверно.
Дизайн должен помогать достижению цели.
Tags:

Эргономическая оптимизация CreditInfo
Burlesck
burlesck

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

Было

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

Стало

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

Дальше — таблица кредитов:

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

На десерт — страничка кредита:

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

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


КУС-КУС
Burlesck
burlesck
Пара вариантов таблицы результатов для КУСа бюро Горбунова.

Впрочем, оба пришлись не по вкусу.

Аудиоплеер
Burlesck
burlesck

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

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


Уровень общения и семантический дрейф элементов UI
Burlesck
burlesck

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

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

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

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


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

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

  ↔  

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

  ↔  

You are viewing burlesck