Я работаю над приложением-календарем, которое позволяет переключать дни отпуска. Есть возможность выбрать, какие из этих дней считаются только половиной.
Использование: Пользователь переключает некоторые дни, эти дни становятся оранжевыми. Затем пользователь может нажать кнопку «выбрать полдня». При клике выцветает вся страница, кроме оранжевых дней. Теперь вы находитесь в режиме, в котором любой щелчок по оранжевым дням добавляет полосы, указывающие, что они учитываются только наполовину. Любые другие щелчки возвращают в предыдущий режим.
Если вы хотите попробовать, зайдите в приложение , выберите несколько дней, нажмите кнопку с надписью «½ Tage wählen» рядом с нижней правой ссылкой на 2014 год.
Я использовал инструменты jQuery для эффекта разоблачения.
По техническим причинам я не могу продолжать его использовать. И если подумать, это может быть не идеальным решением для превращения оранжевых дней в полдня (меня беспокоит «режим»).
Итак, мой вопрос: есть ли другие/лучшие способы выделить интерактивные области на странице, чтобы указать, какие области следует щелкнуть?
Вы можете добавить небольшой градиент к ненажатым оранжевым дням. Градиент может быть активирован после нажатия кнопки «½ Tage wählen».
Кажется, нет никаких преимуществ в том, чтобы требовать выбора полных дней, прежде чем пользователь сможет войти в «режим полдня» для их изменения.
Кнопка, которая переключается между «режимом полного дня» и «режимом половины дня», так что в «режиме половины дня» щелчок «обновляет» пустой день до половины или «понижает» полный день до половины, будет проще в использовании и не требует дополнительных визуальных подсказок. Вы можете построить поведение последовательных кликов по одному и тому же элементу любым удобным для вас способом. Пользователи быстро поймут, как это работает. Они должны иметь возможность щелкнуть по пустому или выбранному дню в любом режиме и получить что-то последовательное.
Из этого приложения уже ясно, что все белые поля кликабельны, однако неясно, что представляет собой голубовато-серый цвет и можно ли с ними взаимодействовать. Может быть, дать им какой-то эффект, например:
Но чтобы ответить на вопрос, главное, чтобы выделить что-то среди других элементов, — это использовать Contrast .
Контраст может быть достигнут за счет:
в принципе ничего странного.
Если вы хотите, простым решением было бы просто сделать более толстую обводку вокруг кликабельных полей, а не показывать только эти дни. Другим вариантом может быть скос и тиснение кликабельных областей, хотя это может быть немного старая школа или что-то, что имеет такой чистый, современный вид.
В любом случае, удачи с ним!
-J
авендт
Алан Гилбертсон
авендт