Область применения
Устройство: мобильное
Цель: индексная страница чата
Всем привет,
Я работаю над обновлением мобильной индексной страницы чата и, после нескольких итераций, хотел бы попросить наше сообщество взглянуть на текущие предложения, чтобы понять, что откликается, а если нет
, то может ли какой-либо фидбек помочь мне их улучшить.
Это высокоуровневые макеты некоторых идей, которые я рассматриваю. Любые отзывы о юзабилити или общем внешнем виде будут очень кстати. (Отзывы по цветам, выравниванию и подобному менее важны, так как это всё ещё работа в процессе.)
Текущий дизайн
Пример для напоминания
Проблема
Пока каналов или личных сообщений (DM) не слишком много, всё работает отлично. Однако, когда список каналов становится слишком длинным, личные сообщения оказываются ниже линии прокрутки.
Это приводит к неприятному пользовательскому опыту:
- Непрочитанные личные сообщения, которые, вероятно, являются самой важной частью индексной страницы чата, всегда находятся ниже линии прокрутки и требуют прокрутки.
- Особенно когда вы переключаетесь туда и обратно между 2 или более личными сообщениями, необходимость каждый раз прокручивать вниз, чтобы добраться до текущего чата, довольно раздражает.
Предложения по новому дизайну
Я экспериментирую с несколькими вариантами, каждый из которых имеет свои плюсы и минусы.
Дизайн 1: Горизонтальная раскладка для личных сообщений
Что здесь происходит?
- Личные сообщения расположены вверху, навигация осуществляется горизонтальной прокруткой
- Личные сообщения отсортированы по: непрочитанные > самые свежие > менее свежие
- Каналы остаются как есть под разделом личных сообщений
Такая раскладка затрудняет поиск конкретного личного сообщения, поэтому мы добавим функцию поиска, которая появляется при прокрутке назад, или другой механизм (но не занимающий постоянно место на экране):
Плюсы и минусы (которые я вижу)
Легкий доступ к непрочитанным личным сообщениям
Полное имя и участники группы больше не видны
Статус пользователя и временная метка больше не видны
Горизонтальная прокрутка не очень удобна => помогает поиск
Дизайн 2: Один смешанный список
Что здесь происходит?
- Личные сообщения и каналы мирно сосуществуют в одном списке
- Порядок сортировки следующий: непрочитанные личные сообщения и непрочитанные каналы в «отдельных» разделах, так как личные сообщения имеют наивысший приоритет, и я не хочу, чтобы они опускались вниз из-за категорий, которые пользователь потенциально никогда не очищает (сам за этим грешу).
- Добавлена опциональная пользовательская иконка для канала вместо иконки чата по умолчанию.
- Это тоже могло бы выиграть от наличия функции поиска (не показано)
Плюсы и минусы (которые я вижу)
Легкий доступ к непрочитанным личным сообщениям
Полное имя или участники группы видны
Статус пользователя и временная метка видны
Смешивание личных сообщений и каналов менее удобно для быстрого просмотра => помогает поиск
Дизайн 3: Вкладки
Что здесь происходит?
- Здесь мы идём другим путём, используя 2 отдельных представления с переключением через нижнюю панель
- Каналы также могли бы сорроваться по последним сообщениям, а не по алфавиту. Это верно и для дизайна №1. Я рассматриваю возможность сделать это опцией предпочтения пользователя.
Плюсы и минусы (которые я вижу)
Более легкий доступ к непрочитанным личным сообщениям
Полное имя или участники группы видны
Статус пользователя и временная метка видны
Нельзя увидеть всё в одном представлении
Время для отзывов
Если вы всё ещё здесь, это здорово, спасибо ![]()
1. Голосуйте за то, что вам больше нравится
Возможно несколько вариантов.
Я предпочитаю…
- Текущий дизайн
- Дизайн #1: Горизонтальная раскладка
- Дизайн #2: Один список
- Дизайн #3: Вкладки
Мне нравится, когда каналы сортируются по…
- Сортировка по алфавиту
- Сортировка по непрочитанным > самые свежие > менее свежие
2. Поделитесь любыми идеями, вдохновением, недостатками, которые вы заметили, или общим фидбеком в комментариях
Спасибо всем!




