company_banner

Улучшение элементов управления в Microsoft Edge на Chromium

Автор оригинала: Microsoft
  • Перевод
С тех пор, как мы начали работу над следующей версией Microsoft Edge, основанной на Chromium, мы исследовали способы модернизации элементов управления, чтобы обеспечить современный внешний вид, а также удобство сенсорного управления и доступность, которые наши пользователи ожидают от браузера сегодня.

В течение последних нескольких месяцев мы тесно сотрудничали с командой Google Chrome в этом проекте и рады поделиться обновленными элементами управления, которые будут доступны для сборок Microsoft Edge Insider или других браузеров на Chromium.



Более современный внешний вид


Эти изменения обеспечивает улучшенный внешний вид элементов управления и помогают обеспечить непрерывность дизайна и удобство работы с остальным браузером. Мы тесно сотрудничаем с командой разработчиков Google Chrome, чтобы найти баланс между нашими представлениями о дизайне, а также не забыть о современных реалиях. Все это позволит чувствовать себя как дома в различных браузерах на Chromium. Ниже приведено сравнение элементов управления по умолчанию в Chromium сегодня, по сравнению с обновленными элементами управления, над которыми мы работаем:
  Текущее Предстоящее
Радио
Флажок
Текст
Кнопки
Выбор
Пароль
Цвет
Счетчик
Прогресс
Диапазон
Дата
Время

Улучшенная сенсорная поддержка


Устройства Windows имеют широкий спектр форм-факторов и способов ввода, включая традиционные настольные и портативные ПК, устройства 2-в-1 и другие планшеты и перьевые устройства. Мы услышали ваши отзывы о том, как лучше работать с сенсорным вводом в наших ранних сборках Chromium Preview, и намеревались провести инвентаризацию элементов управления, чтобы определить возможности для улучшения сенсорного взаимодействия.



Хороший пример улучшений сенсорного ввода — ввод времени; В настоящее время Chromium предоставляет текстовый ввод, кнопку очистки и спиннер. Наше исследование показало, что при большом размере кончика пальца может быть сложно точно использовать маленькие элементы управления, которые расположены слишком близко друг к другу, поэтому рекомендуемый размер элемента управления 23×23 пикселя (13×13 DLU) является хорошим минимальным размером интерактивного элемента управления для любого устройства ввода. В отличие от этого, элементы управления вращением с разрешением 15×11 пикселей слишком малы для эффективного использования при касании.

Более доступные элементы управления


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

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

Затем мы провели интерактивные пользовательские исследования, чтобы определить лучший вариант по сравнению с текущим прямоугольником фокуса Chromium по умолчанию в качестве базовой модели. Мы обнаружили, что, хотя предпочтения были разными, один из вариантов был явным лидером по доступности. Мы выбрали этот вариант в качестве нового прямоугольника фокуса в Microsoft Edge, который вы можете увидеть ниже:



Кроме того, все эти элементы управления теперь поддерживают Windows High Contrast, что позволяет пользователю выделять конкретные цвета для улучшения визуального восприятия. Все сайты, использующие встроенные элементы управления, получат выгоду от этих обновленных элементов управления всякий раз, когда пользователь находится в режиме высокой контрастности, без каких-либо дополнительных действий веб-разработчиков. Тем не менее, веб-разработчики могут корректировать эти стили, если они хотят, используя новое свойство CSS forced-color-adjust и запрос prefers-contrast.



Мы также обновили нашу реализацию, чтобы обеспечить отличную поддержку клавиатуры для каждого элемента управления. Например, в новом цветовом вводе вы можете перемещаться по одному значению с помощью клавиш со стрелками; Если вы удерживаете клавишу Ctrl в Windows (клавиша Cmd в Mac), вы будете перемещаться на 10 значений, что позволяет быстро перемещаться по цветовой воронке.

