SixWeeksApp: этап 1, дни 4 и 5: размышления о дизайне

Дизайнер, который смог
Дизайнер, который смог

Предыдущие два дня работа над проектом шла туго. Тут сложилось множество факторов: необходимость закрыть дедлайны по другим проектам; работа с обратной связью, которая показала, что выбранные мной решения неоптимальны с точки зрения UX; поиск новых решений и расфокусирование от попытки сделать бастарда, который как в старой басне про лебедя, рака и щуку тянул дизайн в разные стороны.

Мои три линии, перпендикулярные друг другу — это дизайн мобильной версии веб-сайта, материальный дизайн для Android и гайдлайны iOS. Решить задачу с наскока не получилось и, несмотря на простоту приложения (you had one job!), придется делать все три дизайна отдельно. Начинаю делать дизайн сначала. Мобильная версия веб-сайта only. Дизайн для приложений будет адаптирован через неделю, когда я займусь работой с фреймворком Ionic. Да, и надо еще не забыть про десктоп!

Читать далее SixWeeksApp: этап 1, дни 4 и 5: размышления о дизайне

SixWeeksApp: этап 1, день 3 — интерактивный прототип

Сегодня представляю вашему вниманию первый интерактивный прототип приложения, сделанный в Adobe Experience Design. Там есть пара спорных моментов, например, думаю, что нужно подтверждение при удалении карты.

Если вы что-то найдете непонятным или неправильным с вашей точки зрения — пишите в комментарии. Завтра попробую собрать полноценный прототип, а не просто записанный ролик. А пока смотрите:

Читать далее SixWeeksApp: этап 1, день 3 — интерактивный прототип

SixWeeksApp: этап 1, день 2 — продолжаем делать прототипы

Сегодня был не очень продуктивный день в плане разработки приложения, так как я много занимался другими задачами.

Тем не менее мне удалось сделать прототипы еще 7 основных экранов. Завтра уже надо заканчивать с прототипами, чтобы не выбиться из графика. Обработать состояния, улучшить взаимодействие и сделать интерактив. Читать далее SixWeeksApp: этап 1, день 2 — продолжаем делать прототипы

SixWeeksApp: этап 1, день 1 — прототипирование пользовательского интерфейса

Сегодня я начал работу над прототипом пользовательского интерфейса нашего приложения, или как его называют wireframes. Также можно услышать определения мокапы, макеты, скетчи и др. Разница в терминологии не столь значительна, в основном она касается детальности проработки прототипа. Мы будет его называть это просто прототип.

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

Читать далее SixWeeksApp: этап 1, день 1 — прототипирование пользовательского интерфейса