«Яндекс.Практикум» и Moscow Coding — найти десять отличий

Сегодня будем сравнивать два сайта: Moscow Coding School и «Яндекс.Практикум».

Навигация по сравнениям:

• Главные страницы.
  
• Второй экран.
  
• Третий экран.
• Четвертый экран.
• Мобильные версии.
• Первые выводы.
• Сравнение идентичных курсов.
  
• Стоимость обучения.
  
• Программа курсов.
  
• Личные кабинеты.
  
• Общий вывод.
  

На волне скандала между Moscow Coding School и «Яндексом»: кто и что у кого позаимствовал, сотрудников или идеи, я решил тоже заскочить на инфоповод, пока он еще не закончился. Посмотрим оба сайта школ программирования, у кого лучше сделана страница, удобнее навигация, разберем какой-нибудь курс, попробуем поработать в личном кабинете.

Я вхожу в состав совета клуба маркетологов: Закрытый клуб интернет-маркетинга Convert Monster — Marketing Monsters Club. Разобрал уже более ста сайтов коллег-маркетологов из клуба, опыт подобной работы у меня есть).

Перед нами страница Moscow Coding School:

Заголовок «Школа программирования, перевернувшая игру» напоминает отсылку к чему-то, что они там перевернули. Я, условный Василий, который решил зарабатывать этим и научиться программировать, сменить профессию и перешел по контекстной рекламе или в Инстаграм, не знаю ничего про эту конкретную школу, и не представляю, что они там перевернули. Для меня эффективного оффера на главном экране нет.

Есть кнопка «Начать обучение», которая перекидывает нас на блок «Профессии».

Видим кнопку «Для компаний», которая в футере листает нарезку видеозаписей, связанных с обучением компаний.

Ниже есть кнопки, перебрасывающие читателя на статьи, связанные с Moscow Coding SchooI.

Я бы не стал выводить сразу первого попавшегося человека куда-то на другой сайт — это неправильно. Обзоры и хвалебные статьи в СМИ очень хорошо зашли бы где-нибудь ниже.

Есть значок, связанный с чатом. Тут он уместен. Ок.

Теперь главный экран «Яндекс.Практикума».

Само название «Яндекс» уже располагает доверять сайту. Все знают, что такое «Яндекс», единицы знают, что такое Moscow Coding School.

Если мы авторизованы, то можем незамедлительно начать обучение.

Есть небольшое меню, совершенно незаметное на фоне хаоса из картинок.

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

В хаотичном расположении картинок взгляд трудно сфокусировать на чем-то конкретном. Текст неудобно читать, он еще и меняется к тому же. Я тут уже полчаса просидел и только с десятого захода заметил, что блок листается. Этот момент я все время пропускал.

Moscow Coding School: плюс/минус.

Яндекс.Практикум: минус.

Переходим ко второму экрану Moscow Coding School, блок «Профессии».

Тут видим много непонятных слов. Если расчет на хипстерскую аудиторию, то они в теме. А меня слова «бандлы», «Дженга» смущают.

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

Далее видим ярко-синий блок, как у старых «экрана смерти» или у БИОСа, сейчас даже такой уже не используют. Он настолько «вырвиглазный», что даже при дополнительном освещении глаза режет и читать очень тяжело.

Читаем надпись на синей полосе:

«Зачем вы написали мне этот синий кирпич? Что я вам сделал?» Максим Ильяхов.Опять ссылка на то, что Ильяхов когда-то и где-то сказал, абсолютно непонятная простому обывателю.

Дальше видим блок «Курсы».

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

Переходим к «Яндекс.Практикуму».

Сразу видим рубрикатор, который быстро показывает какие курсы есть. Прикольная штука, меняешь и видишь краткое описание.

Изображения схожи по стилю с Moscow Coding School, но при этом они не так режут глаза. В целом, дизайн приятный.

Мне не нравится, что экран темный. Я люблю светлые экраны. Рубрикатор с тегами занимает большое пространство, остается много пустого места.

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

Блок сделан кратко и понятно.

Moscow Coding School: минус;

«Яндекс.Практикум»: плюс.

На третьем экране Moscow Coding School мы видим текст со стилизованными буквами, которые больше напоминают кляксы.

