Лучший способ указать & ldquo; draggability & rdquo; в веб-приложении (или вообще)? [закрыто]

Есть ли какие-либо визуальные подсказки, которые вам известны, которые указывают на «перетаскиваемость» элемента?

Очевидные:

  • "< marque > Нажмите здесь, чтобы перетащить! & Lt ; / marque > "
  • значок
  • и (что я планирую реализовать) закрытое перемещение курсора при наведении курсора

Спасибо за помощь!

24
задан 13.05.2020, 11:53

6 ответов

Я действительно не могу объяснить, почему, но значок перетаскивания фона на iphone имеет некоторый смысл для меня. Это всего лишь три горизонтальные линии. В веб-приложении, которое я разрабатываю и продаю, люди сразу это поняли (ну, на классическом «мышином интерфейсе» указатель мыши gfx также меняется на тот, который вы упомянули ранее, что является очень важной дополнительной подсказкой для пользовательских интерфейсов мыши).

Я также сразу же связал это с ужасной вещью! Всего три горизонтальные линии ...

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

Фон (всего три простые горизонтальные линии): альтернативный текст http://manjadigital.de/demo/s/d/f/c/a/sortierer_greifer.gif

Пример использования на iPhone: alt text
(источник: creativealgorithms.com )

17
ответ дан 13.05.2020, 11:55
  • 1
    Говоря о микрооптимизациях, необходимо использовать DateTime.UtcNow, а не DateTime.Now, так как первый не требует поиска локального часового пояса от ОС. – Richard Szalay 20.10.2019, 01:11
  • 2
    Если Вы хотите знать, почему, попытайтесь просмотреть в своей полосе прокрутки. – lala 13.05.2020, 11:55
  • 3
    Woah, который выглядит действительно хорошим - даже в вертикальном расположении. – Tyler 13.05.2020, 11:56
  • 4
    Кроме того, проверьте " how" Ваш веб-сайт или веб-приложение восприняты. Если его воспринятый как приложение (подобный настольному приложению), то можно просто пойти и использовать этот значок дескриптора перетаскивания. Но если его воспринятый как веб-сайт, то действительно необходимо добавить больше подсказок для пользователя! Даже при том, что все более новые веб-сайты смотрят & чувствуйте себя подобно настольным приложениям, пользователи не чувствуют " веб-сайт looking" веб-сайты как приложения, и ПРОСТО НЕ ОЖИДАЮТ, перетаскивают & функциональность отбрасывания на чем-то, что просто похоже на веб-сайт;-) – Frunsi 13.05.2020, 11:57
  • 5
    Перетаскивание Gmail также несколько подобно, но использует немного отличающийся символ (" studded" область): gmailblog.blogspot.com/2009/07/… – Mathias 13.05.2020, 11:57

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

Демо

enter image description here

1
ответ дан 13.05.2020, 11:54

Я думаю, что лучшая подсказка - это визуальный дескриптор, то есть графический элемент, который предполагает, что вы можете что-то там захватить. Часто я вижу это в виде ребристой поверхности. Как на ручке под окном ответа или в FF ребристый элемент на ручке полосы прокрутки.

1
ответ дан 13.05.2020, 11:56

Когда перетаскиваемость не очевидна (пример 1 в вашем вопросе), я обычно ищу «ручки» на объектах, которые выглядят как места, где можно что-то захватить. Например, в нижней части окна ответа «Переполнение стека» есть один, чтобы изменить размер ввода текста.

3
ответ дан 13.05.2020, 11:56
  • 1
    Ewwww... так каждые 10 миллисекунд это полагается на p.exitValue () бросок IllegalThreadStateException для указания на " все еще running"? – Ogre Psalm33 15.10.2019, 09:37

Мне не нравится ни один из 3, но у меня нет лучшего лучшего решения. Из трех второй лучше, но в элементах должно быть что-то визуально различимое (строка заголовка, цвет или «дескриптор»), указывающее, что их можно перемещать.

1
ответ дан 13.05.2020, 11:56

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

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

0
ответ дан 13.05.2020, 11:59

Теги

Похожие вопросы