Случайны выбор дневника Раскрыть/свернуть полный список возможностей


Найдено 226 сообщений
Cообщения с меткой

редизайн - Самое интересное в блогах

Следующие 30  »
rss_rss_hh_new

Как мы обновили и переписали iOS-приложение банка «Открытие»: кейс

Четверг, 21 Июля 2016 г. 14:35 (ссылка)

В жизненном цикле мобильного продукта рано или поздно наступает момент, когда нужно радикально обновиться. Потому что за время, прошедшее с запуска, выросли требования бизнеса и ожидания клиентов, изменились возможности платформы и средства разработки — и обновления становится невозможно реализовать путем “косметического ремонта”. В мире мобильных приложений жизненный цикл ПО составляет 2-3 года против 10-15 лет в обычном Enterprise-сегменте. Для нас с командой “Открытие Digital” момент радикального обновления мобильного банка настал в конце прошлого года.







От mobile first к mobile only



Мобильное приложение банка «Открытие» появилось в AppStore осенью 2014 года, когда пользователи имели айфоны 4-й и 5-й моделей с iOS 7 и 8, и была востребована довольно простая функциональность — перевод между счетами, платежи, конвертация, просмотр выписки, информация о картах и вкладах, поиск отделений и банкоматов. Считалось, что для более сложных операций клиентам удобно обратиться к интернет-банку или зайти в отделение.







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



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



В 2010 году известный веб-дизайнер Люк Вроблевски выдвинул концепцию разработки “mobile first”. Для того времени это была революционная идея — сначала разрабатывать UX и UI для мобильных устройств, а потом адаптировать проект для веба и десктопных приложений. Но это уже вчерашний день: появилась категория пользователей, для которых мобильное устройство является единственным каналом коммуникации, в том числе и в общении с банком.



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



Agile, кайдзен и кайкаку



Приложение «Открытия» не оставалось статичным по сравнению с первым релизом. Функционал, с которым мы стартовали, постоянно развивался. Бизнес ставил новые задачи, выходили новые устройства, обновлялись ОС, а пользователи входили во вкус мобильного банкинга — за полтора года мы добавили в приложение более тридцати новых фич.



image

Александр Нестеров, product owner, “Открытие Digital”

«Еще на стадии проектирования нашего первого приложения мы думали о том, как сделать его максимально удобным для пользователя и поэтому выбрали путь постоянных улучшений. Сначала мы шли достаточно длинными итерациями, первое большое обновление случилось спустя несколько месяцев, когда добавили возможность открытия вкладов. В банке тогда жили по стандартному waterfall’у и еще не умели дробить крупные фичи и вводить их по частям, но постепенно длина итераций начала сокращаться — мы перешли на Agile и сейчас релизимся каждые две-три недели. Это сильно помогает нам нащупывать правильный вектор развития и при этом страхует от серьезных ошибок».



Разработкой приложения мы, Redmadrobot, занимаемся в суперплотном взаимодействии с клиентом, “Открытие Digital”, на всех уровнях: от серверной команды и службы безопасности до продуктовиков и топ-менеджмента (о рабочем процессе мы расскажем подробнее в одном из будущих постов). Последние два месяца с нашей стороны на проекте работало две группы разработчиков. Одна занималась развитием и поддержкой текущего приложения, а другая — разработкой нового (фултайм два iOS-разработчика, аналитик, дизайнер и администратор проекта). А core team в лице тимлида, дизайн-команды и менеджеров проекта была занята сразу по обоим направлениям. Чтобы уложиться в запланированный срок релиза, задачи каждого члена команды были распланированы на каждый день на два месяца вперед и постоянно корректировались по ходу работы.







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



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



Со стороны бизнеса:


  • Персонализация сервиса;

  • Повышение удобства пользования;

  • Увеличение транзакционного дохода;

  • Наращивание клиентской базы;



С технической стороны:


  • Прекращение поддержки старых версий iOS (только 9 и выше);

  • Перевод разработки с Objective C на Swift;

  • Максимальное увеличение комфортного использования приложения за счёт средств платформы (быстрый доступ к функциям через 3D Touch, Spotlight Search и т.д.)





Таймлайн проекта, организация работы и юзабилити-тестирование





В ноябре 2015 года мы начали обсуждать логику нового приложения «Открытия»: составили свое видение развития продукта, получили от банка road map, а дальше началась работа по приведению их в соответствие друг другу. К январю мы представили клиенту дизайн-концепцию — свое видение идеального мобильного банка — каким должно быть банковское приложение, если представить, что нет ограничений по ресурсам и интеграции с системами заказчика. Но тут, конечно, пришлось приоритизировать.



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







А в середине апреля мы приступили к разработке, которая заняла 2,5 месяца.



Проектирование, дизайн и юзабилити



image

Леонид Борисов, арт-директор Redmadrobot



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



Платежный функционал



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


  • Шаблоны с популярными операциями выводятся вверху главного экрана, и их можно создавать прямо через приложение

  • Оплата услуг и перевод средств теперь осуществляется в пару касаний

  • В поле оплаты появились быстрые кнопки пополнения с суммой

  • Быстрый доступ к обмену валют

  • Переработанный каталог услуг

  • Быстрый перевод средств по номеру телефона для клиентов «Открытия»









Расширение возможностей прелогин-зоны



Мы переработали прелогин-зону — неавторизованный режим перестал быть историей исключительно для клиентов «Открытия». Посмотреть информацию о банкоматах и офисах можно без авторизации, а кроме того, теперь в прелогин-зоне есть функционал P2P-переводов с карты на карту (раньше, чтобы сделать перевод, пользователь перенаправлялся в Safari на сайт банка).







