• header_text

    – А почему шапка зеленая!?
    – А потому, что зеленый, это не красный, а блог – не сайт.
  • 11.03.2014
    Рубрика: Без рубрики
    Прототипирование мобильных приложений: наш опыт

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

     

    макет приложения
     

     

    информационная архитектура приложения

     

    Чтобы упросить рабочий процесс создания мобильных приложений, мы используем онлайн-конструкторы. При работе над приложением для портала по поиску работы и сотрудников Job Fine,  мы использовали HTML5-сервис Fluid UI. Он обладает богатым функционалом и простым интерфейсом, который основан на стандартных блоках. Сервис позволяет быстро создавать макеты приложений для iOS, Windows 8 и Android. 

     

    Отличительные особенности HTML5-сервиса Fluid UI:

     

    1. Экономия времени.

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

    2. Совместное проектирование.

    Чтобы подключить к работе нового члена команды или скоординировать действия дизайнеров и программистов, достаточно обменяться ссылками на созданные в Fluid UI макеты. 

    3. Оптимизация процесса.

    Помогает структурировать работу, разбивая ее на несколько этапов: функционал, логика, дизайн.

    4. Работа с изображениями.

    Большая библиотека элементов интерфейса, которые постоянно обновляются. Можно использовать свои изображения и скриншоты. 

     

    shablon fluid ui

     

    Плюсы Fluid UI для заказчика

     

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

     

    screen test

     

    Плюсы сервиса для дизайнеров

     

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

     

    screens all

    designer Logomotiv comment

       

    Плюсы для программистов

    Сервис Fluid UI значительно упрощает процесс сбора всех экранов в единое функционирующее мобильное приложение, позволяет оптимизировать процесс разработки и взаимодействия с базой данных. Глядя на прототип, программист видит четкую структуру и представляет каким будет конечный результат. 

     

    shablon v fluid ui

     

    Что в итоге:

    - сервис прост и удобен в использовании;

    - за несколько минут можно набросать структуру будущего приложения;

    - поддерживает работу с iOS, Android и Windows 8;

    - Fluid UI облегчает процесс согласования проекта с заказчиком;

    - возможность совместной работы над одним проектом сразу нескольких разработчиков или дизайнеров;

    - возможность тестировать приложение на своем мобильном телефоне.

    Комментарии