html текст
All interests
  • All interests
  • Design
  • Food
  • Gadgets
  • Humor
  • News
  • Photo
  • Travel
  • Video
Click to see the next recommended page
Like it
Don't like
Add to Favorites

Интерактивные прототипы для создания интернет-магазина: 7 аргументов «за»

12.12.2012 | Автор: Константин Обухов, Инфоспайс (Генеральный директор), Екатерина Владимирова, Инфоспайс (Директор по продажам и маркетингу)  

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

Преимущества интерактивных прототипов

Создание интерактивных прототипов при разработке интернет-магазина все еще в новинку на российском рынке веб-разработки.

Прототипирование помогает заказчику на самом раннем этапе разработки «увидеть» свой интернет-магазин, наглядно проработать его концепцию, структуру, бизнес-логику.

Для тех, кто еще решает для себя, использовать ли интерактивные прототипы при разработке интернет-магазина, приведем несколько важных аргументов в их пользу.

Но лучше один раз увидеть, чем 7 раз прочитать. Поэтому для начала посмотрите это приятное видео об интерактивных прототипах от Axure:

В чем помогают интерактивные прототипы?

1. Осмыслить и оценить будущий интернет-магазин

Интернет-магазин на этапе обсуждения идеи представляет собой нечто эфемерное. Адекватно оценить затраты на его разработку как для исполнителя, так и для заказчика очень трудно. Разработка прототипов приводит к расширенному и более точному понимаю проекта в первую очередь самим заказчиком. Что важно, прототипы дают возможность предусмотреть развитие площадки и в проекте заложить функционал «на вырост», сэкономив на начальном этапе запуска интернет-магазина.

2. Определить структуру и содержание интернет-магазина

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

3. Смоделировать работу функций интернет-магазина

Интерактивные прототипы позволяют смоделировать практически все: добавление товара в корзину, работу фильтра в каталоге товаров, оформление заказа, работу слайдеров и баннеров, выпадающего меню, то есть всю логику перемещения объектов и их смены в зависимости от действий пользователя. Также возможно спроектировать дополнительные функции бэк-офиса, расширяя возможности CMS.

  • Для создание интерактивных прототипов мы используем программу Axure RP.

4. Тестировать и корректировать

С помощью прототипов можно провести тестирование интернет-магазина в фокус-группе и выявить слабые места и ошибки проектирования, после чего без больших затрат их исправить.

5. Сэкономить время и деньги на этапе дизайна

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

6. Оценить объем программирования

Опытный программист при анализе работы прототипа может «примерить» функционал интернет-магазина на CMS и выделить наиболее нестандартные, а значит, дорогие блоки функционала. У клиента появляется наглядный выбор в пользу оригинальности решения или бюджета.

7. Оптимизировать высокие нагрузки

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

Подготовка к прототипированию

На старте, до создания прототипов важно:

  • Внимательно проанализировать бизнес-процессы компании и их отражение в интернет-магазине.
  • Сформулировать уникальное торговое предложение.
  • Определить группы покупателей.
  • Разработать типовые сценарии поведения пользователей каждой группы.
  • На основе сценариев сформировать список необходимого функционала интернет-магазина.

На этом подготовительном этапе используется бриф, личная беседа, а лучше — встреча.

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

Как принимать прототипы?

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

Интерактивный прототип фильтра для интернет-гипермаркета «Уютерра» и его работа в реальном проекте www.yuterra.ru

Чего не могут прототипы?

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

Если прототипы показывают «что», то в техническом задании мы фиксируем, как надо реализовать тот или иной функционал.

Для одной и той же CMS при полном внешнем сходстве, реализация функционала может сильно отличаться. Помимо технических деталей и логики работы всех функций сайта, в ТЗ также должны содержаться структурная модель данных, требования по нагрузке и отказоустойчивости.

Итог

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

  • Фрагмент прототипа главной страницы интернет-гипермаркета сети товаров для дома «Уютерра» www.yuterra.ru
  • Главная страница интернет-гипермаркета «Уютерра» www.yuterra.ru

Автор: Константин Обухов, Инфоспайс (Генеральный директор), Екатерина Владимирова, Инфоспайс (Директор по продажам и маркетингу)

 
 

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

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

Комментарии (6)

Гость      Создано: 12.12.2012, 11:27          

Вы почему-то не упомянули главного

