Juras Vetrau Blog. Управление проектами и проектирование интерфейсов Header Image

Entries Tagged as 'Wireframes'

Отрисовка wireframes. Начало работ по проектированию интерфейса

Недавно писал о рабочей сессии для одного из новых проектов. За прошедшее время успели завершиться работы по бизнес-анализу и сбору требований, так что самое время начинать проектирование конкретных страниц. Объем предстоящих работ немаленький — нужны будут несколько сотен структурных схем страниц (wireframes). Правда, на текущем этапе работ мы еще определяемся с окончательным концептом будущего продукта. […]

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

Обзор приемов проектирования. Достаточный интерфейс против всеохватывающего

Давно известна польза от меньшего количества кликов в интерфейсе. Резать ненужные взаимодействия и упрощать оставшиеся — одно из самых приятных занятий при проектировании. Не всегда получается сделать это сразу, но после нескольких ревью и обсуждений получившегося интерфейса приходит просветление. Хотя бывает, что сперва психологически сложно спроектировать функциональность в упрощенном виде. И только взгляд через некоторое […]

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

Из опыта работы. Проектирование системы управления проектами EPAM PMC

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

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

Из опыта работы. Проектирование рекрутингового сервиса GapZap

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

Categories: Use Cases · Wireframes · Пользовательские интерфейсы · Портфолио · Практика · Проектирование · Техническое задание · Юзабилити

Проектирование интерфейсов с AJAX. Как отразить веб2.0-динамику в wireframes

В последнее время проектируем все больше веб2.0-проектов и веб-приложений. В придачу к “социализации” сервисов, это добавляет им технологичности. В основном это касается динамического взаимодействия и других AJAX-овых штучек. Хорошо, если это просто пара всплывающих слоев или появляющаяся по клику форма комментирования. Но иногда нужно сделать что-то вроде NetVibes, в котором, по сути, всего одна страница […]

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

Wireframes для презентации и документации, 2 часть — Решение

Проблемы при подготовке многоцелевых wireframes (читайте первую часть статьи “Wireframes для презентации и документации“) можно решить несколькими способами.

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

Wireframes для презентации и документации, 1 часть — Проблема

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

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