SECL Dec 5 2013 at 13:23

Серьезное проектирование серьезного магазина. Часть 1. Исследуем и продумываем функционал

19 min

128K

SECL Group corporate blogWebsite development*Development for e-commerce*

Tutorial

+58

Comments 56

andrey_hse Dec 5 2013 at 13:34

Ух ты, очень интересно! Честно сказать, впервые вижу такую запутанную ментальную карту*
*Запутанной она показалась на первый взгляд. Однако после просмотра в оригинальном масштабе все выглядит логично. В этом и прелесть Mind Map)

SECL Dec 5 2013 at 14:42

Да, систематизация — это здорово)

AYShestakov Dec 5 2013 at 23:01

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

Aios Dec 7 2013 at 20:03

В чем делали ее? Очень приятная глазу)

SECL Dec 7 2013 at 20:04

xmind

Aios Dec 7 2013 at 20:23

Бладгодарствую)

dimkanevidimka Dec 5 2013 at 13:40

Очень интересно. Спасибо. Пожалуйста, продолжайте.

zag2art Dec 5 2013 at 14:06

Ага. Пишите Шура, пишите…

SECL Dec 5 2013 at 14:43

Благодарю!

TheSteelRat Dec 5 2013 at 13:51

«Продающий интернет-магазин» порадовало :). У кого-то может стоять цель спроектировать «Убыточный интернет-магазин»?

zag2art Dec 5 2013 at 14:05

Ну так попросили сделать «продающий»… Они и делают

PiSaiK Dec 5 2013 at 14:12

Я теперь знаю как делать ИМ от одного миллиона рублей.

Valeratal Dec 5 2013 at 14:27

Спасибо!

P.S. Такое бы для контентного сайта :)

staleo Dec 5 2013 at 15:04

Невероятно полезный материал, пожалуйста, не останавливайтесь. :)

SECL Dec 5 2013 at 15:04

Спасибо)

aplic Dec 5 2013 at 15:19

Хорошо, фундаментально. Но как так получается, что после такой фундаментальной подготовки, к примеру, сделан акцент на блоке «пользователи просматривающие сейчас», а «чат с менеджером» затерялся внизу?

dimkanevidimka Dec 5 2013 at 15:34

Подозреваю что это всего-лишь издержки рисунка. В реале час с менеджером зафиксирован в углу и виден/доступен всегда сколько б не скролил.

SECL Dec 5 2013 at 16:02

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

aplic Dec 5 2013 at 16:33

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

SECL Dec 5 2013 at 16:51

Результат не нужно адаптировать. В ТЗ все выверено и четко, все интерфейсы вылизаны до мелочей.

В статье, например, мы нарисовали красивые персонажи и джорни мап. Думаете в реальной работе мы рисуем их? Конечно нет! Просто в вод закидывается фотографи и описание, а джорни мап делается сухой схемой и мы идем дальше.

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

aplic Dec 5 2013 at 17:09

Думаете в реальной работе мы рисуем их?

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

SECL Dec 5 2013 at 17:21

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

vandriichuk Dec 5 2013 at 17:20

Джорни Мап? Что это? :)

SECL Dec 5 2013 at 17:21

см. пункт: Journey Map и сценарии поведения

vandriichuk Dec 5 2013 at 20:04

Спасибо. Вы писали по поводу готовых шаблонов поведения для различных групп покупателей. Быстрый гугл не дал результатов. Может подскажете линки?

SECL Dec 5 2013 at 20:18

Это огромная статистика, которая является ценностью и её вряд ли кто-то будет показывать открыта. Она годами собирается. Чем больше магазин, тем больше такой статистики у них может накопиться. Я в открытом доступе не встречал.

vovochka404 Dec 5 2013 at 15:36

Вот таких туториалов не хватает рунету… Спасибо вам :)
Буду ждать продолжения.

SECL Dec 5 2013 at 16:02

И Вам спасибо!

Telman Dec 5 2013 at 16:48

Только зашел на Хабр, чтобы поискать нечто подобное и сразу нарвался на ваш туториал на главной.
У меня проект сейчас на стадии реализации макета. Как же мне не хватает такого человека, как Вы. :/

SECL Dec 5 2013 at 16:51