Программа для создания прототипов Axure PR 6
Платная, зарубежная.
Версия Axure PR 6 Standard - $289 USD (с обрезанными функциями)
Версия PRO - $589 USD (полнофункциональная)
Переход со Standard на PRO - $300

Безусловно, для больших проектов, нужная вещь. Даже есть PDF книга (правда на английском)

А для малых проектов (в частности интернет-магазинов) на бесплатных движках, легче и дешевле купить платный Шаблон на TemplateMonster, поставить на движок и показать заказчику.

Есть также другой подход. Посмотрите демку CS-Cart. Движок есть на CMSmagazine. А демка доступна онлайн с официального сайта.

Зайдите в раздел БЛОКИ. Так вот там можно свободно двигать блоки, а также подблоки, и создавать новые. А также запихивать в них любой контент, и представлять его в любом виде. И все это в визуальном виде, без кодирования. Так что справится любой контент-менеджер. По 16 ячейкам сетки GRID 960 CSS.

А за статью все равно спасибо. Понемногу раскрываете глаза российским Веб-разработчикам

Екатерина Владимирова      Создано: 12.12.2012, 20:13          

Есть вариант использовать демо-версию Axure PR на 30 дней.
Но это не главное.
Есть способ сделать продажи эффективнее, подумав заранее, кто ваши покупатели и что им нужно. Интерактивные прототипы - такой способ.

Станислав Усатый      Создано: 14.12.2012, 15:10          

Вроде как есть бесплатный pencil project

Episoft      Создано: 17.12.2012, 9:46          

А потом клиент спрашивает "Вы за пол дня сделали мне сайт, почему теперь я должен ждать еще 2 месяца и платить N тысяч? Вы меня обманываете!"

Гость      Создано: 4.5.2013, 15:48          

спасибо за статью) многое узнал)

Максим      Создано: 20.2.2014, 23:19          

Спасибо за статью и за коментарии

Читать дальше
Twitter
Одноклассники
Мой Мир

материал с cmsmagazine.ru

66
    +48 surfers

      Add

      You can create thematic collections and keep, for instance, all recipes in one place so you will never lose them.

      No images found
      Previous Next 0 / 0
      500
      • Advertisement
      • Animals
      • Architecture
      • Art
      • Auto
      • Aviation
      • Books
      • Cartoons
      • Celebrities
      • Children
      • Culture
      • Design
      • Economics
      • Education
      • Entertainment
      • Fashion
      • Fitness
      • Food
      • Gadgets
      • Games
      • Health
      • History
      • Hobby
      • Humor
      • Interior
      • Moto
      • Movies
      • Music
      • Nature
      • News
      • Photo
      • Pictures
      • Politics
      • Psychology
      • Science
      • Society
      • Sport
      • Technology
      • Travel
      • Video
      • Weapons
      • Web
      • Work
        Submit
        Valid formats are JPG, PNG, GIF.
        Not more than 5 Мb, please.
        30
        surfingbird.ru/site/
        RSS format guidelines
        500
        • Advertisement
        • Animals
        • Architecture
        • Art
        • Auto
        • Aviation
        • Books
        • Cartoons
        • Celebrities
        • Children
        • Culture
        • Design
        • Economics
        • Education
        • Entertainment
        • Fashion
        • Fitness
        • Food
        • Gadgets
        • Games
        • Health
        • History
        • Hobby
        • Humor
        • Interior
        • Moto
        • Movies
        • Music
        • Nature
        • News
        • Photo
        • Pictures
        • Politics
        • Psychology
        • Science
        • Society
        • Sport
        • Technology
        • Travel
        • Video
        • Weapons
        • Web
        • Work

          Submit

          Thank you! Wait for moderation.

          Тебе это не нравится?

          You can block the domain, tag, user or channel, and we'll stop recommend it to you. You can always unblock them in your settings.

          • anatoly.denisov
          • маркетинг
          • домен cmsmagazine.ru

          Get a link

          Спасибо, твоя жалоба принята.

          Log on to Surfingbird

          Recover
          Sign up

          or

          Welcome to Surfingbird.com!

          You'll find thousands of interesting pages, photos, and videos inside.
          Join!

          • Personal
            recommendations

          • Stash
            interesting and useful stuff

          • Anywhere,
            anytime

          Do we already know you? Login or restore the password.

          Close

          Add to collection

             

            Facebook

            Ваш профиль на рассмотрении, обновите страницу через несколько секунд

            Facebook

            К сожалению, вы не попадаете под условия акции