Знакомства «Мамба» в новой операционной системе от Microsoft

    Сегодня мы расскажем вам про проект Mamba Windows 8 app :) В конце этого лета мы внезапно! вспомнили, что вот-вот выйдет новая версия Windows, и решили срочно запилить своё теплое и ламповое приложение для новой операционки. Немного подергав знакомых (спасибо Максиму Ищенко с DOU.ua), нашли разработчиков из Киева, и приступили.
    Задачей проекта сразу ставилась полноценная замена веб-клиента «Мамбы», а, желательно, и нечто полностью превосходящее веб (на текущий момент цель ещё не достигнута, но все основные функции «Мамбы» уже перенесли в win8 app).
    К нашему счастью, у «Мамбы» уже есть API для мобильных устройств, на котором, на данный момент, сидят версии для Android, Win7phone, Windows8, iOS, собственно, через него и работаем, что сильно облегчило нашу участь с т.з. коммуникации с основными сервисами «Мамбы».
    Знания и опыт, полученные нашей киевской группой разработки при работе с Windows Phone, позволили достаточно быстро «влиться» в среду Windows 8, ведь обе платформы имеют очень много общего.

    Важно отметить, что при переходе на Windows 8 нам не нужно было менять философию разработки: мы всё также работали с привычными инструментами, технологиями и языками — Visual Studio 2012, C# 4.5, XAML, MVVM. Также в Windows 8 SDK появилась поддержка async/await, что значительно упростило написание и тестирование асинхронного кода, что является существенной частью любого современного мобильного приложения.

    Также немаловажным является тот факт, что разработчики многих популярных компонентов и библиотек уже адаптировали свои решения для WinRT, что позволило сэкономить время на реализацию «велосипедов» и типовых решений. В проекте использовались такие библиотеки как MVVMLight (MMVM framework), Callisto (элементы управления и хелперы), NewtonSoft Json.NET (для работы с JSON), MetroIoc (dependency injection), MetroLog (прототипирование). Также присматривались к элементам управления Telerik RadControls for Metro, которые находятся сейчас в Release Candidate и которые, наверняка, будем использовать после официального релиза. В качестве системы контроля версий использовали BitBucket + Mercurial, в процессе разработки мигрировали на TFSPreview.com, который сейчас открыт для тестирования. Важным пунктом был этап интеграции в приложение возможностей операционной системы Windows 8 — notifications, live tiles, search и share contracts, snapped views, settings panel, а также реализация фоновых агентов для уведомления пользователя о новых сообщениях и событиях.

    Нам пришлось поработать над UX/UI, что в контексте Windows 8 занимает чуть ли не ключевую роль. Здесь по сравнению с Windows Phone нас ждало наибольшее количество изменений. Поэтому перед разработкой Windows 8 приложений необходимо в обязательном порядке читать руководства по проектированию — там есть описания многих правил и требований, которые не всегда очевидны.

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



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

    "

    Следующим этапом работ было определение того, как же будем рисовать, в каком стиле. При исследовании существующих приложений, мы провели цветовой анализ категории социальных приложений. Оказалось, что большинство приложений использовало либо темные, либо совсем светлые цвета, как в доминирующих цветах приложения, так и иконках в маркете. Еще оказались востребованными разнообразные оттенки синего, особенно в иконках. Проще говоря, маркет сливался в одно синее-серое пятно с редкими светлыми точками. Ярких акцентов на момент разработки было очень мало, поэтому мы обязаны были занять эту нишу и выделяться на однородном, ритмичном фоне. Ниже приведена статистика по цветам на момент официального релиза Win8. Из нее так же можно заметить, что основные используемые цвета в категории социальных приложений остались неизменными. Из графика доминирующих цветов приложения видно, что только 9% используют цвета в виде основы приложения и основная масса это темные, темно-серые приложения.



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



    Следующей проблемой, с которой мы столкнулись – это невозможность вызвать контекстное меню у элементов списка по клику на нем. Чтобы появилось меню, необходимо кликнуть вне выбранного элемента и только тогда нижнее меню появится. Это очень непривычный пользователям кейс. На момент первых тестов приложения самым популярным был вопрос: «А как перейти в анкету пользователя, с которым я переписываюсь?» Точно такая же проблема есть на данный момент и у почты Mail.ru. Ответ на письмо совершенно нетривиален: необходимо кликнуть в тело письма и только тогда появится нижнее меню, в котором есть контрол для ответа.

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

    Ну и небольшой инсайд. Так будет выглядеть новый профиль пользователя.



    Мы будем рады любому фидбеку относительно нашего дизайна и UI.

    Что имеем теперь? Имеем проект уже в сторе и в промо-блоке стора. Юзеры есть, есть опыт использования, поэтому кратко пройдемся по плюсам и минусам стора от Майкрософт:
    Магазин красивый, удобные промо-блоки, тайлы лучше иконок — вот они, плюсы.
    Минусы- стор пустоват, в стор пропускают сейчас очень слабые приложения, с которыми приходят даже известные компании. Нет продвижения платных приложений, везде Top Free (Мамбе это только в плюс, а вот остальным разработчикам может и butthurt доставить). Его же доставляет унылая реализация апдейтов, которая не подталкивает юзеров к мысли обновить приложение, что приводит к сбору негатива с первых релизов ещё долго после исчезновения причин этих негативов.
    Слабая система сбора статистики, порой вообще не работающая (например, статистика по использованию приложения пропадает на несколько дней).
    Нет удобной системы общения с юзерами, написать пострадавшим от наших багов жертвам средствами стора нельзя.
    Как работает с разработчиками российское отделение МС? Работает хорошо, в меру своих возможностей: тестовые девайсы дали, промо-поддержку дали, техническую поддержку и даже выездные лекции про дизайн — всё предоставили (безд-возд-мезд-но, то есть -даром). В этом МС превосходит своих конкурентов, и за помощь им большое спасибо.
    Само собой, всех интересует — а стоит ли вообще связываться с Win8 applications?
    С точки зрения «Мамбы» однозначно да. Сервисы вроде нашего через апп в самое ближайшее время будут работать лучше, чем через web, особенно на планшетах, которые растут и в мире, в целом, и у нас, в частности. Поэтому, Win8 app — это не последнее планшетное приложение от «Мамбы», мы готовимся к выпуску планшетных приложений для Android+iOS.
    Мамба
    65,30
    Создаем технологии для знакомств во всем мире.
    Поделиться публикацией
    AdBlock похитил этот баннер, но баннеры не зубы — отрастут

    Подробнее
    Реклама

    Комментарии 41

    • НЛО прилетело и опубликовало эту надпись здесь
        +1
        Через дашборд — никак, надо сделать годное приложение и работать с Microsoft по теме партнёрства)))
        +16
        Две анкеты — в обеих бл*дство. Ужас, вся мамба такая?
          +3
          Ну в первой анкете «Цель знакомства: дружба и общение», да и в комменте «ВСТРЕЧАЮСЬ ТОЛЬКО НА МАТ ОСНОВЕ». Видите, не каждый ей подходит :)
            0
            фотошопом собранные анкеты, все три.
              +4
              Мамба состоит из ОБРЕЧЕННЫЕ ШЛЮХИ и СОЛДАТЫ-СРОЧНИКИ на 99%.
              • НЛО прилетело и опубликовало эту надпись здесь
                  0
                  О ком вывод делать? Если кто-то добровольно платит/платил за это, кого это характеризует, в первую очередь?)
                  • НЛО прилетело и опубликовало эту надпись здесь
                      0
                      На мамбе те же люди, что в метро, на улице или на пляже. Не какая-то специальная подборка.
                      Поэтому, слабые духом — это вы (мы) сами)
                +7
                Интерфейсы, бла-бла-бла.
                Что это?
                  0
                  кусок древнего мокапа, нет?
                  0
                  Будет ли приведение сайта к аналогичной схеме концентрации пользователя на контенте?

                  Сейчас сайт как для меня слишком не удобен, учитывая количество «клонов» с общей базой — все как один…
                    0
                    Не знаю, за апп мы сразу садились с мыслью сделать лучше, чем сайт:) и в том направлении и копаем:)
                    Готовится новая версия сайта для тач-устройств, это точно могу сказать
                      0
                      а для обычных устройств? вот у меня один пк — с тач монитором, второй — без. м?
                        0
                        сайт для тач-устройств не требует тач устройства в обязательном порядке:) там просто дизайн и контролы будут другие
                          0
                          а отследить тип монитора (тач/ не тач) уже можно?
                            0
                            Сильно сомневаюсь в этом, разве что греть себе голову на тему запроса к дивайсу- а скажи, дивайс, как тебя зовут, и потом по имени дивайса (если дивайс его честно сказал) проверять по базе, является ли дивайс тач-инейблд. Но это сильный перегрев головы, да.
                    +3
                    Пью, курю, рак, 33 лет
                      +3
                      наш дизайнер — высокопрофессиональный тонкий тролль, скринчик сделан не с реальной анкеты:)
                        0
                        Да там и на фотографии явно не лицо проглядывается.
                          0
                          Леночка?
                          +1
                          Мамба под андроид жуткая же до невозможности.
                            0
                            Ща редизайн оной делает тот же дизайнер, что и Мамба-Вин8. Смотрите в следующих сериях, всё будет ок.
                          • НЛО прилетело и опубликовало эту надпись здесь
                              –2
                              Ботам и прочим спамерам это сильно мешает, отказываться не собираемся. У нас же внутренняя статистика на эту тему есть.
                              В чем порочность практики, обьясните?
                              • НЛО прилетело и опубликовало эту надпись здесь
                                  –1
                                  1) ничего поделать с этим нельзя, со временем можем добавить линкание фб, гугл+ акков и так далее
                                  2) восстановите старую анкету, это возможно
                                  3) задача не отловить каждого спамера, а сделать спам экономически невыгодным — новые симки поднимают стоимость контакта
                              –1
                              Практика подтверждения анкеты номером мобильного телефона не порочна ни разу. Это давно уже существует не только на Мамбе, но и в других многопользовательских системах.
                              После того, как мы ввели статус Real, спамеров стало в несколько раз меньше сразу. Да, есть самые упорные, которые готовы тратить деньги на сим карты, но, тем не менее, ситуация заметно улучшилась.
                              Мы никогда и не нигде не афишируем номера пользователей, поэтому данный сервис абсолютно безопасен. Мы никогда ничего не рассылаем на мобильные номера (в отличии, например, от тех же интернет-магазинов, где телефон ввести необходимо для заказа, но затем можно регулярно получать от них смс в любое время суток без предварительного «объявления войны»).
                              Плюс у нас есть сервис «Всегда на связи», который позволяет общаться на «Мамбе» без доступа к Интернету. Для его использования также требуется номер мобильного.
                              • НЛО прилетело и опубликовало эту надпись здесь
                                  –1
                                  >Facebook, Вконтакте

                                  уже сделано, и довольно давно.
                                  Что не отменяет необходимость телефоны собирать, увы, ибо и ВК взломанные профайлы продаются пачками (с учётом среднего уровня интеллекта тамошней аудитории, неудивительно), и ФБ. А потом с них спамят.
                                0
                                Блин, первое приложение, которое поставил после установки win8 — ваше. Очень хотелось ui посмотреть. Но вылетает через секунду после запуска (если войти залогиненным), никаких обновлений за последнее время не выходило. Даже отчет от ошибке непонятно, как прислать(
                                  –1
                                  Обновления, конечно, выходили, у вас, скорее всего, релиз с первого по третий, сейчас в сторе 5й, и сегодня уходит туда 6й. К сожалению, в Винсторе довольно унылая система нотификации юзера про обновления приложения, тем не менее, вам надо найти педаль «Updates» в правом верхнем углу экрана, когда вы находитесь в сторе, нажать на неё, и скомандовать Install
                                    0
                                    Я умею обновлять приложения. Сейчас пишет, что обновлений не найдено, мамба продолжает вылетать. Не знаю, как версию посмотреть(
                                      –1
                                      Окей, попробуйте его удалить вообще и поставить с нуля из стора, это будет последняя версия 100%, и пишите нам потом в техсаппорт, если не поможет
                                      win8 mamba.ru
                                        0
                                        К сожалению, установка новой версии на компьютер, где мамбы до этого небыло, дает такой-же эффект. Разок словил сообщение «отправить отчет разработчику», отправил, буду ждать обновлений и смотреть UI по скринам пока;)
                                          0
                                          Странно, вы у нас первый с такой бедой с этим релизом. Пишите в указанный мэйл, все детали — билд Вин8 на ваших компах, и тыды. Сейчас в сторе 6й релиз лежит уже, кстати.
                                            0
                                            win8@mamba.ru — сюда писать?
                                              0
                                              да, или svl _ mamba.ru
                                                0
                                                Ок, отпишусь, спасибо.
                                  0
                                  Вопрос на засыпку. Являюсь пользователем Windows RT, по указанной выше ссылке написано, что версия для ARM доступна. А в Store на самом устройстве по слову mamba находит только приложение IM+. Так как поставить-то его? :)

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

                                  Самое читаемое