Леана Фауром
В качестве веб-разработчика я часто говорю начать проекты с нуля и принимать решения для группы элементов, из технического стека в финальный внешний вид приложения.
Особенно, когда ставки за проектом высоки, этот процесс может быть подавляющим.
Я хочу поделиться нашим опытом одного месяца в город Paris Startups Program, а шаги наша команда взяла для достижения первой операционной версии приложения.
Какой-то контекст первый: Alloanim Это веб-приложение, предназначенное для того, чтобы помочь городу Париже, находить доступное сотрудничество после школы мгновенно.
Цель состоит в том, чтобы сотрудники после школы создавали и обновляют свой профиль и доступность как можно чаще. Это позволит городу Париж иметь прямой доступ к обновленной базе данных в режиме реального времени в реальном времени.
Наша команда сделана из двух человек. Одним из них является владелец продукта, христианский боксар. Христианин был человеком, который определил болевую точку, работая в городе Парижский школьный персонал.
Другой – это разработчик (твой действительно), отвечающий за создание приложения для полного стека в течение 5 месяцев.
Наша штаб-квартира находятся в Лаборатории открытых инноваций La Paillasse Отказ Мы работаем рядом с стартапом Viteunlieu , что помогает организациям легко найти конференц-залы в Париже, с Жан Каринти как владелец продукта и Кристоф Робиллард как ведущий разработчик.
Стек, который мы выбрали, это Ruby на рельсах для задней части и «ваниль» (простой, бездействует) JavaScript на переднем конце.
Мы хотим встроить реагирование как можно скорее, но для фазы прототипирования мы придерживаемся старым добром JavaScript.
Итак, как мы создали рабочий продукт с нуля за один месяц? Вот основные шаги, которые мы успешно отправили эту первую версию.
1. Принять гибкий дух
Мы работали с тренером на два дня, чтобы узнать основы Agile Development Отказ
Основное избавление от Agile – это то, что вы должны работать в очень тесном сотрудничестве с вашими конечными пользователями. Цель состоит в том, чтобы повторить каждую версию вашего приложения на основе обратной связи, которую они предоставляют.
Таким образом, у вас реже построить то, что люди не нужны , не нравится, или не знаю, как использовать.
2. Быстро встретиться с пользователями в реальной жизни
Христианина удалось быстро получить нам решающую встречу с начальником школы в начальной школе.
Мы занимаемся значимым разговором о том, как она в настоящее время обрабатывала свою проблему штанов. Мы узнали, какую функциональность она абсолютно должна иметь в нашем предстоящем веб-инструменте.
Болезнь и необходимость нашего продукта оказалось определенно реальной. Этого было достаточно, чтобы начать нас на минимальном жизнеспособном продукте (MVP). Это версия продукта с необходимыми функциями, чтобы быть первой пригодной для использования нашего продукта.
3. Написать пользовательские истории
Пользовательские истории – это способ для нетехнического владельца продукта и разработчика, чтобы прекрасно понять друг друга на том, что должно произойти для приложения для заполнения его цели.
Они написаны на модели: «Как <тип пользователя>, я могу <какую-то цель> (так что <какая-то причина>)».
Таким образом, пример одного из наших простых пользовательских историй был: «Как член сотрудника после школы, я могу создать профиль с моей личной информацией».
Истории пользователей вписываются вместе, чтобы сформировать карту истории, которая является глобальным визуальным планом для создания приложения со временем.
Цикл развития продукта затем нарезан в спринты.
Каждый спринт содержит заданное количество пользовательских историй, которые будут закодированы в функциональные возможности.
Наш первый спринт, как правило, содержит все пользовательские истории, которые необходимы для используемого минимального жизнеспособного продукта.
Карта истории и содержание спринтов свободно меняются при каждой итерации продукта. Это обычно совпадает с сеансом обратной связи с пользователями.
Когда пользователи дают обратную связь о разработанных функциях, пользовательские истории развиваются и адаптируются к соответствующему фактическому использованию приложения.
4. Настройте Agile Workflow
Мне повезло работать наряду с талантливым разработчиком другого стартапа Кристоф Робиллард , который приобрел впечатляющий опыт работы с Agile Workflows и разработчиком производительности из своего предыдущего опыта в Программа государственных стартапов Отказ
Ежедневные встречи
Взятые из методологии Scrum, ежедневное противостояние – постоянная встреча, состоящая в каждом дне спринта. Мы разговариваем друг с другом каждый началом дня в течение 5-15 минут. Мы стоим, если мы физически вместе, или поговорим по телефону, если мы работаем удаленно.
Это помогает установить контекст для работы на следующий день и обязываться на задачи, которые должны быть решены дальше.
Dev backlog
Защита спринта становится видимым, положив его на Доска задач, где каждая строка на доске является пользовательской историей. Меньшие, отдельные задачи написаны на «картах».
Участники команды постоянно обновляют плату на задачу на протяжении всего спринта, написав новые карты или перемещение карт. Например, карта может быть перемещена из колонны «делать» в столбец «делать».
Вы можете легко воссоздать эту доску для задач на Gitlab Emberse Board или дальше Waffle.io для цифровой альтернативы.
Би-еженедельные встречи между стартапами
Чтобы сделать собрание эффективным и до пункта, стратегия Christophe поделилась с нами, является следующим:
- Установите максимальное время для встречи (от 30 минут до 1 часа)
- Напишите липкую записку для каждого предмета, который будет обсуждаться и поговорить только одну липкую тему в теме
- Установите 5-минутный таймер для каждой липкой записи Если обсуждение превышает 5 минут, примите решение между командой, если она стоит сбросить таймер в течение дополнительных 5 минут.
5. Получите вдохновение с хорошо разработанных веб-сайтов и поделитесь Moodboard
Это одна из моих любимых частей в начале проекта – поиск вдохновения для UX и UI из других веб-приложений, некоторые из которых я использую очень часто.
Я всегда поражен творчеством и умственностью команд за некоторыми из инструментов, которые я использую. Например, я был вдохновлен процесс бортового процесса Breaz.io Отказ Я также восхищался способ drivy.com Позволяет пользователям сначала пользователей выбирать кучу автомобилей, затем отправьте одно сообщение каждому владельцу после того, как выбор сделан.
Здесь я представлю некоторые из инструментов, которые обычно помогают мне начать и визуализировать интерфейсы приложения.
Дробилка
Функциональность поиска на Дробилка Позволяет выбирать творческий мозг великих дизайнеров, которые демонстрируют свою работу.
Moodboard.
Moodboard Позволяет собирать, делиться и комментировать дизайн с вашей командой. Это позволяет всем получить вкус вдохновения для интерфейса веб-сайта:
Adobe Color.
Adobe Color является идеальным источником вдохновения для гармоничных палитт. Функция «Explore» позволяет просматривать тысячи вдохновляющих цветных тем:
6. Создайте первые рельсы версии приложения
Мы создали наши модели и базу данных с Ruby на рельсах и SQLite. Мы использовали GEM «Devise» для системы аутентификации.
Я обычно разрабатываю передний конец и конец спины одновременно. Это означает, что я пытаюсь работать над дизайном и отзывчивостью каждой функциональности, как только родится.
Это никогда не не дает своего рода «вау!» эффект при представлении первых демонстраций. Это первое впечатление может быть решающим фактором, когда пользователи принимают продукт.
Некоторые разработчики предпочитают сначала сосредоточиться на заднем конце. Как только они получат все в рабочем состоянии, они возвращаются над ним для косметики дальше. Тем не менее, мне проще работать как одновременно одновременно.
В нашем приложении основным объектом является пользователем. Впереди нас довольно дорогу, чтобы уточнить систему бортовой системы и находить стимулы для пользователя, чтобы часто вернуться в приложение.
На данный момент процесс регистрации является основным и просто имеет ключевую информацию для MVP для работы.
Ниже приведены некоторые скриншоты MVP в действии!
Подписываясь:
Ищете персонал:
Приложение требует еженедельного календаря для сотрудников после школы, чтобы заполнить свои доступные временные слоты. Однако я не смог найти плагин GEM или JavaScript, который соответствует конкретным требованиям MVP.
Поэтому я намеревался построить полный JavaScript еженедельную доступность планировщика доступности, а затем интегрировать его в приложение Rails. Вы можете найти код JavaScript здесь, если вы заинтересованы .
Версия 0 (Дисплей недель):
Версия 1 (добавьте конкретные временные слоты и отзывчивое поведение):
Версия 2 (Интеграция в приложении Rails – Страница профиля):
7. Развернуть живое приложение
Последний шаг – сделать приложение в прямом эфире. Я нашел Heroku сделал хостинг это ветерок. Развертывание бесплатное, а направления очень просты и доступны непосредственно на платформе.
8. Истребитель
Наконец, пришло время снова встретиться с пользователями и представлять их работу, которую вы сделали во время спринта.
У нас обычно есть 3-недельные спринты. Это дает нам время на самом деле, чтобы на самом деле было достаточно функциональностей, чтобы иметь что-то вещество для обсуждения. Это также позволяет нашему клубу пользователей дышать между собраниями.
Во время встречи мы слушаем отзывы пользователей и обсудим функции приложения с ними.
Затем мы возвращаемся на доску для задач, чтобы спланировать следующий спринт … До следующего раза!
Заключение
Липкие ноты – это жизнь. Ничего хорошего в мире не произойдет без них.
Вот и все сейчас! Мы хорошо в наш второй спринт и двигающиеся липкие заметки с воспашной ловкостью.
Любые инструменты, которые вы используете для своего собственного процесса, и все равно, чтобы поделиться с нами, приветствуются!
Редактировать: Аллонами Прототип успешно запущен и теперь проверяется и ежедневно используется в городе Парижский персонал.
Вы можете найти Открытый исходный код здесь и полная демонстрация приложения ниже:
То # startupdeville. Программа представляет собой городскую инициативу PARIS, работая на государственных агентах, которые определили ясную болевую точку при работе на поле.
После процесса отбора и одномесячного ускорения в одномесячном ускорении команда двух человек (владелец продукта + Developer) создает веб-приложение для проверки необходимости этой новой службы и его принятия целевыми пользователями.
Если вам понравился этот кусок, пожалуйста, покажите свою любовь и хлопать, чтобы другие могли его найти! Не стесняйтесь Следуй за мной в Twitter , а также #startupdeville Члены команды, Christian Bockarie , Жан Каринти и Кристоф Робиллард
— LENA FAURE.
Оригинал: “https://www.freecodecamp.org/news/the-developers-workflow-in-practice-how-we-built-our-mvp-in-30-days-c60d804695a8/”