скевоморфизм

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

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

Посмотрите на эти ползунки — у всех у них есть кнопки/ручки, которые выглядят так, как будто вы можете взять их и перетащить или сделать с ними что-то, именно то, что вы должны с ними делать:

^{Источник}

Пример

Это быстрый макет вашего интерфейса с добавленными ползунками:

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

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

Есть много разных решений, но, вообще говоря, ответ — скевоморфизм.

Обновлять

После использования вашего расширения (кстати, мне оно очень нравится!) Я бы сказал, что вам также нужно пометить разные ползунки — не сразу понятно, что чем управляет. Всплывающие подсказки объясняют ясно, но они недостаточно очевидны, если люди даже не знают, что они могут перемещать ползунки, они определенно не знают о всплывающих подсказках, объясняющих, что контролируют эти ползунки.

Меток «День», «Ночь» и «Переход» было бы достаточно, а всплывающие подсказки давали лучшее описание, как сейчас.

Быстрый макет с некоторыми возможными улучшениями:

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

Я предлагаю взглянуть на некоторые слайдеры/плагины для слайдеров, чтобы увидеть, как они справляются со своими скользящими рычагами.

Возможно, вы захотите использовать что-то с точкой, чтобы pinpointsони тоже скользили. Что-то вроде этого, возможно.

Вот почему:

Как пользователи, активно использующие веб-сайты и инструменты, мы неосознанно вступаем в процесс самообучения. В этом процессе мы начинаем изучать многие ключевые элементы работы в Интернете, неосознанно изучаем некоторые общие базовые вещи:

1. Красный обычно означает unsuccessfulилиclose
2. Зеленый обычно означает successилиopen
3. Стрелки указывают на просмотр вперед и назад
4. Курсоры-указатели означают, что объект кликабельный

Хотите верьте, хотите нет, но ползунки стали важной частью многих веб-инструментов, поэтому у них тоже есть свои собственные standard appearance.. Вот здесь и начинается A/B-тестирование, выберите 2 или 3 разных стиля и протестируйте их, вот 3 самых распространенных. :

1. ползунок круга
2. ползунок указателя
3. закругленный ползунок

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