Процесс разработки интерфейса

Краткий конспект вчерашней лекции для 5-го курса на отделении веб-дизайнеров.

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

Главное — на каждом этапе осознавать, что дизайн — это не оформление и разукрашивание как таковое, это создание полезной, удобной и эстетически привлекательной вещи — именно с такой иерархией приоритетов.

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

Второй — исследование/анализ: задачи, предполагаемой целевой аудитории, существующих аналогов и взаимосвязи этих трёх пунктов.

Третий: разработка семантической структуры интерфейса. Когда будущий интерфейс без учёта дизайна разбивается на ряд семантических блоков (функционально значимых элементов), после чего выстраиваются их взаимосвязи и приоритеты. Графически это можно изображать как прямоугольники, в которых записаны функции блоков. Прямоугольники располагаются строго друг под другом. Тут нет ни намёка на дизайн. Это нужно, чтобы создать оформительско-независимую структуру. Особенно это актуально при создании сайтов, когда редизайн в будущем предполагается как достаточно высокая вероятность.

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

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