Микротабун мобильный

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

А почему ему не выглядеть…
… например, вот так...

… или вот так...

… подумал я?

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

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

Ну и  вот, пора уже выкатить под взор общественности. Почему уже пора, если она сыра? Ответ в конце рассказа.

Что самое главное на табуне? А?.. Кто сказал «срачи» «посты»? Правильно, ты почти молодец, помимо постов есть ещё комментарии. И поэтому давайте зайдём бочком через комментарии, и закончим снова на них.

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


Вот я прямо слышу сейчас «Ась?.. Чегось?..»
Отвечаю на некоторые вопросы


С рупором остался лишь один важный вопрос — «Как обновить?». У нас, у интерфейсников, есть такая простая истина «идеальный предмет — его отсутствие при выполнении его функции», то есть идеальный телефон — это когда ты без ничего взял и связался с тем с кем нужно.
«Хватит мозги компостировать. Как обновить?»… окей, поясняю, в сферическом идеале в вакууме обновляться должно само, появилось новьё и отобразилось, технически это сделать можно. Однако мы люди хитрые, если вдруг, по каким-то причинам, автообновление реализовать нельзя, то…
… можно применить старый добрый паттерн Pull to Update


Сейчас, пожалуй, пройдёмся, по разделу «Брони».
Ищем, и находим, Глена

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

А ещё у нас в этом разделе есть статистика, она в правом меню. Зачем и кому она нужна — не знаю, но уж если она есть…
… давайте показывать её весело и информативно

Отдельно остановлюсь на карте. Сейчас там данные, конечно, фейк, но можно (и нужно) показывать кластерами города которые указали в профиле пользователи. Можно приблизить, посмотреть сколько где. И  всё, это только для статистики. А как найти профили кого-то из городов? На странице «Список брони» вбить в поиск не «Glenn», а «Москва», например.

Для тех кто задаётся вопросом «А как ты вообще попал с главной на страницу с Бронями?» или «А что это там сверху за тридцать четыре на аватарке? А что за три полосы?».
Я даже заверстал, можно открыть хоть на десктопе, поресайзать окно, потыкать, посмотреть. Никакой страницы кроме этой пока нет, ссылки никуда не ведут. Если кому интересно почитать исходники, нет смысла читать в веб-инкторе, читайте на ведре с рублями битами

«Ёпт, а куда плюсомётом целится?». Хороший вопрос. Делать в пальцеориентированном табуне кучу мелких, но важных, элементов не стоит, это совсем не кошерный путь, Фитт будет плакать (справделивости ради, он бы и  с настольного всплакнул).
Что делать? Как быть? Куда ж без плюсов? А избранное? Когда я подумал «Фитт бы плакал», я вспомнил что радиальные меню очень хорошо вписываются в Закон Фитта.
Почему бы их не использовать?

«Как это работает?», резонный вопрос. Мы видим пост, прочитали чуть и  уже хотим плюсануть, мы просто жмякаем пальцем по телу поста, если касание единичное — под пальцем появляется радиальное меню. Передвигаем палец самую малость выше и кидаем плюс в копилку, всё. Так же можно скопировать ссылку, и добавить или удалить из избранного. Если это ваш пост — удаление и редактирование прячем сюда же. Все действия — прямо под пальцем. Есть несколько альтернатив радиальному меню, например можно спрятать меню под свайпом поста|коммента влево, это надо проверять реально.

Комментарии. Комменты — самый сложный элемент табуна для адаптации под маленький экран. Они ветвятся, они могут быть очень глубокими. Есть много нюансов, я пока не учёл все, но…
… не супер-глубокие ветки вполне хорошо живут под глубинной линейкой

Это очень быстрый концепт, совсем без графики, но не важно. Все действия, даже «Ответить» и «Посмотреть родителя» спрятаны в радиальном меню. Глазами можно, и  это не сложно, проследить родителя и ветку, у каждой последующей ветки фон чуть темнее и образуется «табуляционная линейка». Другое дело табунчане могут уходить очень глубоко, а показывать комментарий меньше чем в половину ширины экрана — не стоит. Что делать пока не знаю, можно поиграть в зумируемый интерфейс, можно посмотреть реализацию того-же ЖЖ, там это дело скрывается (как выглядит на мобильниках раскрытым — пока не знаю), надо прототипировать варианты, надо играть.

К слову насчёт графики, поаджилил немного, есть, например, куча вариантов иконки комментов.

Ну и вот. Мы начали комментариями, мы ими закончили. Зачем вообще показывать такую сырую версию на табуне?
Ответ очень простой — прототипировать можно долго, допекать бесконечно. Но в какой форме это должно быть?
К сожалению мобильная версия сайта, и, например, приложение — очень разные вещи. Получается я проектирую в слепую, это не годно.

Я решил написать сырой пост что-бы услышать мнения табунчан. Во первых, конечно, надо ли это вообще кому кроме меня? Если надо есть второй вопрос. В какой форме?

Это может быть приложение (для андроида в первую очередь), и, как по мне, это идеальный вариант. У этого варианта есть одна маленькая проблема, я знаком с вебом, но разработка нативных приложений для меня дремучий лес. Можно конечно написать на каком фоунгэпе, но это ужас.
Соответственно нужно либо изучать, а это дело не быстрое, либо нужен один заинтересованный и  не ленивый табунчанин-девелопер. Если кто не прочь, всегда когда в сети я в скайпе: s3rious.ls

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

Это можно реализовать отдельным сайтом, такой, проксёй. Это совершенно не кошерный путь с большей кучей проблем: отсутствие у табуна публичного АПИ, кстати для приложения такая же жопа есть; Лишняя сторонняя сущность; Неизбежные баги отдельной морды будут существовать вместе с багами табуна, в два раза больше багов; Просто инфернальное безумность решения.

В общем, вот такой сказ, проектировать что-то в пустоте — не вариант. Что думаешь, Табун?

PS. Так как дизайн-блога на табуне нет, а силушки у меня нет, отправляю в IT, благо таки IT.
PPS. Ах да, все совпадения с реальностью являются либо копипастой с реальности, либо лулзами вымышленны и совершенно случайны. Принцип у меня такой, рыба либо реальная, либо лулзная.