SixWeeksApp: скоро окончание

Добрый день, читатели!

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

Читать далее SixWeeksApp: скоро окончание

SixWeeksApp: итоги третьей недели

Главный итогом третьей недели проекта стало то, что первоначальный план не сработал.

Во время работы над этим этапом я впал в состояние «Analysis Paralysis», которое характеризуется тем, что ты не можешь выбрать из возможных решений лучшее и в результате не делаешь ничего. Если в заданиях до этого у меня был большой опыт, и я точно знал как надо делать то или иное действие, то, вступив на путь Ангулара, я потерялся в различных возможностях сделать то, что мне нужно, не в силах выбрать лучшее решение.

Читать далее SixWeeksApp: итоги третьей недели

SixWeekApp: этап 2, день 5 — примеряем Angular

Я не пропал и продолжаю делать свой проект. Просто всё идет очень медленно и на посты времени не остается. Что удалось сделать за эти дни: Читать далее SixWeekApp: этап 2, день 5 — примеряем Angular

SixWeeksApp: этап 2, день 1 — первый подход

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

Хотел было выложить на сайт mapshare.me, но затупил с настройкой Докера и поэтому выкладываю тут. Тем более пока готова всего одна страница: http://my.markov.ru/mapshare/

#SixWeeksApp

SixWeeksApp: этап 2 — делаем сайт с помощью Bootstrap/Angular

А и Б сидели на трубе

Итак, на этой неделе мы приступаем ко второму этапу или “неделе” реализации нашего приложения, которое мы должны написать за 6 недель. На втором этапе у нас уже должен быть готов внешний вид сайта, со всеми его страницами, но без бэкенда.

Предварительный план выглядит так: Читать далее SixWeeksApp: этап 2 — делаем сайт с помощью Bootstrap/Angular

SixWeeksApp: этап 1, день Х

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

Тем не менее, я сделал первую версию дизайна домашней страницы мобильной версии сайта. Выглядит она сейчас так: Читать далее SixWeeksApp: этап 1, день Х

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 — прототипирование пользовательского интерфейса