Публичная разработка «Больше чем ридер»: функциональный дизайн

в 10:39, , рубрики: google reader, Блог компании PalitrumLab, Веб-разработка, интерфейсы, мобильные приложения, социальные сети, метки: , ,

Разработка «Больше чем Ридер» захватила нас полностью, отняв у семей и читателей. А реакция на опрос в публикации на Хабре (спасибо!) привела к изменению этапности: кроме мобильного решения мы будем разрабатывать и web-версию. В первую очередь :-)

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

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

Публичная разработка «Больше чем ридер»: функциональный дизайн

Краткий экскурс в историю: что планируется в «Больше чем ридер»:

1. Контент-потоки (включая привычные RSS) по различным тематикам — от новостей до «котиков»;
2. Тематические потоки, созданные пользователем с помощью простых поисковых запросов. Например, для получения всех материалов (вне зависимости от источников) по зимней Олимпиаде можно создать поток задав фразу «Олимпиада -Лондон, Сочи 2014»;
3. Настраиваемые пользователем потоки из соцсетей (свои и чужие аккаунты персон и групп), с просмотром новых поступлений и возможностью постинга и расшаривания, of course.

Схема взаимодействия пользователя с приложением получилась следующей:

Публичная разработка «Больше чем ридер»: функциональный дизайн

First date

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

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

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

Публичная разработка «Больше чем ридер»: функциональный дизайн

При первичном входе пользователю будет предложено перейти к чтению одной из преднастроенных рубрик:

Публичная разработка «Больше чем ридер»: функциональный дизайн

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

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

Публичная разработка «Больше чем ридер»: функциональный дизайн

Кроме того, пользователю предоставляется возможность подписаться на любые другие аккаунты в соц сетях, например, Хабр ВКонтакте, iLook в Твиттере, Cossa в Фейсбуке, и т.п.

Создание и управление контент-потоками

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

Публичная разработка «Больше чем ридер»: функциональный дизайн

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

Публичная разработка «Больше чем ридер»: функциональный дизайн

Результаты поиска отсортированы на 5 разделов:
• Поисковый поток;
• Сайты;
• Блоги;
• Группы в соцсетях;
• Аккаунты в соцсетях.

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

Публичная разработка «Больше чем ридер»: функциональный дизайн

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

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

• Название потока;
• Цвет потока;
• Сайты, с которых собирается информация (удалить существующие, добавить новые);
• Аккаунты социальных сетей, с которых собирается информация в поток;
• Добавить/удалить ключевые слова для тематических лент;
• Добавить/удалить стоп слова для тематических лент;
• Добавить новый поток;
• Удалить поток;
• Переместить поток (вверх или вниз по списку);
• Объединить потоки.

Публичная разработка «Больше чем ридер»: функциональный дизайн

Наслаждаемся результатом

Основной рабочий экран приложения визуально разделен на левый и правый блоки. В левом блоке:

• Поток «Избранное» — сюда попадают сохраненные пользователем материалы. Папка расположена всегда сверху. В «Избранное» материалы сохраняются с полным текстом и доступны пользователю офф-лайн;
• Список созданных потоков;
• Поток “Всё”, где собираются материалы из всех потоков пользователя;
• Кнопка «Добавить поток»;
• Переход в менеджер потоков.

В правом блоке – предпросмотр выбранного потока:

• Выводится лента материалов выбранного потока;
• У каждого материала существует линейка действий: добавление в избранное и возможность расшарить;
• При долгом нажатии на анонс материала в потоке появляется диалоговое окно:
— Прочитано (или оставить не прочитанным, если материал прочитан);
— Выше все прочитано;

Публичная разработка «Больше чем ридер»: функциональный дизайн

Просмотр потока лент выбранных аккаунтов соцсетей:

• Выводится лента материалов выбранной соцсети.;
• Наверху ленты отображается аккаунт пользователя, лента которого подгружена, а также возможность создания сообщения;
• У каждого материала выводится информация по реакции на него в соцсетях:
— для Twitter: количество “Favourites”, “Retweets”;
— для Facebook: количество “Likes”, “Share”, “Comments”;
— для ВКонтакте: количество “Мне Нравится”, “Поделиться”, “Комментариев”;

Публичная разработка «Больше чем ридер»: функциональный дизайн

Возможности настроек просмотра

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

• Вид анонсов материалов: с картинками (заголовок, источник, дата) и без картинок (заголовок, анонс, источник, дата);
• Отображение всех сообщение потока или только непрочитанных;
• Какие сообщения – новые или старые — отображаются первыми;
• Размер шрифта.

Публичная разработка «Больше чем ридер»: функциональный дизайн

Расширенные настройки позволяют:

• Выбрать аккаунт для использования приложения, или сменить пароль;
• Подключить аккаунты пользователя — в Твиттере, ВКонтакте и Facebook;
• Настроить периодичность синхронизации ленты;
• Ограничить объем места на устройстве, которое может использовать приложение;
• Выбрать фон или тему приложения

Не читатель, а писатель

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

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

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

Автор: CvetKomm

Источник

* - обязательные к заполнению поля


https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js