Зачем они здесь? Подобные дизайнерские ухищрения очень странные, читать такой текст не хочется. Картинка скачет, дробится. Я не одобряю такой дизайн, мне он не нравится. Более лаконичный визуал зашел бы лучше. Сам текст составлен хорошо. Если подать его в другом дизайне, то было бы лучше.

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

И первое преимущество — Понятный язык. Здесь столько специфических слов, что разберется в них только профи.

Блок с названиями преимуществ Ок, но читать его полностью — издевательство над собой.

Переходим на «Яндекс.Практикум». Третий экран сделан в виде чата. Диалог ведется от лица посетителя, ему отвечает представитель команды.

Забегая немного вперед, скажу, что у «Яндекс.Практикума» половина курсов представлена в диалогах. Не знаю, насколько это приемлемо. Такая система занимает много места и времени.

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

Третий экран у «Яндекса» лаконичный и серьезный.

Блок «Преимущества» у «Яндекс.Практикума» выглядит шире, точнее, получается объемный текст. Я и не стал бы все читать.

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

Moscow Coding School — минус.

«Яндекс.Практикум» — плюс/минус.

У Moscow Coding School тут размещена информация об обучении компаний. Представлены видео примеры, где видно, что они учили команду Касперского.

Здесь же результаты работы с «Декатлоном», «Сбербанком» и т.д.

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

Ниже выложены логотипы компаний. И тут не совсем понятно: команда Moscow Coding School работала с ними или учила специалистов этих компаний?

Кстати, они с «Яндексом» поссорились, назвали их «путинскими крысами», а его логотип красуется у них на главной. Если залезть в код, то можно найти «Яндекс.Метрику», которая установлена и прекрасно используется на этом сайте. Они передают все свои данные, наверняка, в администрацию Президента через «Яндекс» (шутка).

Дальше мы видим футер с логотипом в стиле Артемия Лебедева. Здесь оставлены ссылки на соцсети и указаны контакты.

Этот блок ни о чем. Отзывы отсутствуют, нет каких-то дополнительных закрытий и очень маленький блок преимуществ. Если ты хипстер, который знает эту компанию, то зайдет. В ином случае — все мимо.

У «Яндекс.Практикума» есть большой и хороший блок с отзывами в виде одинаковых окон, каждое можно раскрыть и прочитать полностью.

Добавлена кнопка «Задать вопрос», переход по которой приводит нас на страницу человека с его отзывом.

Тут довольно много социально подтвержденных отзывов от клиентов, если полистать.

Есть раздел отзывов от экспертов: известных маркетологов, дизайнеров, программистов и др.

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

Здесь видим регистрационные данные. Это действительно важно для укрепления доверия..

Moscow Coding School — минус.

«Яндекс.Практикум» — плюс.

У Moscow Coding School в принципе все Ок. Из минусов: экран с курсами получился очень длинный, текст со зверским дизайном читать сложно.

Неожиданно появились отзывы, целых два. В основной версии этого нет.

Блок Корпоративы выглядит чуть поменьше. Мобильная версия один в один повторяет основную, кроме наличия отзывов.

У «Яндекс.Практикума» дела обстоят по-другому.

Снова видим такое большое НЕЧТО.

Смотрим список курсов. Выглядит все растянуто и длинно из-за подробного описания.

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

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

Отзывы одинаково хорошо сделаны на обоих версиях, их удобно перелистывать. Единственное, что хочу добавить: не сразу понятно в двух случаях, что слова «студенты» и «эксперты» кликабельны. Логичнее, на мой взгляд, сделать их в виде кнопок.

У обоих сайтов мобильная версия выглядит достойно. У Moscow Coding School добавлен блок с отзывами.

Кстати, если зайти в код страницы Яндекс.Практикума, то можно увидеть такую пасхалку: в Яндекс найдется все, может, даже ляпы в коде)

Оба сайта мне не понравились. Они явно сделаны под аудиторию, которая уже знакома с данными компаниями. «Яндекс» планирует выезжать на собственном бренде, а Moscow Coding School — на хайпе, статьях в СМИ и рекламе. На самом деле, я про нее только сегодня узнал. Очевидно, что сайт они пилили под аудиторию, которая с ними на одной волне.