Персонализация и “умный банк”




  • Новый раздел «Профиль» мы задумали как центр управления настройками аккаунта и коммуникации с пользователем

  • Персональные контекстные предложения от банка в “Профиле”

  • Блок коммуникации с пользователем на главном экране с персональными предложениями

  • Контекстные сall-to-action buttons по всем ключевым продуктам банка

  • Персонализация для банковских продуктов — например, если у пользователя карта «Открытия» с «Игрой престолов», то рисунок с ней будет на главном экране, а на странице самого продукта — стилизованное фоновое изображение





image

Павел Усачев, бизнес-аналитик Redmadrobot

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

В результате нам удалось реализовать совершенно новое представление о банковском продукте в цифровом варианте, который совсем не отличается от “оффлайновой” карты пользователя. Помимо визуального оформления мы обогатили продукт полезной информацией, которая всегда под рукой и ее не приходится искать в больших файлах с описанием условий тарифа».








Разработка



Проект полностью на Swift



image

Егор Тафланиди ( BepTep ), архитектор Redmadrobot

«Задача архитектора — сделать так, чтобы из проекта в проект использовались одни и те же решения — с такими проектами проще работать, и их проще поддерживать. В случае «Открытия», естественно, исключений не было, дизайн кода и идеология RESTful-взаимодействия с сервером остались неизменными, но проект был переписан с использованием нового языка программирования, что повлекло за собой обновление (зачастую, переписывание с нуля) старых библиотек, написанных на Objective-C. Фактически, слой обработки данных и взаимодействия с сервером был полностью переосмыслен и собран заново».



Мобильное приложение спроектировано с оглядкой на принципы SOA (service-oriented architecture), с разделением логики на слои Presentation / Business Logic / Persistency). Подробнее про этот подход вы можете прочитать в статьях (раз, два) нашего архитектора Егора Тафланиди. В зависимости от сложности сценариев и количества типов данных часть пользовательских историй написано в стиле MVVM в связке с RxSwift и нашей собственной библиотекой для биндинга (спасибо Роме Чуркину). А в части сценариев применяется «любимый» MVC с облегченными (lighter) view контроллерами и выделенными делегатами, data source и прочими вспомогательными объектами (любим принцип S из SOLID). Мы по-прежнему с большой аккуратностью применяем реактивное программирование и используем его только для простых подписок и преобразований потоков данных. Прежде всего это связано с легкостью поддержки, дебага и развития такого кода.



Так как это приложение — мобильный банк, мы уделяли первостепенное внимание соблюдению лучших практик и стандартов безопасности. Код регулярно проверяется лично ответственными специалистами по безопасности из банка, статическими анализаторами, периодически проводится внешний аудит и исследования. 0 (ноль) критических уязвимостей безопасности — это про приложение мобильного банка “Открытие”. В свое время данный проект послужил пионером и драйвером для развития практик по безопасности в Redmadrobot. И сейчас ни один проект не обходится без таких базовых вещей, как SSL-pinning, защита от подключений отладчика, от запуска на jailbreak-устройствах, отключение кэширования web-запросов, очень внимательное отношение к тем данным, которые сохраняются в БД, и многое-многое другое.



Мы продолжаем активно применять практику повторного использования кода, что позволяет придерживаться единой архитектуры и сократить время разработки на нескольких проектах, а также повысить надежность. Мы реиспользуем единый каркас бизнес-логики: сервисный слой, транспорт, ДАО и сейчас работаем над кодогенерацией парсеров, трансляторов и моделей БД. Вовсю используем общие наработки по цветам и шрифтам, при этом перечисления (enum) из Swift позволяют в полной мере развивать применение стилей. Расширения и кастомные элементы UI часто используются повторно на разных проектах.



Проект “Открытия” преимущественно написан на Swift 2.2.1. Представленный два года назад на WWDC язык Swift хоть и молод по традиционным меркам, уже пережил несколько релизов и из проприетарного перешел в open source. Несмотря на то, что еще не вся экосистема iOS перестроилась на новые рельсы, рискованным решение портировать разработку мобильного банка на Swift назвать нельзя. Главное — мы увидели, что на Swift можно соблюсти все требования по безопасности, и это стало отправной точкой. Инициатива шла от разработчиков. Потихоньку мы начали применять этого язык на проектах уже довольно давно (мы рассказывали об этом в кейсе про разработку “АльфаСтрахования Мобайл”). Поначалу стали делать один-два экрана на Swift, оставляя бизнес-логику на Objective-C, а затем внутри компании собралась команда энтузиастов, которая за несколько недель переписала на Swift весь наш шаблонный каркас для iOS-приложений, включая широкий пласт логики взаимодействия с сервером.



Это был не «перевод» с одного языка на другой, это было «изложение». Как в школе, когда текст нужно сначала запомнить, а потом написать заново. Возможно, другими словами. С точки зрения методологии разработки вообще нет особой разницы, на каком языке писать. В проекте “Открытия” осталось всего несколько модулей, реализацию которых не затронул переход на новый язык программирования. Например, внутри приложения в поле суммы, когда делаешь перевод, есть калькулятор, чтобы посчитать, сколько каждый должен, допустим, заплатить за ресторан — можно записать общую сумму и поделить на троих. Скорее всего, мы возьмем и просто встроим его в новое приложение. В целом на сегодня мы почти отказались от Objective-C и все новые проекты пишем на новом языке.



image

Антон Подеречин, iOS-разработчик Redmadrobot

«В Swift больше синтаксического сахара, на нем приятнее пишется, его легче форматировать и код в итоге выходит более читаемым. Да, еще не все идеально – дебаггер немного хромает, рефакторинг пока не работает, бывает в IDE подсветка синтаксиса отваливается. По большому счету если сравнивать с Objective-C, то у Swift в каком-то смысле даже меньше возможностей, например, в нем нет динамической типизации, поэтому нет каких-то вещей, которые можно сделать на Swift, но нельзя было сделать на ObjC. Разумеется, статическая типизация это с одной стороны плюс, а с другой даже немного минус потому что компилятор везде подсвечивает ошибки несовпадения типов и не дает вольничать как прежде. А динамизм Objective-C иногда нам очень помогал — например, так парсить JSON было удобнее. Но нельзя сказать, что это такая ужасная боль, чтобы нам захотелось вернуться на Objective-C».



Было понятно, что релиз приложения состоится летом, а уже в сентябре появится iOS 10, и нам удалось убедить банк ограничиться поддержкой только iOS 9 — в ней многие вещи удобнее, чем в более ранних версиях: работа с анимациями таблиц, Stack View, WebKit, Layout Guides, Layout Anchors, Touch ID Reuse Duration, Contacts Framework и так далее. Но это, конечно, не было просто нашей прихотью — решение было продиктовано аналитикой: версия iOS ниже 8 или 9 установлена у 13% пользователей, а все устройства, поддерживающие iOS 8, вполне могут обновиться до 9-й версии. Исключение составляют только iPhone 4 c iOS 7, но их в клиентской базе осталось совсем немного (и все они смогут пользоваться предыдущей версией мобильного банка).



Кэширование данных



image

Григорий Матвиевич ( fountainhead ), тимлид iOS-команды Redmadrobot

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



Интеграция с банковскими системами



Мы работаем с серверной командой мобильного банка на стороне “Открытия”. Все данные клиентов, их аккаунты и заявки хранятся в многочисленных внутренних системах банка. Мы встречались с аналитиками “Открытия”, чтобы понять, какие у нас есть возможности, и помогали команде сервера мобильного банка с интеграцией в части модели данных. Были сложности, когда данные, которые представлялись нам частью одной сущности, хранились в разных системах. По каждому такому случаю приходилось тестировать и принимать отдельное решение, что лучше: делать несколько запросов из приложения или один запрос и объединять данные на сервере».



Так, данные по тарифам и лояльности хранятся в очень разных местах. Части данных по вкладам, например, вообще нет, но их можно вычислить на основе других данных. Всё это нам приходилось исследовать, а затем транслировать на обе части команды — нашу в Redmadrobot и серверную в “Открытии”.



Повторные операции, шаблоны и возможности платформы



Более быстрая и удобная оплата, а также повтор операций были для нас крайне важны при переработке приложения. Мы добавили последние операции, шаблоны и контекстные кнопки для разных банковских продуктов.



Из несложного с точки зрения реализации, но приятного для пользователя — мы активно использовали возможности платформы, добавив в приложение 3D Touch и Spotlight Search — в iOS 9 он позволяет искать не только по базе контактов и заметкам, но и по объектам приложения, если они опубликованы. Таким образом, даже не заходя в приложение, через Spotlight человек может найти нужный шаблон и, нажав на него, сразу попасть на экран соответствующего платежа в мобильном банке.







При реализации повторных операций на беке возникли сложности с определением схемы платежа, по которой он был проведен, и ее заполнением. Как только эти проблемы удалось решить, взлетел и повтор операций, и шаблоны (с шаблонами платежей были аналогичные проблемы). Для того, чтобы все правильно заработало с поиском через Spotlight, на беке внедрили счетчики, вычисляющие самые частые шаблоны. Некоторые сложности были с определением, какие шаблоны мы можем проводить через быструю оплату (модальное окно), а какие нет, и как правильно вычислять те поля в шаблоне, которые пользователь может изменить, и показывать только их.



Схема платежа и мгновенный расчет комиссии



Провайдеров платежей десятки или даже сотни, типов переводов много, поэтому делать уникальный экран для каждого из них невозможно. Еще давно в приложении был придуман специальный протокол: схемы платежа, в соответствии с которым сервер присылает набор полей, необходимых для проведения платежа. У этих полей могут быть ограничения: маска ввода, набор допустимых значений, регулярные выражения для проверки, зависимости от других полей и прочие. Помимо этого у каждого поля есть тип, который определяет интерфейс в приложении. Данный протокол был значительно доработан с учетом новых потребностей: дизайн банковских карт других банков, определение банка и корр счета по БИК, определение клиента банка по номеру телефона. Другой пример — раньше комиссия показывалась только в алерте после нажатия кнопки “Оплатить”. В момент оплаты пользователь не знал размер комиссии, теперь по протоколу сразу приходят поля, от которых зависит комиссия, что позволяет вычислять её налету.



Прочие улучшения



Работая над встраиванием функционала P2P-переводов, мы собрали базу бинов, чтобы определять банк по номеру карты и показывать пользователю фирменную расцветку и логотип. Этой базы нет в открытом доступе, и по сути мы составляли ее вручную.



Мы начали работу по актуализации JSON банкоматов и офисов, это позволило убрать отображавшиеся раньше на карте дубликаты. Спасибо команде интернет-банка! И тут у нас большие планы: добавить метро, описания, где их еще нет, кнопку «пожаловаться на банкомат».



Чат



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







Что у нас в бэклоге



Как обычно, все классные идеи не уместились в свежий релиз :) Что же мы хотим добавить?




  • Более плотную интеграцию с CRM-системами банка — то, что мы сейчас сделали в рамках персональных предложений, — только первый шаг.

  • Скидочные программы и программы лояльности и рекомендации друзьям.

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

  • Сервис оплаты по номеру мобильного телефона с автоматическим определением оператора. Для клиентов было бы удобно не заполнять лишнее поле, да и вообще, когда нас просят кому-то кинуть денег на телефон, оператора мы не всегда помним. Но банку обязательно надо знать поставщика услуг связи, чтобы провести платеж. Существует простая база кодов мобильных операторов, но после вступления в силу закона об отмене «мобильного рабства» появилось 4 миллиона людей, оператора которых по коду определить нельзя, нужна дополнительная интеграция со сторонним сервисом.

  • Информативные графики по вкладам и состоянию счетов.





Также в планах добавление для переводов карт других банков, оплата ЖКХ по штрих-коду, оплата парковок и многое другое. На последней WWDC был представлен Siri Kit, Apple открыла API для общения со своим умным помощником, и это предоставляет огромные перспективы для новых пользовательских сценариев, в том числе и для мобильного банка «Открытие».



Вместо заключения



Пользователи, чьи устройства работают под управлением iOS 9 и выше, могут скачать обновленное приложение. Для тех, у кого iOS 8, доступна последняя версия в старом дизайне, которую мы также максимально обновили — там появилось переименование продуктов, создание шаблонов, досрочное погашение кредитов. Старое приложение продолжит работать и поддерживаться, но перестанет развиваться.



Так мы делали новое «Открытие». Как в приложение не уместились все классные идеи, так и в эту статью не вошло все, что мы хотели рассказать о проекте, поэтому мы запланировали еще несколько постов — о том, как работали над MVP и делали чат в приложении. Stay tuned :)







Запилили!
Original source: habrahabr.ru.

https://habrahabr.ru/post/306116/?utm_source=habrahabr&utm_medium=rss&utm_campaign=best

Комментарии (0)КомментироватьВ цитатник или сообщество
rss_rss_hh_new

Фрилансим: перезагрузка

Понедельник, 18 Июля 2016 г. 18:00 (ссылка)

Спешим поделиться радостной новостью: мы вновь вернулись к регулярной работе по обновлению «Фрилансим». За последние месяцы у нас скопилось множество технических и моральных долгов перед нашими пользователями, постараемся рассчитаться с ними как можно скорее и перевести сервис на новый технологический уклад. А пока мы пересобрали «Фрилансим» по новой схеме, поработали немного над репутациями пользователей и исправили логику работы с заказами и исполнителями. Далее обо всём по порядку в деталях.



image



Новая схема «Фрилансима»



Начали мы с того, что пересобрали «Фрилансим» по той же схеме, которую оттачивали последний год на «Моём круге». Ведь логика «Фрилансима» очень похожа на логику «Моего круга»: и там и там размещаются объявления, с помощью которых собирают отклики заинтересовавшихся соискателей и потом выбирают самого подходящего. И тем и другим сервисом пользуются одни и те же люди из Хабра-сообщества: так зачем же им учиться пользоваться нашими сервисами дважды, если проще просто перенести свой опыт из одного сервиса на другой? В конце-концов нам, как разработчикам, проще поддерживать один единый стандарт и не плодить лишних сущностей.



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



image



Схема следующая. У нас есть главное меню с основными разделами — вакансии/заказы, специалисты/фрилансеры. Есть меню пользователя, разделённое на меню для работодателя/заказчика, и меню для соискателя/исполнителя. Отдельно есть личный кабинет пользователя, который доступен только ему и с помощью которого он управляет всеми своими данными и активностями.



image



Сами стили элементов сервиса мы решили пока не трогать, оставить как есть. Часть стилей позаимствовали с «Моего круга». Если будем их менять, то постепенно, это не самое важное, на наш взгляд.



Репутации пользователей



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



image



Мы начали с того, что чётко разделили две роли, в которых могут выступать пользователи «Фрилансима»: они могут быть как заказчиками, так и исполнителями.




  1. По каждому пользователю мы вывели историю его заказов: теперь видно, какие заказы пользователь размещал, а какие выполнял; также теперь видно, что говорят об этих заказах те, с кем он по ним договаривался (последнее пока в проекте).

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

  3. Меню пользователя поделено на меню для заказчика и меню для исполнителя, также поделён и личный кабинет.



Новая логика заказов



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



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



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



image



Планы на будущее



Что мы планируем сделать следующим шагом — перенести, наконец, портфолио из Brainstorage на «Фрилансим» и сделать полноценную систему работы с портфолио на самом сервисе заказов. Мы понимаем, что это, пожалуй, самое неприятное, с чем сталкиваются наши пользователи и очень сожалеем, что так долго не решаем эту проблему. Обещаем исправиться.



Дальше мы планируем развернуть на «Фрилансиме» собственную систему отзывов друг о друге. Сейчас, как и в ситуации с портфолио, отзывы можно оставлять на Brainstorage, а затем только импортировать на «Фрилансим». Исправим и это, а ещё постараемся сделать так, чтобы отзывы были связаны с теми конкретными заказами, в которых пользователь участвовал.



На этом пока все новости, желаем удачи в поиске интересных заказов и профессиональных исполнителей!
Original source: habrahabr.ru.

https://habrahabr.ru/post/305864/?utm_source=habrahabr&utm_medium=rss&utm_campaign=best

Метки:   Комментарии (0)КомментироватьВ цитатник или сообщество
rss_rss_hh_new

Осторожно, редизайн: «глас народа» vs «глаз дизайнера»

Пятница, 10 Июня 2016 г. 19:59 (ссылка)

image



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



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



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



image



На новой главной странице обновленного «Флампа» располагаются рубрики и поисковая строка, через которую можно искать компании не только по названию или сфере, но и с помощью discovery-запросов — к примеру, «круглосуточный бар на правом берегу с Wi-Fi».







Кроме того, новый «Фламп» отказался при отображении рейтинга компании от звёзд — вместо введены оценки по пятибалльной шкале с точностью до десятой.



image



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







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



image



«В будущем нет места односторонней оценке компании клиентом — ключевым тут становится именно взаимодействие. И центральная идея «Флампа» заключается в том, чтобы выстроить этот мостик между клиентом и компанией», — пояснил Евгений Васильков.



А между тем, медленно и печально доживает свои дни старая версия «Флампа». «Ближе к осени 2016 года новый дизайн сайта полностью заменит текущий», — рассказал Сергей Томилов.







Сервис отзывов «Фламп» запущен компанией «2ГИС» в 2011 году. Сначала он был доступен только для Новосибирска, а к 2015 году существовал уже в 91 городе России, в том числе во всех крупных городах Сибири.







По данным Томилова, к данному моменту ежемесячная аудитория «Флампа» составляет более 3,5 миллиона человек, при этом на сервисе зарегистрировались около 50 тысяч компаний.



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



image

image



Некоторые пользователи предложили собрать подписи за сохранение старой версии «Флампа».



image



image



Критика и намерение вернуть старую версию, подав коллективную жалобу, напоминает историю с перезапуском сайта «Кинопоиск».


«Кина не будет»



В начале октября 2015 года компания «Яндекс» продемонстрировала обновленный сайт о кино – «Кинопоиск». Главная страница сервиса представляет собой персонализированную витрину фильмов и сериалов.







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







Кроме изменений в дизайне сайта, произошли изменения в его концепции. «Кинопоиск» превратился в онлайн-кинотеатр и стал агрегатором видеоконтента. Партнерами сервиса стали «Амедиатека», ivi.ru, Megogo, Tvzavr, Pladform, ВГТРК, «СТС Медиа», Rutube, Ayyo Movies.



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







Однако обновленную версию сервиса раскритиковали многочисленные пользователи и даже его формальный создатель Виталий Таций:








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







Обновленная версия сайта Kinopoisk.ru просуществовала всего четыре дня, а «Яндекс» потерял десятки миллионов рублей.



А вот какое заявление команда «Кинопоиска» распространила через пресс-службу «Яндекса»:

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



До раскатки новой версии, примерно с мая по октябрь, мы показали закрытую бету-версию сотрудникам Яндекса, а это примерно 6000 человек. Для многих из них «КиноПоиск» один из любимых сервисов, и мы получили огромное количество полезных отзывов, по результатам которых внесли изменения в проект. После того, как мы поработали с откликами внутри, мы вышли во «внешний мир».



Сейчас мы внимательно разбираем все обращения и стараемся отвечать на каждое. Наша главная задача — сделать всё, чтобы помочь пользователям освоиться в новой версии, и продолжить развивать «КиноПоиск» благодаря идеям и пожеланиям нашей аудитории.


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







Вот, что писала об этом пресс-служба компании:

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



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






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


Пользователи Facebook vs Facebook Messenger



В августе 2014 года социальная сеть Facebook начала постепенно отказываться от функции обмена личными сообщениями в своих мобильных приложениях для платформ iOS и Android. Пользователи мобильных устройств, желающие и далее использовать их для общения в Facebook, должны были загрузить новое приложение – Facebook Messenger.



Многие пользователи выразили свое несогласие с помощью низких оценок в Apple App Store.



Вскоре Facebook Messenger вышел на первое место среди бесплатных программ в Apple App Store в США. В то же время, суммарная оценка, выставленная пользователями программе, равна единице — это наиболее низкий рейтинг для приложения в App Store. Такую оценку программе выставили более 5,8 тысяч человек из 6,4 тысячи.







Недовольство пользователей обязательным переходом на Messenger, выраженное в оценках, проявилось не только в США. Актуальная версия приложения в App Store в Австралии, Канаде, Китае, Франции и Германии также оценена лишь в одну звезду, по данным аналитической компании App Annie.



image



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







Как мы знаем, несмотря на протесты непокорных, мессенджер вписался в facebook-сообщество.




image



Редизайн Instagram



9 апреля 2012 года Facebook объявил о приобретении фотосервиса Instagram за $1 миллиард. Instagram был запущен в октябре 2010 года и до апреля 2012 года был представлен только в виде приложения для iPhone, iPad и iPod. К концу марта 2012 года количество пользователей фотосервиса достигло 30 миллионов человек.



11 мая 2016 года Instagram обновился до восьмой версии. Кардинально изменились иконка и интерфейс приложения. Фотокамера стала более стилизованной, а сам логотип превратился в радужный градиентный значок.



image



Руководитель отдела дизайна Йен Спалтер рассказал, как проходил редизайн и почему команда внесла эти изменения.



По словам Спалтера, за пять лет концепция Instagram изменилась. «Изначально Instagram был местом, где люди могли делиться фотографиями. Теперь это сообщество, разделенное по интересам», — говорит Спалтер.

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



«Мы начали с базовых вещей — убрали орнамент, упростили и сделали иконку плоской и яркой», — говорит Спалтер. Дизайнеры хотели оставить что-то от оригинальной иконки. По их мнению, пользователям больше всего нравилась радуга и линза камеры. Линзу оставили, а цветовую гамму всей иконки сделали радужной.



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



image



«Эволюция сообщества вдохновляла нас и мы хотим верить, что смогли захватить жизнь, креативность и оптимизм людей, которые заходят в Instagram каждый день. Мы надеемся, что увидев обновленную иконку, у людей вспыхнет еще одна искра креативности сделать нечто красивое и необычное», — резюмирует Спалтер.



Некоторые пользователи соцсетей негативно восприняли новый дизайн Instagram. После изменения внешнего вида приложения в Twitter стали появляться критические оценки черно-белого интерфейса и яркой иконки сервиса.







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







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


Сакральное число «10»



Социальная сеть «ВКонтакте» начала принудительный перевод своих пользователей на новый дизайн, который она представила 1 апреля 2016 года. Социальная сеть обновила дизайн своей веб-версии впервые за 10 лет существования.



image



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



Естественно, в адрес социальной сети посыпались нелестные высказывания от «обрадованных» пользователей:















На что последовал ответ техподдержки: «Нашему сайту совсем скоро исполнится 10 лет. За это время он прошел огромный путь: разработчики постоянно добавляли новые сервисы и улучшали качество имеющихся. Но нельзя вечно продвигаться маленькими шажками. Есть какие-то вещи, которые не поднять до стандартов завтрашнего дня без полной переработки. Основную информацию о редизайне сайта Вы можете найти в официальном блоге разработчиков»



Один из пользователей, недовольных обязательной установкой нового оформления «ВКонтакте», даже создал на Change.org петицию с требованием сохранить «возможность использовать старый дизайн», а также предоставить пользователям «право выбирать».



image



Справедливости ради



Что теперь будет с «Флампом» и «Вконтакте» — на 100% не известно. Справедливости ради стоит отметить, что во всех перечисленных историях были пользователи, которые положительно оценивали редизайн и его последствия. С другой стороны, далеко не все дизайнеры обязаны ориентироваться на мнение большинства, так как руководствуются в своей работе мнением экспертов и небольшого круга доверенных лиц.



Но вдохновленные историей с «Кинопоиском» пользователи имеют основания надеяться, что их замечания, как минимум, будут учтены. А особо оптимистичные из них, наверняка, верят, что будут выполнены требования вернуть прежнюю версию дизайна.
Original source: habrahabr.ru.

https://habrahabr.ru/post/303100/?utm_source=habrahabr&utm_medium=rss&utm_campaign=best

Метки:   Комментарии (0)КомментироватьВ цитатник или сообщество
rss_rss_hh_new

Осторожно, редизайн: «глас народа» vs «глаз дизайнера»

Пятница, 10 Июня 2016 г. 19:59 (ссылка)

image



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



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



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



image



На новой главной странице обновленного «Флампа» располагаются рубрики и поисковая строка, через которую можно искать компании не только по названию или сфере, но и с помощью discovery-запросов — к примеру, «круглосуточный бар на правом берегу с Wi-Fi».







Кроме того, новый «Фламп» отказался при отображении рейтинга компании от звёзд — вместо введены оценки по пятибалльной шкале с точностью до десятой.



image



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







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



image



«В будущем нет места односторонней оценке компании клиентом — ключевым тут становится именно взаимодействие. И центральная идея «Флампа» заключается в том, чтобы выстроить этот мостик между клиентом и компанией», — пояснил Евгений Васильков.



А между тем, медленно и печально доживает свои дни старая версия «Флампа». «Ближе к осени 2016 года новый дизайн сайта полностью заменит текущий», — рассказал Сергей Томилов.







Сервис отзывов «Фламп» запущен компанией «2ГИС» в 2011 году. Сначала он был доступен только для Новосибирска, а к 2015 году существовал уже в 91 городе России, в том числе во всех крупных городах Сибири.







По данным Томилова, к данному моменту ежемесячная аудитория «Флампа» составляет более 3,5 миллиона человек, при этом на сервисе зарегистрировались около 50 тысяч компаний.



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



image

image



Некоторые пользователи предложили собрать подписи за сохранение старой версии «Флампа».



image



image



Критика и намерение вернуть старую версию, подав коллективную жалобу, напоминает историю с перезапуском сайта «Кинопоиск».


«Кина не будет»



В начале октября 2015 года компания «Яндекс» продемонстрировала обновленный сайт о кино – «Кинопоиск». Главная страница сервиса представляет собой персонализированную витрину фильмов и сериалов.







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







Кроме изменений в дизайне сайта, произошли изменения в его концепции. «Кинопоиск» превратился в онлайн-кинотеатр и стал агрегатором видеоконтента. Партнерами сервиса стали «Амедиатека», ivi.ru, Megogo, Tvzavr, Pladform, ВГТРК, «СТС Медиа», Rutube, Ayyo Movies.



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







Однако обновленную версию сервиса раскритиковали многочисленные пользователи и даже его формальный создатель Виталий Таций:








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







Обновленная версия сайта Kinopoisk.ru просуществовала всего четыре дня, а «Яндекс» потерял десятки миллионов рублей.



А вот какое заявление команда «Кинопоиска» распространила через пресс-службу «Яндекса»:

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



До раскатки новой версии, примерно с мая по октябрь, мы показали закрытую бету-версию сотрудникам Яндекса, а это примерно 6000 человек. Для многих из них «КиноПоиск» один из любимых сервисов, и мы получили огромное количество полезных отзывов, по результатам которых внесли изменения в проект. После того, как мы поработали с откликами внутри, мы вышли во «внешний мир».



Сейчас мы внимательно разбираем все обращения и стараемся отвечать на каждое. Наша главная задача — сделать всё, чтобы помочь пользователям освоиться в новой версии, и продолжить развивать «КиноПоиск» благодаря идеям и пожеланиям нашей аудитории.


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







Вот, что писала об этом пресс-служба компании:

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



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






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


Пользователи Facebook vs Facebook Messenger



В августе 2014 года социальная сеть Facebook начала постепенно отказываться от функции обмена личными сообщениями в своих мобильных приложениях для платформ iOS и Android. Пользователи мобильных устройств, желающие и далее использовать их для общения в Facebook, должны были загрузить новое приложение – Facebook Messenger.



Многие пользователи выразили свое несогласие с помощью низких оценок в Apple App Store.



Вскоре Facebook Messenger вышел на первое место среди бесплатных программ в Apple App Store в США. В то же время, суммарная оценка, выставленная пользователями программе, равна единице — это наиболее низкий рейтинг для приложения в App Store. Такую оценку программе выставили более 5,8 тысяч человек из 6,4 тысячи.







Недовольство пользователей обязательным переходом на Messenger, выраженное в оценках, проявилось не только в США. Актуальная версия приложения в App Store в Австралии, Канаде, Китае, Франции и Германии также оценена лишь в одну звезду, по данным аналитической компании App Annie.



image



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







Как мы знаем, несмотря на протесты непокорных, мессенджер вписался в facebook-сообщество.




image



Редизайн Instagram



9 апреля 2012 года Facebook объявил о приобретении фотосервиса Instagram за $1 миллиард. Instagram был запущен в октябре 2010 года и до апреля 2012 года был представлен только в виде приложения для iPhone, iPad и iPod. К концу марта 2012 года количество пользователей фотосервиса достигло 30 миллионов человек.



11 мая 2016 года Instagram обновился до восьмой версии. Кардинально изменились иконка и интерфейс приложения. Фотокамера стала более стилизованной, а сам логотип превратился в радужный градиентный значок.



image



Руководитель отдела дизайна Йен Спалтер рассказал, как проходил редизайн и почему команда внесла эти изменения.



По словам Спалтера, за пять лет концепция Instagram изменилась. «Изначально Instagram был местом, где люди могли делиться фотографиями. Теперь это сообщество, разделенное по интересам», — говорит Спалтер.

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



«Мы начали с базовых вещей — убрали орнамент, упростили и сделали иконку плоской и яркой», — говорит Спалтер. Дизайнеры хотели оставить что-то от оригинальной иконки. По их мнению, пользователям больше всего нравилась радуга и линза камеры. Линзу оставили, а цветовую гамму всей иконки сделали радужной.



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



image



«Эволюция сообщества вдохновляла нас и мы хотим верить, что смогли захватить жизнь, креативность и оптимизм людей, которые заходят в Instagram каждый день. Мы надеемся, что увидев обновленную иконку, у людей вспыхнет еще одна искра креативности сделать нечто красивое и необычное», — резюмирует Спалтер.



Некоторые пользователи соцсетей негативно восприняли новый дизайн Instagram. После изменения внешнего вида приложения в Twitter стали появляться критические оценки черно-белого интерфейса и яркой иконки сервиса.







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







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


Сакральное число «10»



Социальная сеть «ВКонтакте» начала принудительный перевод своих пользователей на новый дизайн, который она представила 1 апреля 2016 года. Социальная сеть обновила дизайн своей веб-версии впервые за 10 лет существования.



image



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



Естественно, в адрес социальной сети посыпались нелестные высказывания от «обрадованных» пользователей:















На что последовал ответ техподдержки: «Нашему сайту совсем скоро исполнится 10 лет. За это время он прошел огромный путь: разработчики постоянно добавляли новые сервисы и улучшали качество имеющихся. Но нельзя вечно продвигаться маленькими шажками. Есть какие-то вещи, которые не поднять до стандартов завтрашнего дня без полной переработки. Основную информацию о редизайне сайта Вы можете найти в официальном блоге разработчиков»



Один из пользователей, недовольных обязательной установкой нового оформления «ВКонтакте», даже создал на Change.org петицию с требованием сохранить «возможность использовать старый дизайн», а также предоставить пользователям «право выбирать».



image



Справедливости ради



Что теперь будет с «Флампом» и «Вконтакте» — на 100% не известно. Справедливости ради стоит отметить, что во всех перечисленных историях были пользователи, которые положительно оценивали редизайн и его последствия. С другой стороны, далеко не все дизайнеры обязаны ориентироваться на мнение большинства, так как руководствуются в своей работе мнением экспертов и небольшого круга доверенных лиц.



Но вдохновленные историей с «Кинопоиском» пользователи имеют основания надеяться, что их замечания, как минимум, будут учтены. А особо оптимистичные из них, наверняка, верят, что будут выполнены требования вернуть прежнюю версию дизайна.
Original source: habrahabr.ru (comments, light).

https://habrahabr.ru/post/303100/

Метки:   Комментарии (0)КомментироватьВ цитатник или сообщество
rss_rss_hh_new

Свой UX приложения ЖКХ Москвы с чатом и крутилками

Вторник, 24 Мая 2016 г. 16:14 (ссылка)


image



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



На мой взгляд, в проектировании интерфейса любые смелые идеи могут оказаться ключом к успеху, но лишь при трёх условиях:




  • если решение интуитивно понятно

  • если решение упрощает процесс взаимодействия

  • если решение реализуемо





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



Не так давно вышло приложение ЖКХ Москвы, призванное облегчить жизнь граждан. Его описание гласит:



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





Интригующе. Рассмотрим под микроскопом

https://habrahabr.ru/post/300896/?utm_source=habrahabr&utm_medium=rss&utm_campaign=best

Комментарии (0)КомментироватьВ цитатник или сообщество
rss_rss_hh_new

Лучший друг киномана: переделываем приложение CBS под Android

Четверг, 12 Мая 2016 г. 13:11 (ссылка)



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



Так как весь самый «вкусный» киноконтент производят за океаном, я отправилась на поиски приложения в американский Google Play. Но оказалось, что все не так просто. После многочасовых розысков пришлось признать, что дизайн и удобство многих приложений оставляет желать лучшего. Значит надо сделать его самой, подумала я. Почему бы не взять за основу апп CBS, американской сети телерадиовещания, которая производит много известных сериалов? Сказано — сделано.



Решаем задачи



Итак, цель — создать идеального помощника для поиска интересного TV-контента на примере приложения CBS для Android. Чтобы не превратить работу в перерисовывание красивых картинок, «на берегу» зафиксируем задачи, которые супер-приложение должно уметь решать.



Задача №1. Персонализация. Приложение должно знать вкус зрителя и учитывать его. Я, например, обожаю острые и стильные детективные истории и не перевариваю милые комедии. Еще хотелось бы создавать несколько аккаунтов, чтобы собирать интересненькое для любимой младшей сестры. В детской учетной записи она не увидит контент, до которого еще не доросла. Количество категорий канала уменьшится, и из списка пропадут, например «Ужасы» и «Боевики».



Задача №2. Помощь. Приложение должно запоминать номер серии и подсказывать время выхода в эфир любимой программы. Учитывать вкусы подписчиков и отслеживать самые популярные передачи, предлагая посмотреть их первыми.



Задача №3. Простота и красота. Само собой, приложение должно удобно и быстро находить нужное. И при этом — быть стильным, чтобы на моем Nexus все выглядело свежо и в лучших традициях Material Design.



Итак, к делу



Что не так с приложением в его нынешней версии? Визуально оно чересчур скупо и сухо представляет все многообразие передач CBS. С точки зрения соответствия гайдлайнам Google все совсем печально. Не используются ни основные паттерны платформы, ни важные принципы.

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





Скрин из Google Play



Start



