Оглавление:

Разработка мобильных приложений с использованием Adobe XD: 5 шагов
Разработка мобильных приложений с использованием Adobe XD: 5 шагов

Видео: Разработка мобильных приложений с использованием Adobe XD: 5 шагов

Видео: Разработка мобильных приложений с использованием Adobe XD: 5 шагов
Видео: Как прототипировать в Adobe XD? 2024, Ноябрь
Anonim
Разработка мобильных приложений с использованием Adobe XD
Разработка мобильных приложений с использованием Adobe XD
Разработка мобильных приложений с использованием Adobe XD
Разработка мобильных приложений с использованием Adobe XD

Привет, вы все! Я Элизабет Касерек, выпускница средней школы, и я создала это руководство, потому что заметила дыру в этой широко используемой платформе, которую я могла бы заполнить. Мне бы понравилось такое руководство, когда я начал свой годичный исследовательский проект по разработке программного обеспечения UI / UX / EX, но, к сожалению, мне пришлось на собственном горьком опыте найти способ разработки приложения. Это руководство предназначено как для компьютерных фанатов, так и для любителей. Так что, если вы думаете, что у вас есть отличная идея, но не имеете ни малейшего представления о том, как ее реализовать, взгляните на это.

Шаг 1: план проекта

План проэкта
План проэкта

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

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

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

(Обратите внимание, что это в основном описание вашего приложения для магазина приложений! Оценка!)

Этот план может составлять полстраницы и 5 страниц, а может быть и больше. Нет правильного или неправильного, что бы ни помогало вам изложить свое видение на бумаге.

Шаг 2. Исследования, юридические вопросы и разработка

Исследования, право и развитие
Исследования, право и развитие

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

Это шаг, на котором вы решаете, хотите ли вы написать свой код с нуля или использовать один из многих веб-сайтов, компилирующих мобильные приложения. Я лично начал с мысли, что «просто использую свои продвинутые» навыки в Java для разработки этого приложения, потому что я представлял, что это будет проще, чем научиться использовать приложение для создания приложений. Это оказалось очень неэффективным и неудобным способом создания моего приложения, из-за чего я фактически перешел на Adobe XD. Я настоятельно рекомендую изучить это как ваш основной конструктивный способ визуально отобразить ваше приложение с помощью удобного прототипа. Хотя это не начало и конец идеального конструктора приложений, он отлично подходит для создания основы вашего приложения, так что вы можете легко передать свой предварительный дизайн профессиональному разработчику (желательно тому, кто имеет права на загрузку в магазин iTunes. и магазин Google Play.) Я подчеркиваю это, чтобы обратить ваше внимание на то, что если вы используете XD, хотя это очень полезно для планирования, приложение не будет готово к загрузке в магазины.

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

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

Шаг 3. Приложение разработчика (необязательно)

Приложение разработчика (необязательно)
Приложение разработчика (необязательно)

Теперь, если вы хотите официально стать разработчиком с доступом к магазину iTunes, вам следует как можно скорее заполнить заявку (за подачу заявки взимается сбор в размере 99 долларов США). Их процесс подачи заявки занимает некоторое время, пока вас не примут. Было бы наиболее быстро, если бы вы подали заявку на участие в разработке Apple на этом этапе и прошли процесс ожидания, пока вы все еще создаете свое приложение.

developer.apple.com/programs/

Шаг 4: кодирование программного обеспечения

Кодирование программного обеспечения
Кодирование программного обеспечения
Кодирование программного обеспечения
Кодирование программного обеспечения

Теперь, когда вы завершили исследование своего проекта, пришло время начать кодирование в Adobe XD.

  1. Перво-наперво. Вы хотите следовать каждому шагу учебника (я не из тех, кто любит длинные учебники, но это обязательно для вашего успеха с этим приложением, я обещаю).
  2. Убедитесь, что вы понимаете, как добавлять текст, страницы, изображения, удалять объекты, изменять порядок экранов и даже как подключать свои страницы.
  3. После того, как вы закончите и поймете все, что нужно, вы, наконец, можете приступить к разработке и кодированию своего приложения, тестированию прототипа и устранению проблем!

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

Шаг 5: заключительная растяжка / развитие

Заключительная растяжка / развитие
Заключительная растяжка / развитие

Поздравляем, вы дошли до этого момента, а это значит, что в вашем коде нет ошибок! Отсюда вы должны начать бета-тестирование, чтобы не только найти посторонние ошибки, но и получить объективное мнение о вашем продукте. Как только вы будете удовлетворены своим кодом, вы можете приступить к разработке, используя внешние ресурсы.

Рекомендуемые: