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


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

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

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

Что думают эксперты и пользователи про новый дизайн «ВКонтакте»

Четверг, 18 Августа 2016 г. 19:16 (ссылка)





1 апреля 2016 года социальная сеть «ВКонтакте» представила редизайн своего сайта. Новый дизайн был тогда запущен в тестовом режиме. Работа над ним велась полтора года. 17 августа произошел окончательный переход. Все пользователи социальной сети были принудительно переведены на новый дизайн.



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



Мнения, как всегда, разделились. Пока эксперты и пользователи в волю высказываются. Какие выводы из этого сделают разработчики нового дизайна?



Однако «срез общественного мнения» выглядит так:







Более того, негативных отзывов на порядок больше. На платформе change.org появилась петиция в защиту старого дизайна сайта.



«Мы не навязываем и не принуждаем этим жестом к тому, чтобы отказались от нового дизайна. Однако у человека должна быть альтернатива — выбирать, чем пользоваться, а что игнорировать», — пишет автор петиции Максим Литманен. Петицию подписали более 41 тысячи человек (по состоянию на 17 00 МСК, четверг).







«Дуров, верни себя!»



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

1. Главный раздел сайта – Новости – стали уже. Парадоксально, что необходимость редизайна обосновывалась стремлением более эффективно использовать экран. По факту, если сравнить ширину записей в старой и новой версии, новости лишь сузились на 28px.






2. Новости – как и все остальные разделы – стали ниже на 42px. Из-за фиксированной шапки вертикальное пространство сайта стало меньше, нужно больше проматывать. Это серьезное изменение к худшему: именно вертикальный скролл представляет собой дефицит на большинстве дисплеев.



3. При просмотре главного раздела сайта – Новостей – утрачивается фокус на контенте. В новой версии возник визуальный мусор в виде редко используемой фиксированной правой колонки. С учетом фиксированный шапки и узкой ширины, просмотр новостей стал вдвойне захламлен.


Однако еще в апреле появились и положительные отзывы.



Павел Шумаков, продуктовый дизайнер в Badoo, бывший дизайнер «ВКонтакте»







Шире. Лучше. Функциональнее. Это действительно долгожданное событие. И пользователи, несомненно, будут вознаграждены за столь долгое ожидание. Их ждёт новый, я бы сказал, чистый дизайн. Новый сайт «ВКонтакте» — это большой шаг как для компании, так и для пользователей. Новые возможности, новые разделы. Внимательный пользователь обратит внимание на новый шрифт, который органично вписался в новый дизайн. Не могу сказать, что выбор был простым. Но в правильности решения уверен, и могу за него поручиться.



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



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



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




Дмитрий Провоторов, менеджер проектов «Мануфактура IT Production & Graphic Design»







Суперинтересные мелочи:



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



• На скриншотах в блоге очень правильная вещь — ссылка на раздел «Реклама» заняла удобное место слева в меню. Но почему это не сделали в интерфейсе? Она осталась в подвале. Я прямо чувствую скрежет зубов тысяч пользователей, которые пытаются «поймать» её в разделах с бесконечной прокруткой. Думаю, докрутят ещё.



• Реорганизация меню. «Новости» и «Сообщения» победили «Друзей», «Группы» и всех остальных.



• В «Новостях» вижу две надписи «Поиск». Догадываюсь, в чем отличия, но догадываться — это не очень хорошо для интерфейса.



• «Сначала интересные» — это мягкий переход к новому типу новостной ленты? Чтобы не было «Дуров, верни стену!»?



• Кнопка «Присоединиться к тестированию» нового интерфейса — очень хорошая. Очень. Я прошу вас, присоедините меня. Я сам этого хочу. Нет, вы меня не заставляете.

Классно. Как на моём iPad. Давно пора. Дальше будут к большим переменам двигаться маленькими шагами, уверен.




Мы взяли комментарии у других экспертов и задали им свои вопросы.



Денис Шумов, арт-директор m18.ru







Согласны ли вы, что нужно было предоставить пользователям выбор между старым и новым дизайном?



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



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



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



Одобряете ли вы новый дизайн в целом? С точки зрения удобства использования? С точки зрения внешнего вида?



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



Что категорически не нравится?



Таких вещей нет.



Илья Божко, дизайнер компании ТМ







Согласны ли вы, что нужно было предоставить пользователям выбор между старым и новым дизайном?



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



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



Сейчас сказать сложно, результат будет виден только через некоторое время.



Одобряете ли вы новый дизайн в целом? С точки зрения удобства использования? С точки зрения внешнего вида?



В целом — да. Есть моменты, которые требуют доработки, но в целом редизайн удался.



Что категорически не нравится?



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



Какие элементы дизайна кажутся удачными?



Более продуманные элементу управления, иконки уведомления и аудиозаписи в шапке, страница сообщения.



Дмитрий Чута, CEO/Founder в Chapps







Согласны ли вы, что нужно было предоставить пользователям выбор между старым и новым дизайном?



Если вы спрашиваете о временном тестировании, когда часть юзеров начали использовать новую версию и своими фидбэками помогли исправить большую часть проблем то, безусловно, мой ответ «да». Но если же речь идёт о выборе старого/нового послефинального релиза, который вчера состоялся, то, конечно, нет.



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




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



Цифры, конечно, на первый взгляд кажутся завышенными, но только для тех, кто не работал с крупными проектами с миллионами очень разных и активных юзеров. Big data — это всегда сложно. У меня такой опыт есть и я постараюсь объяснить. Например, дизайнер захотел сменить размер аватарки, для сайта с 5000 юзеров — это не проблема. Но сделать серверный ресайз 400 миллионов аватарок (сколько там сегодня юзеров в VK?) — это уже ресурсоемко.



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




Одобряете ли вы новый дизайн в целом? С точки зрения удобства использования? С точки зрения внешнего вида?



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



Что категорически не нравится?



Чисто субъективно мне хочется вернуть «Уведомления», как было раньше: без вывода их в отельную иконку с дропдауном, а еще поле поиска сделать больше и сам поиск сделать лучше и умнее.



Какие элементы дизайна кажутся удачными?



Как я уже сказал, радикальных изменений в дизайне нет, а самые удачные решения всегда незаметны, даже мне.



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



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



Вам нравится редизайн Вконтакте?






































Проголосовало 89 человек. Воздержалось 7 человек.





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


Original source: habrahabr.ru.

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

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

10 главных редизайнов новостных медиа в 2016 году

Среда, 17 Августа 2016 г. 19:49 (ссылка)

В этом году дизайн поменял РБК, Риа Новости, перезапустился Life.ru. Мы собрали в одном материале главные редизайны российских и западных новостных площадок. С картинками «До» и «После» и комментариями команд о том, зачем они изменили сайт.



Российская газета





image





Новый дизайн «Российской газеты» опирается на данные о поведении посетителей и учитывает особенности аудитории газеты.



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



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



image



Чтобы удерживать читателей на сайте, в дизайне учли:



— 35% переходов на сайт происходят из агрегаторов сайтов, читатели попадают на конкретный материал. Поэтому теперь читатель получает информационную картину дня со страницы новости.



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



— Чтобы читатели оставались на сайте и переходили на страницы других новостей, на страницах появились блоки «Читайте также» и «Люди, похожие на вас, читают».



— Добавили подписку на уведомления по конкретной теме.



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



РИА Новости





image



Медиагруппа «Россия сегодня» представила новый дизайн сайта ria.ru как «более яркий, динамичный и удобный».



Основная ставка была сделана на упрощение графического языка:



— РИА Новости изменили структуру главной страницы, выделив мультимедиийные блоки;



— убрали навигатор подрубрик, который теперь открывается только при наведении курсора на главную рубрику, не отвлекая пользователя от текста;



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



Кирилл Кирьянов, главный редактор «РИА Новости»:



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



Год назад РИА Новости перешли с ручной подборки рекомендаций контента на алгоритмы Relap.io, увеличив CTR рекомендательных блоков на 100%.



Newsru.com



image



Одно из старейших новостных российских интернет-изданий Newsru.com сменило дизайн впервые за 16 лет. В целом, эта информация впечатляет уже сама по себе.



«Мы очень хотим, чтобы новая версия сайта понравилась нашим читателям. При этом мы не собираемся лишать нашу аудиторию версии, к которой она привыкла за последние 16 лет. Наша классическая версия будет обновляться в прежнем режиме по адресу classic.newsru.com».



Новая газета



image



«Новая газета» рассказала об изменениях на специальной странице сайта.



Издание начало редизайн с доработки мобильной версии сайта. Новый дизайн НГ предполагает двухуровневую рубрикацию — к разделам добавили жанры.



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



«Полностью переписанный, иначе структурированный и хорошо прорисованный сайт. Быстрый (этому мы уделяли особое внимание). Защищенный (мы по-прежнему будем выступать как площадка для петиций). Красивый. И удобный. Теперь мы лучше сможем рассказать вам истории, объяснить тему, делиться своим мнением и слушать ваше. Нам есть, куда это все поставить».



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



РБК



image



Директор по b2c-продуктам РБК Кирилл Титов рассказал о редизайне издания VC.ru.



Каждое существенное изменение на rbc.ru сначала проходит тестирование на малой доле аудитории и только при условии удовлетворения ряду критериев внедряется на 100% читателей.