Я человек наемный, при желании все можно ;)

Telman Dec 5 2013 at 16:54

Тут дело скорее не в желании, а в моих возможностях.

webinside Dec 5 2013 at 17:25

Мне даже страшно спрашивать в каком ценовом сегменте идет подобная работа.

SECL Dec 5 2013 at 17:54

А зря) Вполне приземленный ценовой сегмент. Тут всего лишь правильная технология проектирования. Причем, по хорошем, довольно часто это будет даже дешевле, чем просто начинать с дизайна и потом 100 раз переделывать.

tranquil Dec 5 2013 at 18:24

Какой софт используете для рисования таких карт?

SECL Dec 5 2013 at 18:27

xmind

SECL Dec 5 2013 at 18:28

Это описывается в первой статье по проектированию, на которую я давал ссылку: secl.com.ua/article-serjoznoe-proektirovanie-serjoznix-saitov.html

BAV_Lug Dec 5 2013 at 19:38

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

SECL Dec 5 2013 at 19:40

Да, про внутреннюю часть я тоже буду писать отдельно.

Alexufo Dec 6 2013 at 02:56

Ага, сначала делаем сайт а каталог… каталог делается остальные пару лет еще как минимум)

Quber Dec 6 2013 at 04:03

Шедевриально!

SECL Dec 6 2013 at 04:05

Спасибо)

akeeper Dec 6 2013 at 08:08

Вот чем плохо много работать — узнаешь об интересном вебинаре на следующий день после его окончания… Спасибо за интересный материал. А вы дальше в своих статьях не пойдете? Может быть выдадите аналитику по предметным областям интернет магазинов, наиболее популярным сейчас нишевым продуктам и т. п.?

ivan_kolmycheck Dec 6 2013 at 09:36

Интересно.

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

Offtopic: Хотя и с большими мониторами не всё так круто. Не так давно видел интернет-магазин, в котором пришлось пролистывать до товаров два экрана на 20' мониторе.

akeeper Dec 6 2013 at 09:38

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

ivan_kolmycheck Dec 6 2013 at 10:11

если конечно речь не идет про интернет магазин поиска подходящего решения, где покупатель предварительно пропустит через себя массу информации и аналитики.

Во многих магазинах есть видео, прикреплённые к конкретному товару. У Розетки, например, они идут под описанием товара. Где-то видел как в Steam — в галерее, рядом с изображениями товара. В этом есть смысл — посмотреть товар на видео иногда хочется. Но вот так размещать, как на макете, ИМХО, бессмысленно. Только раздражает. =)

Quber Dec 6 2013 at 14:08

Ребят, Вам дали направление куда думать, а не готовую реализацию. Автор говорит, что для каждого интернет магазина свой подход

UFO just landed and posted this here

SECL Dec 6 2013 at 13:59

xmaind. Сервисы не используем, только десктопное ПО.

Quber Dec 6 2013 at 14:11

Я такое делаю в Гугл рисунках (в гугл диске). xmind конечно будет получше, не охото устанавливать для этого отдельный софт + всё в облаке.

vernikr Dec 6 2013 at 16:19

Чуть ниже я покажу много интересных цифр

Не нашел

SECL Dec 6 2013 at 16:30

Это первая часть цикла из 7-10 статей, все будет, но не все сразу ;)

OlloSnow Dec 9 2013 at 08:27

Спасибо!

man_without_face Dec 12 2013 at 11:50

Скажите, а в каком редакторе рисовали Journey Map?

SECL Dec 12 2013 at 11:51

Мы для статьи специально подготовили в фотошопе.

man_without_face Dec 12 2013 at 13:20

Аа… А то выше прочитал о xmind и думал в нём.

DjOnline May 9 2014 at 14:54

>>Задачи: покупать продукты питания, при этом тратя минимум времени на это.

Оо, самый большой бич здесь у всех — не видно цены за килограмм/литр, как в Ашане. Такая простая киллерфича, но никто не хочет её делать, ни Утконос, ни 7й континент. Вкупе с сортировкой по этому параметру было бы очень удобно.
Сейчас же это громадная куча хлама, где всё в одном, молоко 150мл перемешано с молоком 1.5л и так далее.