Ключевая деятельность моего отдела в компании Artics — проектирование пользовательских интерфейсов. В основном это веб-технологии — веб-приложения, порталы, интранет-сайты, веб2.0-сервисы и т.п. Сам по себе процесс проектирования достаточно обширный — и по количеству этапов, и по тем факторам, что учитываются в его ходе, и по используемым инструментам. Многое из этого я описывал в своем блоге. […]

Categories: Пользовательские интерфейсы · Проектирование · Прототипы · Теория · Юзабилити

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

Categories: Пользовательские интерфейсы · Проектирование · Прототипы · Теория · Юзабилити

В первой части материала я расписал цели создания интерактивного прототипа. Теперь расскажу о процессе работы над ним в нашей компании. Работа над интерактивным прототипом начинается после того как спроектированы схемы страниц (wireframes) и отрисован их визуальный дизайн. Процесс в среднем длится пару недель, после чего начинается его самостоятельное плавание. Модель интерфейса изучают и комментируют заказчик, […]

Categories: Пользовательские интерфейсы · Проектирование · Прототипы · Теория · Юзабилити

Проектирование интерфейсов — один из ключевых процессов в нашей компании. Причем непосредственно разрабатываем мы не все проекты — для многих готовится только модель интерфейса, проектная документация, оценка стоимости и сроков реализации. Интерфейсная модель может быть статичной или интерактивной. В первом случае это схемы страниц (wireframes), во втором — интерактивные прототипы. Создавать последние в достойном виде […]

Categories: Пользовательские интерфейсы · Проектирование · Прототипы · Теория · Юзабилити

Одним из самых плотных по вовлечению и продолжительности проектов был для меня Project Management Center. Те полгода активных обсуждений, аналитики, проектирования и экспериментов помогли создать мощную базу наработок для всего процесса работы над интерфейсами. Все это в условиях двойного давления по времени — компании нужно было как можно скорее запустить новую версию системы, а мне […]

Categories: Wireframes · Пользовательские интерфейсы · Портфолио · Практика · Проектирование · Прототипы · Юзабилити

Второе решение презентационного вопроса для проекта (см. первую часть материала) — раздача демо-материалов. Еще лучше, когда перед этим прошел личный рассказ о системе (см. вторую часть материала). Хотя раздаточные материалы предназначены во многом для тех, кто этот рассказ пропустил.

Categories: Демонстрационные материалы · Пользовательские интерфейсы · Практика · Презентации · Прототипы

Есть два решения презентационного вопроса для проекта (см. первую часть материала). Как раз по одному на каждый способ демонстрации — личный рассказ и раздача материалов. В первом случае нужно поддержать слова рассказчика иллюстрациями в динамике. Во втором — важно дать презентуемому путеводитель по основным функциям системы, которые мощно пощупать в прототипе.

Categories: Демонстрационные материалы · Пользовательские интерфейсы · Практика · Презентации · Прототипы

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

Categories: Демонстрационные материалы · Пользовательские интерфейсы · Практика · Презентации · Прототипы