Значок для изменения порядка горизонтальной навигации в приложении iOS?

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

введите описание изображения здесь

Мне интересно, как такая же концепция может быть применена к горизонтальному списку. У меня есть простой список, который выглядит так:

введите описание изображения здесь

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

Делалось ли это раньше в приложении, и если да, то каким интуитивно понятным способом сообщить пользователю, что элементы навигации можно изменить?

Ответы (4)

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

Если вы примените это к своей проблеме, то это |||будет ваша иконка. Но вы также должны следовать соглашению вашей ОС, а в iOS вы используете сегментированный элемент управления по умолчанию. Что указывало бы на то, что вы должны поместить заказ в меню настроек.

Что приводит вас к вопросу UX : как часто пользователю нужно повторно заказывать? Если это происходит нечасто, возможно, убрать его из поля зрения будет хорошим решением. Если это очень часто, возможно, требуется еще более простая обработка вместо крошечных значков.

Другие подходы:

введите описание изображения здесь

введите описание изображения здесь

Я бы сделал аналогичные 3 вертикальные линии справа от каждого элемента, но тогда у меня также была бы линия между каждым элементом для большей ясности.

Или, возможно, вертикальные линии, как на закрепляемых панелях инструментов настольных приложений.

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

Если полосы видны все время, пользователь ожидает, что сможет изменить порядок, перетаскивая полосы без необходимости сначала долго нажимать - что может быть вариантом.

Стандартный способ справиться с этим в iOS, как я уже сказал, либо вообще не иметь индикации, пока пользователь не нажмет долго, либо, как это делают панели вкладок, иметь вкладку «Дополнительно», которая перемещает в новое представление таблицы, где вы можете редактировать и переставлять вкладки. Это (по крайней мере, немного) более очевидно для пользователя, но требует больше кликов и усилий, или, как упоминал KMSTR, где-то есть порядок в представлении настроек. Все зависит от вашего варианта использования и от того, насколько часто и важно иметь возможность переставлять.

В версии Chrome для iPad и более ранних версиях их приложения для iPhone вы можете изменить порядок открытых вкладок, удерживая и перетаскивая их, как на рабочем столе. Итак, если вы хотите структурировать элементы навигации в виде вкладок, это довольно узнаваемая визуальная метафора.

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