Выбирая из двух зол меньшее, я бы выбрал «Яндекс.Практикум»... У него есть подтвержденные отзывы, удобно расписаны курсы. И самая главная фишка, лид-магнит: в «Яндекс» можно начать обучение прямо сейчас и абсолютно бесплатно. Они дают любой курс попробовать. Ты начинаешь учиться и после принимаешь решение.

А у Moscow Coding School, несмотря на то, что курс дешевле, надо сразу вносить деньги, тут нет пробника, ты не можешь начать сразу. И вот это, на самом деле, решающее, даже не касаясь отсутствия отзывов тут и остальных ляпов.

Рассмотрим курс — Веб-разработчик.

У Moscow Coding School на экране слева движется лента из логотипов, которая не несет никакой информации, зато отлично перетягивает внимание. Непонятный элемент дизайна. Вдобавок страница поделена на две колонки, как какая-то газета.

Все сделано в той же цветовой гамме «экрана смерти» или старого БИОСа.

В правом углу выведены четыре картинки. Я не сразу понял, зачем они нужны. Оказывается, это курсы, которые входят в пакет обучения профессии.

Продолжается текст, оформленный в типичном стиле.

Слева выведена информация, которая дублирует видео. Видимо, это сделано для тех, кто не хочет смотреть ролик.

Экран очень перегружен: и видео, и иконки, и заголовок, и цена, и кнопки. Все свалено вместе. На таком фоне трудно читать и ориентироваться. Не спасает даже небольшое затемнение фоновой фотографии.

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

Самое лучшее, что можно отметить в этом экране — видео. Можно было оформить экран так: разместить название, под ним ролик, затем цену и кнопку Купить. Все остальное опустить ниже. Получилось бы отлично. Однако, сделали, как сделали.

Сразу видно, что у них нет курсов по дизайну. По оформлению и юзабилити — это полный провал, на мой взгляд. Слева мы видим важные триггеры: Помощь в трудоустройстве, Поддержка от менторов, Пожизненные обновления. В «Яндексе», например, это не описано.

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

Я вынес бы эту фишку на главную страницу как оффер (как, например, в skillbox). Поскольку пробника бесплатного у Moscow Coding School нет, то это можно использовать. Постоянный доступ к обновлениям мало у кого встречается. Остальные три преимущества есть у всех.

Далее кнопки «Купить курс» и «Купить в рассрочку». Для физических лиц цена 60 000 рублей, а для юридических уже 120 000. Мне кажется, для компаний лучше оформить отдельную страницу. Зачем это здесь писать?

Есть текст «Подарить курс». Я не знал, что это кнопка, пока не навел на нее курсор.

Если сравнивать с тем же предложением «Яндекс.Практикума», то цену мы не видим. Она указана в начале.

Яндекс.Практикум за 10 месяцев обучения просит 95 000 рублей, дороже, чем у Moscow Coding School. Трудно судить, насколько с ценообразованием у «Яндекс» все хорошо или плохо.

Смотрим первый экран. Здесь напоминание о том, что мы авторизованы и можем начать учиться, меню со всеми курсами, заголовок. Все Ок. Видим, как радостный мужик катается на велосипеде и где-то в парке кодит, т.е. создан образ счастливого фрилансера где-то в Южном Бутово.

Хорошо хоть не на островах с пальмами. На какие эмоции давят маркетологи, в целом, понятно. Мне не очень нравится этот блок, я бы его сократил, кнопку «Начать учиться» или «Попробовать бесплатно» сделал бы прямо здесь.

Далее идет текст, практически такой же, как и у Moscow Coding School в видео. Отличие в том, что при наведении мышки на специальные термины, всплывает окно с пояснением.

Это очень удобно, например, если я, Вася, только пришел учиться и хочу как друг программист Петя зашибать по 150 000 рублей, работая в mail.ru или где-то еще. Уже на этом этапе я делаю первые шаги в профессию. Все написано простым и понятным языком. Это удобнее, чем читать сленговый текст у Moscow Coding School.