Наконец, мы обновили сопоставления для элементов управления, чтобы они соответствовали спецификации сопоставлений API специальных возможностей HTML , чтобы обеспечить удобство для пользователей, использующих вспомогательные технологии (например, средства чтения с экрана).
Microsoft
391,47
Microsoft — мировой лидер в области ПО и ИТ-услуг
Поделиться публикацией

Комментарии 20

    +3
    После перехода на Chromium и Surface duo на Android
    ждем перехода c ядра Windows на kernel linux
      –2
      Смена ядра — это ерунда, даже писАть не о чем.
      А вот смена иконок в никем не используемом браузере — это дааа… Это даже не прорыв, а прорывище, кардинальный перелом, смена поколений и всё такое.
        0
        Ну я так понимаю, это в самом Google Chrome будет
          0
          С каких пор Microsoft участвует в разработке браузера гугля?
          Или я что-то пропустил?
            0
            Вы еще пропустили разработку Android от гугла под хотелки Microsoft
              0
              мы тесно сотрудничали с командой Google Chrome в этом проекте и рады поделиться обновленными элементами управления, которые будут доступны для сборок Microsoft Edge Insider или других браузеров на Chromium
                +1
                много чего. edge на базе chromium уже один из лучших в плане прожорливости (особенно при воспроизведении видео, youtube и т.п. минимальное использование cpu ). максимализм тут вообще мимо
                  0
                  Возможно такой эффект потому, что новый Edge не занят сбором телеметрии (как хром).
                  Потому что сама Windows этим занимается)
                –1
                Вы же не путаете разработку движка и новые нескучные иконки для очередной обертки движка?
                +1
                Ну, для честности, я использую канарейку с момента появления на MacOS в качестве основного браузера.
                  0

                  Мне тоже понравился Edge под macOS, но им же невозможно пользоваться без синхронизации между девайсами. Или вы и на моб. устройстве Edge используете?

                    0
                    Действительно, синхронизация пока хромает. Сильно, на обе ноги. Да и ui версии браузера на iOS мне тоже не по душе.
              +1
              Осталось только Mozilla перевести свой браузер на хром, и можно заказывать панихиду по свободному интернету… да наверное уже пора.

              У меня не было особых претензий к движку microsoft edgehtml но вот то что компания тупо не умеет делать интерфейсы удобными и быстрыми, не исправит ни смена движка ни переход их кодовой базы на linux (это про шутки что windows переходит на linux kernel)…

              Кривые руки одинаково сломают все, как дорогой и качественный инструмент так и дешевый кривой.
                0
                Браузер на их движке был всем хорош, кроме того, что в нём тормозил ютуб. Даже где-то статья была об этом.
                «Крис Питерсон, технический программный менеджер Mozilla, в серии твиттов обвинил компанию Google в умышленном замедлении работы YouTube на конкурирующих браузерах.»
                  0
                  Ну так Огнелис же позиционирует себя как «свободный» браузер, так что перехода на хромиум от него никак не ожидается
                  +1
                  В выборе цвета лучше бы оставили поддержку запоминания пользовательского цвета. А поля со значениями сделали бы опциональными, с переключателем HEX-DEC и RGB-HSV-CMYK.
                    –1
                    Честно говоря, несколько смущают черные-черные рамки вокруг некоторых элементов.
                    Для слабовидящих это несомненно полезно, но если проблем со зрением нет, выглядит «угловато».
                      0

                      Пользуюсь еджем на хромиуме пару месяцев. Быстрей бы уже в продакт выпустили и добавили совместимость м ie

                        –1
                        Спасибо большое за календарь, datepicker и палитру. Меня сильно коробило от того что они выглядят как из прошлого века, что делало их практически неприменимыми без доработок.
                          0

                          dev версия работает быстрее, чем обычный edge
                          интересно будет ли он добавлен в осеннем обновлении

                          Только полноправные пользователи могут оставлять комментарии. Войдите, пожалуйста.

                          Самое читаемое