인터페이스 디자인

  • 아티클

[이 페이지와 연결된 기능인 Windows 미디어 플레이어 SDK는 레거시 기능입니다. MediaPlayer로 대체되었습니다. MediaPlayer는 Windows 10 및 Windows 11 최적화되었습니다. 가능한 경우 새 코드에서 Windows 미디어 플레이어 SDK 대신 MediaPlayer를 사용하는 것이 좋습니다. 가능한 경우 레거시 API를 사용하는 기존 코드를 다시 작성하여 새 API를 사용하도록 제안합니다.]

함수가 선택되면 인터페이스를 디자인할 수 있습니다. 기능과 일치하도록 간단한 인터페이스가 선택되었습니다. 컨트롤의 기호는 표준 VCR 컨트롤에서 선택되었습니다.

다음 이미지는 인터페이스의 모양을 보여줍니다.

샘플 인터페이스

  • PlayPause 또는 PlayPauseStop 단추. 사용자가 가장 많이 탭하므로 더 큰 단추를 고려할 수 있습니다. 오른쪽 위 모서리는 사용자가 빠르게 찾을 수 있는 좋은 위치를 만듭니다. 단색 화살표는 재생을 나타내는 데 사용되며 두 개의 세로 막대(여기에 표시되지 않음)는 일시 중지를 나타내는 데 사용됩니다.

    참고

    PlayPauseStop 단추는 Windows 미디어 플레이어 10 Mobile 이상용 스킨을 만들 때만 사용할 수 있습니다.

     

  • 중지 단추. 이를 쉽게 찾을 수 있도록 왼쪽 위 모서리에 배치됩니다. 정사각형은 중지를 나타내는 데 사용됩니다. Windows 미디어 플레이어 10 Mobile 이상용 스킨을 만드는 경우 PlayPauseStop 단추는 이미 이 기능을 제공합니다.

  • 다음 및 Prev 단추. 이러한 항목은 자주 사용되지 않으므로 왼쪽에 배치됩니다. 다음 은 사용자가 재생 목록에서 앞으로 이동하려고 할 가능성이 높기 때문에 Prev 단추 위에 있습니다. 이중 화살표 기호는 함수에서 빠른 전달 컨트롤과 유사하기 때문에 사용됩니다.

  • 볼륨 트랙바. 이는 화면 아래쪽에 배치되며 그 위에 엄지 단추가 있는 간단한 줄입니다.

  • 선택 윤곽 텍스트 상자. 쉽게 볼 수 있도록 PlayPause 또는 PlayPauseStop 단추 아래에 배치됩니다.

먼저 이 요소를 스케치하고 각 사용자 인터페이스 요소의 배치를 실험할 수 있습니다. 여기에 표시된 디자인은 단순성과 사용 편의성을 위해 선택되었습니다.

스킨 가이드