Теперь, когда у нас есть такие замечательные меню, подумали ли мы о том, как можно улучшить их внешний вид? Мне кажется, что много места тратится впустую (особенно на мобильных устройствах), что также делает области клика значительно меньше.
Мобильная версия
Десктопная версия
Как насчет чего-то подобного?
Это может сделать цели для клика более удобными и читаемыми. Возможно, стоит начать с эксперимента только для мобильных устройств из-за дополнительного пространства?
Мне определённо нравится идея для первой вкладки. Может, начнём экспериментировать там?
Для меня главная проблема — область клика на мобильном устройстве на первой вкладке. Интересно, поможет ли простое изменение отступов решить большую часть задачи.
Хотелось бы узнать мнение @awesomerobot по этому поводу. Согласен, что огромный пустой пробел выглядит избыточно.
Не возражаю против более крупных изменений, но сделать это в две колонки — это очень простое улучшение.
Здесь, по-моему, для мобильной версии требуется более существенное изменение.
Мне бы хотелось, чтобы это выглядело так. 
На всякий случай отмечу, что у меня не возникало проблем с удобством использования в первой вкладке. Не скажу, что часто пользуюсь этой вкладкой, но не припомню ни одного случая, когда я бы случайно кликнул не туда.
Мне это нравится, но, возможно, стоит изолировать кнопку выхода от остального меню. Насколько я понимаю, к этому меню можно подключиться, чтобы добавить опции, и это может запутать пользователей, если кнопка выхода внезапно переместится с левой стороны на правую или наоборот (даже если это происходит нечасто).
Для меня самое неудобное — значительное пустое вертикальное пространство на мобильных устройствах во всех вкладках, как изначально отмечал @rishabh.
Два варианта на основе макетов @rishabh. Я склоняюсь к трем колонкам, но это ограничивает место для текста («включить анонимный режим» можно, скорее всего, сократить, да и по умолчанию он не активен…).
Редактирование: хотя, если подумать, два столбца, вероятно, безопаснее для разных локалей с более длинными словами.
«Войти в анонимный режим» может быть текстом в правом нижнем углу, как «Выйти».
Что касается дизайна, мне немного больше нравится компактный вид стиля третьей колонки.
Думаю, проблема здесь в мобильной версии:
Наверное, большие кнопки здесь сработают, но тогда я бы перенёс кнопку «Выйти» вниз, возможно, на всю ширину… Не знаю…
В целом, десктопная версия выглядит вполне нормально.
На компьютере всё в порядке, думаю, это изменение должно касаться только мобильных устройств.
Новая тема? Это обсуждение кажется не по теме для быстрого доступа, который уже завершен (и это отлично) и не будет затронут последними предложениями.
Я не понимаю, зачем нужны эти последние изменения. Но, возможно, я упустил обоснование, представленное где-то еще, почему «здесь для мобильных устройств требуется более крупное изменение».
Мне нравится, когда меню для десктопа и мобильных устройств одинаковы. Я использую оба, и это меньше напрягает мой мозг.
Многоколоночные макеты в целом читаются медленнее. Иконки удобны, но не так сильно, если кнопки добавляются или удаляются.
Если вертикального места недостаточно — а это уже ширина выпадающего меню — то почему бы не сделать иконки-кнопки для всех меню?
Думаю, главная цель — заполнить пустое белое пространство. Я бы согласился на другие функции, прежде чем на предложенные большие кнопки:
Да, я склоняюсь к большей согласованности (так проще и поддерживать), но нажатие на элементы — это иной опыт, чем клик по ним… поэтому иногда разные макеты вполне оправданы.
Я не слишком обеспокоен этим, поскольку элементов очень мало.
Может, стоит? Нужно же с чего-то начать. Возможно, в будущем и гамбургер-меню можно будет заменить иконкой.
Я не против этого, чтобы добиться паритета с вкладками в меню пользователя, но подозреваю, что значки и приглашения не так уж важны в данном контексте (значки уже есть в гамбургер-меню, а большинство людей не используют приглашения), поэтому они могут скорее создавать шум, чем приносить пользу.
С 6–7 пунктами это действительно не имеет смысла.
Возможно, я что-то неправильно понял, но они уже расположены в том же порядке (черновики и анонимный режим не имеют полноценных вкладок на странице пользователя, поэтому они немного нарушают эту последовательность).
Эта мысль мне тоже приходила в голову, но пока я хочу от неё отказаться. На данный момент все эти меню состоят исключительно из элементов, на которые можно нажать, чтобы перейти куда-то или что-то сделать… Не уверен, что они подходят для чисто информационной информации?
Это немного сложно, потому что в этом меню в лучшем случае 7–8 пунктов, и размещение их на iPhone X отличается от размещения на старом iPhone или Android. Я считаю, что двухколоночные блоки — более эффективное использование пространства, но на больших телефонах всё ещё остаётся место.
Мы могли бы пойти ещё дальше и динамически изменять размер этих блоков в зависимости от высоты области просмотра? Если наши цели — занять пространство и создать очень удобные зоны для нажатия, можно разгуляться по-настоящему. Это, вероятно, слишком радикально, но это иллюстрирует, что даже при очень крупном размере остаётся место.
Если вы хотите обеспечить доступность одной рукой, в идеале всё это меню должно находиться внизу… (стиль вкладок не совсем подходит для такой раскладки, это лишь быстрый пример). Однако тогда возникают сложности с направлением контента (должен ли список начинаться снизу, если меню расположено внизу? Это большая проблема).
В общем, это немного отклонение от темы… Я считаю, что двухколоночные блоки с иконками — хорошая отправная точка. Это лучше использует пространство и делает элементы значительно более удобными для нажатия.
Вместо того чтобы пытаться заполнить всё пространство, почему бы не сделать так, чтобы меню занимало ровно столько места, сколько нужно, а не всю высоту? На десктопе оно уже динамически меняет высоту. Есть ли причина не делать того же на мобильных устройствах?
Полная высота следует паттерну мобильных приложений «полноэкранные меню, которые можно смахивать». Если бы они не были полной высоты, я не думаю, что было бы так очевидно, что их можно смахнуть (как минимум, дополнительное белое пространство служит дополнительной зоной для смахивания).
Это было бы огромным улучшением, и мне нравится такой прецедент. (Хотя текущая ситуация не плоха).
Достаточно ли часто пользователи проверяют свои черновики, чтобы переместить их в отдельную вкладку меню (вместо вкладки профиля), как, например, уведомления, закладки и сообщения? Я предполагаю, что эта функция используется относительно редко по сравнению с уведомлениями, но интересно, как она будет соотноситься с закладками. Я даже не знал, что можно просматривать все свои черновики, пока в результате последнего изменения меню они не были перемещены в раздел профиля в меню пользователя, поэтому мне интересно, не будет ли лучше сделать их ещё более заметными.
Вскоре закладки станут гораздо полезнее.
Привет, Kris @awesomerobot! Спасибо за всю твою работу над UX.
Двухколоночный вид отлично смотрится.
Также более заметное расположение черновиков, предложенное @seanblue, звучит как хорошая идея. Я совершенно упустил это из виду… это полезно, но сейчас скрыто.
Я не уверен, что многие пользователи вообще обращают внимание на левую часть меню пользователя, чтобы проверить, кликабельно ли оно, так как три вкладки справа полностью захватывают моё внимание.
Я подумал, раз ты, возможно, пишешь код в этой области… не мог бы ты добавить индивидуальные CSS-классы к элементам списка? Сейчас у всех класс = “read”. Я хотел бы иметь возможность скрывать некоторые из них.
Я создаю странный частный форум для отдельного клиента, где пользователи не могут видеть друг друга. Немного похоже на то, что пытается сделать @joebuhlig в своей теме.
Спасибо!