У Moscow Coding School разделы «Что включает курс», «Чему я научусь» и «Целевая аудитория» еще можно прочитать, а дальше можно просто сломать глаза. Текст абсолютно нечитаемый. Целевая аудитория расписана слишком обширно (чего нет у «Яндекс.Практикума») и возникает ощущение, что курс подходит чуть ли не бабушкам из подъезда.

Блоки достаточно информативны, но оформлены так, что читать их не удобно, да и не хочется.

У «Яндекс.Практикума» идет сразу давление на зарплату.

Мол, посмотри, чувак, «Хабр Карьера»! Даже не просто так они взяли статью в авторитетном издании, а чтобы ты понимал, сколько будешь зарабатывать. Для середнячка диапазон от 65 000 до 100 000 рублей. И ты понимаешь: «Ага, я научусь и буду зарабатывать».

Дизайнер не пойдет учиться на программиста. Если человек зарабатывает дизайном, зачем ему дополнительная нагрузка? Стартаперы еще понятно. Хантящие программистов эйчары за 60 000 рублей тоже не будут учиться. Они в процессе работы уже отличают хорошего программиста от плохого.

В школу приходит аудитория из тех, кто хочет учиться, работать и зарабатывать. Основная ЦА — программисты, на них и должен быть основной упор. Зачем у Moscow Coding School так вынесены суб-объекты? Большинство людей идет учиться на программиста, чтобы и быть им, а не искать себе дополнительную нагрузку или получить еще одно образование.

Блок «Что вы увидите» у «Яндекса» аналогичен разделу «Чему я научусь» у Moscow Coding School. Эта часть выглядит как стандартный шаблон, взятый у Вордпресс или Тильды. Мне он не нравится. Не раскрыта глубина профессии.

Я бы написал «сможешь делать веб-сайты, крутые порталы, верстать и работать на фронт-энде, верстать и работать на бэк-энде» и раскрыть это. Сейчас приходится нажимать, чтобы узнать что это.

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

Текст, который рассказывает за какой срок и в каком темпе идет обучение, — в норме. Это важная информация. Навыков я бы сделал больше и раскрыл их подробнее.

На этом экране понятно, что у «Яндекс» есть собственный программный продукт, и на его базе проходит интерактивное обучение.

У Moscow Coding School представлена схема обучения.

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

Это такой пример, который сразу играет на эмоции. О, это круто! Единственное чего не хватает — превью для видео. Если на первом видео они есть, то на остальных нет.

У Яндекс.Практикума мы видим огромный белый пустой прямоугольник. Я бы сделал какие-то превью, как в первом видео, так и в остальных. Даже можно использовать стоп-кадр, это довольно наглядно.

У Moscow Coding School о код-ревью всего одна фраза.

У «Яндекс.Практикума» все наглядно показано. Делаешь задание, отправил, получил комментарии. Отлично, интерактивно. Сразу видно, где ты будешь работать, как выглядит личный кабинет, насколько он удобный.

Бесплатного пробного обучения у Moscow Coding School нет, чтобы я мог сделать обзор личного кабинета, в котором ты будешь работать, непонятно, как здесь работает ревью.

У «Яндекс.Практикума» можно обратиться в «Поддержку», тебе ответят и помогут разобраться, как делать задания.

Видео «Яндекс.Практикум».

Здесь про программу подробно не расписано. «Яндекс» делает упор на то, чему ты научишься и как будет строиться работа. Я считаю такой подход более правильным, чем у Moscow Coding School, там же простое перечисление инструментов.

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

Далее видим описание команды Moscow Coding School. Фото с синим фильтром и небольшого размера. Их лучше сделать в обычном формате и увеличить, чтоб можно было человека разглядеть. Текст также сложно читать. Хотелось бы увидеть тут сертификаты, дипломы или ссылку на Википедию, если это именитый учитель. Здесь же ничего не кликается.

Ставлю плюс Moscow Coding School за наличие этого блока, потому что у Яндекс.Практикум его нет. Первые тут выигрывает тем, что разместили информацию об учителях. Это тоже важно, а не только то, что удобно учиться.

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

В конце обучения у «Яндекс» выдается диплом, который мы можем показать работодателю.

