Проектирование интерфейса

После выбора функций интерфейс можно спроектировать. Для сопоставления функциональных возможностей был выбран простой интерфейс. Символы для элементов управления были выбраны из стандартных элементов управления VCR.

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

sample interface

  • Кнопка PlayPause или PlayPauseStop. Пользователь будет касаться этого наиболее, поэтому вы можете рассмотреть большую кнопку. Правый верхний угол делает удобное расположение, которое пользователь может быстро найти. Сплошная стрелка используется для указания воспроизведения и двух вертикальных полос (не показанных здесь) будет использоваться для указания паузы.

    Примечание

    Кнопку PlayPauseStop можно использовать только при создании кожи для Медиаплеер Windows 10 Mobile или более поздней версии.

     

  • Кнопка "Остановить". Чтобы упростить поиск, он помещается в левый верхний угол. Квадрат используется для указания остановки. Если вы создаете кожу для Медиаплеер Windows 10 Mobile или более поздней версии, кнопка PlayPauseStop уже предоставляет эту функцию.

  • Кнопки "Далее" и "Предварительные". Так как они не будут использоваться так часто, они помещаются слева. Далее над кнопкой prev, так как люди, скорее всего, хотят двигаться вперед в списке воспроизведения. Символы двойной стрелки используются, так как они похожи на функцию с быстрыми стрелками.

  • Полоса отслеживания тома. Это находится в нижней части экрана и является простой линией с кнопкой большого пальца на верхней части экрана.

  • Текстовое поле marquee. Он помещается под кнопкой PlayPause или PlayPauseStop, чтобы легко увидеть.

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

Руководство по коже