Задача главного экрана — привлечь внимание и показать самое интересное. Для этого вынесем всю навигацию в Sidebar menu, разбив его на главные разделы и каталог передач. Все строго по делу, не отвлекаем пользователя мишурой. В соответствии с принципами Material освежаем дизайн при помощи ярких и притягательных изображений, насыщенных цветов и контраста элементов. Предлагаю выводить передачи исходя из предпочтений пользователя, основанных на сохраненных им в разделе My CBS шоу.





Редизайн главного экрана и навигации



The Series of my dreams



На экране сериала приложение предложит запомнить его, расскажет про актеров, я легко найду кадры из фильма и трейлер, все награды и фото со съемок. А также — время эфира на Live TV, чтобы поскорее узнать, какой диагноз у Уилла Грема в новой серии 2-го сезона. При помощи Floating Action Button пользователь сохранит понравившийся сериал в раздел My CBS. По умолчанию выводим на экран все новые серии с возможностью выбрать любой сезон.





Экран сериала



My CBS



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





My CBS



Live TV



Посмотреть новую серию любимого сериала не выходя из машины — что может быть лучше, если стоишь в пробке? У многих из нас установлены приложения, помогающие скоротать время в дороге, для большого города они просто незаменимы. Поэтому раздел так важен, он должен показывать телепрограмму, напоминать об интересных шоу и давать возможность смотреть прямой эфир. Согласно принципам Material Design, я использую стандартный компонент Floating Action Button, давая возможность смотреть прямой эфир. Приложение напомнит о времени начала шоу при помощи Push-уведомлений. Для удобства программу передач покажем именно на тот час, когда пользователь войдет в приложение, с возможностью просмотра прошлого и будущего расписания.





Live TV



В итоге



В Google Play приложение CBS имеет оценку 3,8. Что же не учли разработчики? Идеальное приложение экономит время и подстраивается под вкусы и желания пользователя, а для этого оно должно быть:


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

  • Простым. Показывать только нужный контент, помогая удобно перемещаться по разделам.

  • Современным. Использовать все возможности и стандартные паттерны платформы. Push-уведомления для напоминания о времени выхода в эфир избранных шоу, Sidebar menu для навигации и Floating Action Button в качестве побуждения к действию на экране.



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



Original source: habrahabr.ru.

https://habrahabr.ru/post/283362/?utm_source=habrahabr&utm_medium=rss&utm_campaign=best

Метки:   Комментарии (0)КомментироватьВ цитатник или сообщество
rss_etoday

Редизайн морской военной базы в Амстердаме

Четверг, 21 Апреля 2016 г. 15:55 (ссылка)

Голландское архитектурное бюро SLA обновили дизайн здания принадлежавшей раньше военно-морской базе в Амстердаме.



Редизайн морской военной базы в Амстердаме


Продолжение поста...




ВКонтакте

Facebook

http://feedproxy.google.com/~r/etoday/~3/33rJs9cGVck/redizayn-morskoy-voennoy-bazy-v-amsterdame.php

Метки:   Комментарии (0)КомментироватьВ цитатник или сообщество
rss_etoday

Редизайн старого дома в Сиднее для молодой семьи

Среда, 23 Декабря 2015 г. 13:55 (ссылка)

Австралийская студия Those Architects сделал ремонт старого дома для молодой семьи в пригороде Сиднея.



Редизайн старого дома в Сиднее для молодой семьи


Продолжение поста...




ВКонтакте

Facebook

http://feedproxy.google.com/~r/etoday/~3/6ZVY_TB5JHs/redizayn-starogo-doma-v-sidnee.php

Метки:   Комментарии (0)КомментироватьВ цитатник или сообщество
ЛИТЕРАТУРНАЯ

"не пудри мозги доверчивым людям" (с) из коммента - ВАЖНО для ЛИрушников

Суббота, 28 Ноября 2015 г. 12:06 (ссылка)

Это цитата сообщения Ваша_ТАНЯ_идущая_по_Судьбе Оригинальное сообщение


Счетчик посещений Counter.CO.KZ - бесплатный счетчик на любой вкус!










4026647_TORG_NEYMESTEN (550x300, 37Kb)



"— Скажите, а двести рублей не могут спасти гиганта мысли?

— Я думаю, что торг здесь неуместен!"



Илья Ильф и Евгений Петров ("12 стульев")





Фраза...крылатая - употребляется как шутливо-иронический ответ на попытку торговатьсяbrunette




"не пудри мозги доверчивым людям" (с)=>НАЖАТЬ и ЧИТАТЬ ВСЕМ take_example

 






 

Метки:   Комментарии (0)КомментироватьВ цитатник или сообщество
_DOOMer_

О возможных изменениях на Li.Ru

Вторник, 10 Ноября 2015 г. 14:23 (ссылка)

Несколько крайних дней лирушных пользователей "колбасит ниапдецки" от весьма годного вброса мыслей о редизайне лирушки, которые озвуччил Valez. Кроме текста (который многие возможно прочитали по диагонали) в постах "ласкового диктатора"были и скриншотыконцепции нового оформления лайвинтернета.

Новый дизайн блогов Liveinternet.ru

Вот на этот самыйскрин и поднялся "плач Ярослаавны2\"о том что мы все умрём все пропадет, и бедные пользователи уютненьких дневничков потеряяют все что "было нажито непоссильным трудом" копипастера.

Допускааю что многих ввела в заблуждение фраза Валентина о том, что

В итоге - от старого сайта не должно остаться ничего, все должно работать быстро хорошо и где угодно.


Но так ли все плохо?
Метки:   Комментарии (15)КомментироватьВ цитатник или сообщество

Следующие 30  »

<редизайн - Самое интересное в блогах

Страницы: [1] 2 3 ..
.. 10

LiveInternet.Ru Ссылки: на главную|почта|знакомства|одноклассники|фото|открытки|тесты|чат
О проекте: помощь|контакты|разместить рекламу|версия для pda