У Moscow Coding School про диплом ничего не сказано на всей странице. Это минус.

Вероятнее всего, это из-за того, что у Moscow Coding School отсутствует лицензия НА обучение. Настоящие борцы с системой: )

У Moscow Coding School это показано вот так.

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

И сразу видно, что входит во вводный бесплатный курс, мы получаем столько-то часов занятий и практических заданий. Если хотим учиться дальше, доплачиваем еще 95 000 рублей одним платежом или по 11 000 рублей в рассрочку каждый месяц. Далее раскрыт платный пакет обучения и размещена кнопка «Начать бесплатный курс».

У Moscow Coding School сначала идут отзывы и еще раз указана цена, хотя непонятно зачем ее здесь ставить. И кнопка «Подарить курс» тоже странная. Опять тут эти дурацкие значки и кирпич «Подписаться на email-рассылку». Ничего интересного.

У Moscow Coding School она выглядит вот так:

У «Яндекс.Практикума» программа более подробная.

Тут вот как раз все расписано, четко и по существу: что, сколько, куда, почему. Если раскрыть — она длинная. Отличный вариант для людей, которые любят почитать и понять, что нужно. Вдобавок сверху уже ребята показали, что учиться у них удобно.

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

Блок Начать учиться с закрытием покупки.

Блок «Часто задаваемые вопросы». Один из них: смогу ли я устроиться на работу. Если мы вернемся в Программу обучения, то найдем там в опциональном меню раздел Карьерный трек.

Далее идет стандартный футер.

Если обе главные страницы Moscow Coding School и Яндекс Практикум мне не понравились, то здесь за страницу курса огромный респект команде Яндекса. Отлично сделано. Я бы и сам пошел к ним учиться, даже если убрать название Яндекс. Здесь показано как просто, круто и удобно учиться, сколько я смогу зарабатывать и что мне помогут составить резюме.

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

У Moscow Coding School длинная страница с очень большим текстом и нужно иметь ну очень большое желание, чтобы все это прочитать, а отзыва всего два.

Рассмотреть личный кабинет у Moscow Coding School я не могу, так как сначала нужно заплатить 60 000 рублей.

Переходим в ЛК «Яндекс.Практикума».

Это страница бесплатного курса. Попадаем сразу сюда:

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

У Moscow Coding School вообще ничего не сказано о начале обучения.

У «Яндекс.Практикум» дана полная программа обучения.

Здесь подробно расписано все содержание курса. Можно посмотреть, что нам бесплатно дают, а что платно.

Интерфейс очень удобный и максимально простой. Легко переключаться между курсами. Видно где и сколько я прошел, а где не сдвинулся со старта.

Есть кнопка «Учиться», показано, на каком уроке я нахожусь в данное время и сколько всего уроков в разделе.

Нажимаем кнопку «Учиться» и получаем доступ к статьям и информации. Подача материала, на мой взгляд, здесь странная: в виде бесконечных диалогов.

Лично мне проще прочитать большую статью, если уж начал учиться, чем листать чат.

Например, в курсе маркетинга я прошел 2 урока. Там все подается в форме огромных диалогов.

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

В курсе веб-разработке тоже есть диалоги и объяснения, как пользоваться системой.

Далее дается теоретический материал и предложение перейти к заданию.

Нужно сделать кнопку Like над блоком с заданиями, находящимися около редактора кода с файлом индекса.

Чтобы сделать из слова кнопку, надо написать Likebutton.

Обучение очень удобное. Мне нравится. Я бы уже пошел учить кодинг. А кнопка Like нажимается.

Да, большой и жирный плюс «Яндексу» за то, как построено обучение. В курсе маркетинга мне не очень понравилось, а вот в программировании — просто отлично.

Если ты хочешь обучиться кодингу с нуля и вообще ничего в этом не шаришь, то у «Яндекс.Практикум» тебя за ручку проведут. А в Moscow Coding School всё сделано на хипстерском наречии и очень спорнойм дизайне. Это серьезный фильтр для хорошей конверсии в ученика, как и отсутствие пробника.

Отдаю предпочтение «Яндекс.Практикуму».

#яндекспрактикум #moscowcodingschool