Dr.Web для Mac OS X Как рождался интерфейс

Работая над интерфейсом для продукта, который предполагается использовать на платформе, принципиально отличной от Windows, мы столкнулись с целым рядом интересных задач

И дело здесь не только в специфике «маковских» интерфейсов – при работе над «лицом» Dr.Web для Mac OS X удалось реализовать и несколько новых идей. Я расскажу вам о том, как появился пользовательский интерфейс первого антивируса для защиты «маков», созданного в России.

К началу разработки интерфейса рабочий прототип антивируса был уже практически написан. Концепция на тот момент была такова: продукты для различных платформ должны быть схожи и объединяться под одним названием – «КонтролЦентр». Что и отразилось на дизайне прототипа (см. рис. 1).

Рисунок 1. Прототип

Поэтому первое, с чем мы столкнулись при работе с прототипом, – его внешний вид имел мало общего со стилем Mac OS X.

Иконки оживают

Для начала мы решили немного оживить иконки, благо сама Mac OS X располагает к красоте и жизнерадостности, а формат и размеры «маковских» иконок позволяют развернуться «на полную» (размеры могут достигать огромных размеров – 512х512 точек).

Образ компьютера мы решили привести к образу Mac. Однако пока мы его рисовали, Apple успела выпустить новый iMac с глянцевыми экранами, так что иконку пришлось переделывать.

Изображая угрозы, мы сразу отвергли пошловатый прием использования значков радиационной и биологической опасности. Хотелось чего-нибудь «эдакого». И «эдакое» родилось – в виде молнии.

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

Рисунок 2. Эволюция иконок

Одно потянуло за собой другое: раз мы изменяем иконку в приложении – надо изменить ее и для панели Dock. Соответственно нарисовали кнопку агента и изменили согласно новому образу анимацию сканирования.