Что изменили?



Создали тематические блоки с интересными материалами:



«Мы предположили, что читатель изначально не приходит на РБК за новостями авто, спорта или недвижимости, а переходит на тематические страницы, только если его «зацепит» заголовок. Следуя этой логике, мы заменили разбитые по тематикам блоки на единый блок, в котором редакция собирает самые интересные материалы. По результатам тестирования рост емкости рекламного инвентаря в нижней части страницы вырос примерно в три раза с одновременным увеличением его CTR».



Сократили количество рекламных форматов, увеличив эффективность рекламы:



«Сократили количество рекламных форматов на страницах материалов. Это повысило эффективность оставшихся форматов, в том числе премиальных. Интересно, что рост эффективности был получен на фоне значительного роста емкости форматов, вызванной общим увеличением глубины визитов. Например, отдача от блоков контекстной рекламы выросла более чем на 20%».



Ввели бесконечную прокрутку на страницах материалов:



«За тестовый период получили прирост глубины визита на 15%, снижение отказов на 6%, рост проведенного времени на сайте на 8% и отсутствие оттока аудитории».



Life.ru



image



Издания Lifenews.ru и Super.ru объединились и перезапустились как новое новостное медиа Life.ru.



Это история не сколько про редизайн, сколько про масштабный перезапуск продукта. На Life.ru к новостям добавилась аналитика, раздел о культуре и науке, лонгриды, развлекательный контент от бывшего Super.ru.



Арам Габрелянов, гендиректор медиахолдинга News Media в комментарии РБК:



«Это будет огромный портал о жизни — если брать западные аналоги, что-то типа Buzzfeed».



«Если коротко, мы первые, кто даст людям смотреть, читать, слушать, писать, комментировать и тд — все эксклюзивное! #Вместе».



The Times



image



Английское издание The Times изменило дизайн и включило воскресную The Sunday Times в основной сайт. Изменения коснулись и частоты публикаций: теперь трижды в день.



Колумнист издания Influence Стивен Шепперсон-Смит озвучил наблюдения по этому поводу:



— The Times все еще в новостной повестке читателей, хотя не публикует горячие новости мгновенно.



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



— Ценность цифрового контента растет. The Times будет публиковать больше контента в своем Facebook и Instagram, и делать это чаще.



— Факт слияния сайтов The Times и The Sunday Times — гвоздь в крышку гроба последней. Жизнь изменилась, и даже если у нас действительно по выходным больше времени на чтение, идея воскресной газеты устарела как для читателей, так и для рекламодателей.



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



Sports Illustrated



image



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



Колумнист Deadspin Кевин Дрейпер написал колонку «Наконец-то наш затяжной кошмар закончился: Sports Illustrated сменил дизайн».



«Проблема старого дизайна (2014 года. — Ред.) в том, что он был отстойным. Если вы везунчик — сайт просто жутко тормозил, у большинства же посетителей из-за него зависали компьютеры.



Если вы встретите кого-то из сотрудника Sports Illustrated, дайте ему пять или угостите пивом. Они ненавидели этот сайт больше, чем все мы».<



Теперь сайт работает быстрее. SI.com оптимизировали мобильную версию сайта, изменили меню навигации, запустили Sports Illustrated app и обновили свой сайт для детей.



Recode



image



В 2015-м медиахолдинг Vox Media поглотил новостное ИТ-издание Recode, а летом 2016-го перезупустил его в новом дизайне.



Команда Vox Media детально описала процесс ребрендинга Recode и объяснила, как, что и почему сделано.



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



Вот пример сравнения фирменных цветов сайтов конкурентов, которая сделала команда до редизайна Recode.



image



The Sun



image



В 2016-м издание The Sun переосмыслило стратегию развития, сфокусировавшись на увеличении объема и скорости выпускаемых материалов. В рамках новой стратегии был сделан редизайн.



В январе должность цифрового редактора The Sun занял Кит Пул, на тот момент на сайте выходило 25 новостей в день, теперь — 250.



Кит Пул о новой стратегии The Sun:



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



Также был сделан упор на привлечение трафика из социальных сетей.



После редизайна трафик на главную страницу вырос на 25%. Время загрузки картинки и заголовка уменьшилось с 2,8 до 1 секунды. Вся страница теперь загружается за 11 секунд, тогда как до редизайна загружалась за 15,8 секунд.
Original source: habrahabr.ru (comments, light).

https://habrahabr.ru/post/307988/

Метки:   Комментарии (0)КомментироватьВ цитатник или сообщество
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)КомментироватьВ цитатник или сообщество

Следующие 30  »

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

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

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