다음을 통해 공유


명령 링크

참고

이 디자인 가이드는 Windows 7용으로 만들어졌으며 최신 버전의 Windows용으로 업데이트되지 않았습니다. 지침의 대부분은 여전히 원칙으로 적용되지만 프레젠테이션 및 예제에는 현재 디자인 지침이 반영되지 않습니다.

명령 링크를 사용하여 사용자는 기본 명령에 대한 단일 응답을 선택하고, 이렇게 하면 작업의 다음 단계로 이동합니다.

명령 링크에는 설명 레이블을 허용하는 클린 간단한 모양이 있으며 표준 화살표 또는 사용자 지정 아이콘과 선택적 추가 설명이 표시됩니다.

일반적인 명령 링크 대화 상자의 스크린샷

일반적인 명령 링크 집합입니다.

명령 링크는 상호 배타적인 관련 선택 항목 집합에서 선택하는 데 사용된다는 측면에서 라디오 단추 와 유사합니다. 라디오 단추와 마찬가지로 명령 링크는 항상 집합에 표시되며 개별적으로는 표시되지 않습니다. 모양에서 명령 링크는 프레임이나 다른 강력한 클릭 어도던스 없이 일반 링크와 유사한 경량 모양을 갖습니다. 명령 링크는 기본 " 명령 단추"가 될 수 있고 액세스 키를 할당할 수 있다는 측면에서 명령 단추와도 비슷합니다. 커밋 단추와 마찬가지로 클릭할 때 창을 닫거나(대화 상자의 경우) 다음 페이지(마법사 및 페이지 흐름의 경우)로 이동합니다.

참고

링크레이아웃과 관련된 지침은 별도의 문서에 제공됩니다.

올바른 컨트롤인가요?

결정하기 전에 다음 사항을 고려합니다.

  • 기본 명령에 대한 옵션 응답이 창 또는 페이지의 주요 목적과 관련이 있나요? 사용자가 다른 페이지로 이동하지 않고 다른 작업을 수행하도록 응답해야 합니까? 그렇지 않은 경우 명령 단추 또는 링크와 같은 다른 컨트롤을 사용합니다. 명령 링크는 보조 또는 선택 사항 선택 또는 순수 탐색에 적합하지 않습니다.

    개인 설정 제어판 항목의 스크린샷

    개인 설정 제어판 항목은 명령 링크를 사용하는 것처럼 보이지만 이 허브 페이지는 순수 탐색용이므로 옵션은 일반 링크입니다.

  • 컨트롤은 상호 배타적인 응답 집합에서 하나의 응답을 선택하는 데 사용합니까? 그렇지 않다면 다른 컨트롤을 사용합니다. 사용자가 개별 명령을 선택할 수 있도록 하려면 명령 단추 또는 링크를 사용합니다.

  • 대화 상자의 경우 컨트롤을 클릭하면 창이 닫히나요? 그렇지 않은 경우 라디오 단추, 명령 단추 또는 링크와 같이 창을 닫을 필요가 없는 컨트롤을 사용합니다.

    잘못된 예:

    탭 방화벽 설정 대화 상자의 스크린샷

    컨트롤을 클릭하면 창이 닫히므로 속성 창 또는 탭 대화 상자에서 명령 링크를 사용할 수 없습니다.

  • 마법사 및 페이지 흐름의 경우 클릭하여 약정 없이 다음 페이지로 이동하나요? 명령 링크를 사용하여 작업에 커밋하지 마세요. 대신 커밋 단추를 사용합니다. 명령 링크는 링크처럼 보이고 사용자는 페이지 흐름 내에서 탐색과 링크를 연결하므로 사용자는 항상 백업할 수 있어야 하므로 커밋 페이지에 는 링크가 적합하지 않습니다.

  • 마법사 및 페이지 흐름의 경우 명령 링크를 사용하는 다른 페이지인가요? 이 경우 다른 모든 요소가 같으면 페이지 간 일관성을 위해 명령 링크를 사용하는 것이 좋습니다.

  • 응답 수가 2~5인가요? 단일 명령 링크가 없어야 합니다. 명령 링크는 큰 컨트롤이고 사용되는 화면 공간은 옵션 수에 비례하므로 응답 수를 5개 이하로 유지합니다. 6개 이상의 옵션의 경우 라디오 단추, 일반 링크 또는 단일 선택 목록 보기를 사용합니다.

    명령 목록이 있는 대화 상자의 스크린샷

    이 예제에서는 Microsoft Windows의 자동 실행 기능이 목록 보기를 사용합니다.

  • 라디오 단추와 커밋 단추의 조합이 더 나은 선택일까요? 다음 중 어느 것이라도 true인 경우 라디오 단추가 더 적합합니다.

    • 대부분의 사용자가 선택하려는 강력한 기본 옵션이 있습니다. 사용자는 특히 마법사에서 기본 명령 링크보다 기본 라디오 단추를 변경할 가능성이 적습니다. 여기서 사용자는 적절한 기본값을 적용하기 위해 다음을 클릭하는 데 익숙합니다. 반면에 사용자가 명시적으로 선택하도록 권장하려는 경우 명령 링크가 더 나은 선택입니다.

    • 사용자는 결정을 내리기 전에 선택 사항(아마도 추가 정보를 보려면)과 상호 작용해야 합니다. 예를 들어 라디오 단추를 선택하면 옵션에 대한 설명이 동적으로 표시될 수 있습니다.

      라디오 단추가 있는 대화 상자의 스크린샷

      이 예제에서는 라디오 단추를 선택하면 옵션에 대한 설명이 표시됩니다.

    • 페이지에 보조 또는 관련 옵션이 있습니다. 명령 링크는 페이지를 지배하는 경향이 있으므로 다른 모든 항목을 쉽게 간과할 수 있습니다. 또한 명령 링크를 클릭하면 보조 옵션을 선택할 수 없습니다.

      잘못된 예:

      혼합 컨트롤이 있는 대화 상자의 스크린샷

      이 예제에서는 기본 명령에 응답하는 두 가지 방법이 있습니다. 보조 옵션을 선택하기 어렵기 때문에 첫 번째 응답에는 명령 링크가 사용되지 않았습니다.

      올바름:

      동일한 컨트롤이 있는 대화 상자의 스크린샷

      이 예제에서 라디오 단추는 사용자가 보조 옵션을 선택할 수 있도록 하면서 응답을 명확하게 합니다.

  • 대화 상자의 경우 커밋 단추 그룹이 더 나은 선택일까요? 명령 링크는 옵션에 더 길고 설명적인 응답 및 추가 설명이 필요한 경우 더 잘 작동하지만 몇 가지 간단한 옵션이 있는 경우 커밋 단추 그룹을 선택하는 것이 좋습니다.

    잘못된 예:

    저장 및 저장 안 함 대화 상자의 스크린샷

    이 예제에서는 간단한 명령에 명령 링크를 사용하면 대화 상자가 불필요하게 복잡해집니다.

    올바름:

    '저장', '저장 안 함' 및 '취소' 커밋 단추가 있는 대화 상자를 보여 주는 스크린샷.

    이 예제에서는 간단한 커밋 단추를 사용하면 바로 지점에 도달합니다.

    그러나 텍스트가 커밋 단추를 설명하는 데 사용되는 경우 설명이 포함된 명령 링크는 항상 더 나은 선택입니다.

    잘못된 예:

    불필요한 텍스트가 있는 대화 상자의 스크린샷

    이 예제에서는 커밋 단추를 설명하는 데 텍스트가 사용됩니다.

    올바름:

    더 많은 텍스트가 필요하지 않은 레이블의 스크린샷

    이 예제에서 명령 링크는 자체 설명입니다.

참고

명령 링크에는 Windows Vista 이상이 필요하므로 이전 버전의 Windows에는 적합하지 않습니다. 일반 링크를 대체로 사용할 수 있습니다.

아이콘 및 텍스트가 있는 일반 링크의 스크린샷

이 예제에서는 아이콘과 추가 설명이 있는 일반 링크가 Windows XP의 명령 링크 대신 사용됩니다.

설계 개념

명령 링크를 사용하면 더 많은 설명 레이블을 사용할 수 있고 선택적 추가 설명이 필요한 것은 아닙니다. 다음 예제를 살펴보겠습니다.

잘못된 예:

텍스트가 너무 많은 대화 상자의 스크린샷

이 대화 상자는 심각하게 과도하게 통신합니다.

이 대화 상자는 간단한 질문을 사용하고 명령 링크 텍스트로 불필요하게 복잡합니다. 사용자는 이러한 간단한 질문에 대한 모든 텍스트를 읽고 싶지 않습니다.

다음 세 가지 명령 링크 지침을 적용하여 이 대화 상자를 간소화할 수 있습니다.

  • 명령 링크의 단어 상세 설명인 추가 설명을 사용하지 마세요. 명령 링크를 자체 설명으로 만들 수 없는 경우에만 추가 설명을 사용합니다. 하나의 명령 링크에 대한 추가 설명을 제공하는 것이 모든 명령에 대해 제공해야 한다는 의미는 아닙니다.
  • 가장 안전한(데이터 또는 시스템 액세스 손실을 방지하기 위해) 및 가장 안전한 응답을 기본값으로 선택합니다. 안전 및 보안이 요인이 아닌 경우 가장 가능성이 높거나 편리한 응답을 선택합니다.
  • 명시적 취소 단추를 제공합니다. 이 용도로 명령 링크를 사용하지 마세요.

이러한 지침을 적용하여 불필요한 추가 설명을 제거하고, 가장 편리한 응답을 기본값으로 만들고, 명시적 취소 단추를 제공할 수 있습니다.

Better:

명령 및 레이블이 있는 대화 상자 스크린샷

더 간단한 명령 링크가 있는 향상된 버전입니다.

이 버전이 저장하지 않는 것이 손실로 계산된다는 것을 명시적으로 설명하지는 않지만, 이 정보를 기반으로 결정을 변경하는 사용자는 거의 없으므로 좋은 절충안이 됩니다.

이 대화 상자는 명령 링크가 이 경우에 사용할 올바른 컨트롤인지 여부를 분석하여 더 잘 만들 수 있습니다. 커밋 단추는 더 길고 설명적인 응답이 필요하지 않으므로 실제로 더 나은 선택입니다.

최고의:

커밋 단추가 있는 대화 상자 스크린샷

올바른 버전은 커밋 단추를 사용하여 지점에 바로 맞습니다.

명령 링크에는 많은 장점이 있지만, 현명하지 않게 사용하면 통신이 과도하게 발생합니다. 대화 상자의 경우 커밋 단추가 작업을 잘 수행하지 않는 경우에만 커밋 단추를 먼저 사용하고 명령 링크를 사용하는 것이 좋습니다.

적절하게 사용하는 경우 명령 링크는 UI를 단순화하고 명확히 해야 합니다. 결과가 반대인 경우 한 걸음 뒤로 물러서서 대안을 검토하고 실제로 통신해야 하는 사항에 집중합니다.

한 가지만 수행하면... 명령 링크를 사용하여 과도하게 통신하지 마세요. 명령 링크는 통신을 단순화하고 명확히 해야 하며 더 복잡해지지 않아야 합니다.

사용 패턴

명령 링크에는 다음과 같은 몇 가지 사용 패턴이 있습니다.

사용법 예제
페이지 응답 명령 링크는 기본 명령에 응답하고 다음 페이지로 진행하는 데 사용됩니다. 이 패턴으로 명령 링크는 다음 단추를 대체하지만 여전히 취소 단추가 있습니다.
페이지 응답은 약정을 의미하지 않습니다. 명령 링크는 링크처럼 보이고 사용자는 페이지 흐름 내에서 탐색과 링크를 연결하므로 링크는 커밋 페이지에 적합하지 않습니다. 사용자는 항상 백아웃할 수 있어야 합니다.
'무선', '광대역(PPPoE)' 및 '전화 접속' 명령 링크가 있는 '인터넷에 연결' 대화 상자를 보여 주는 스크린샷
이 예제에서는 명령 링크를 사용하여 기본 명령에 설명적인 응답을 제공합니다. 여기서 라디오 단추를 사용할 수 있지만 명령 링크를 사용하면 사용자가 한 번의 클릭으로 응답할 수 있습니다.
대화 상자 응답 명령 링크는 기본 명령에 응답하고 대화 상자를 닫는 데 사용됩니다. 이 패턴으로 명령 링크는 커밋 단추(예: ok)를 대체하지만 취소 단추는 여전히 있습니다.
페이지 흐름과 달리 대화 상자 기반 응답이 만들어지면 다시 나갈 수 없습니다. 따라서 대화 상자 명령 링크는 약정을 의미합니다.
명령 링크가 있는 대화 상자의 스크린샷
이 예제에서는 명령 링크를 사용하여 기본 명령에 설명적인 응답을 제공합니다. 여기서 라디오 단추를 사용할 수 있지만 명령 링크를 사용하면 사용자가 한 번의 클릭으로 선택할 수 있습니다.
자세한 응답 자세한 정보를 포함하는 페이지 또는 대화 상자 응답입니다. 경우에 따라 사용자는 응답을 선택하기 위해 더 자세한 정보가 필요할 수 있습니다.
파일 복사 대화 상자 및 썸네일 스크린샷
이 예제에서는 사용자가 정보에 입각한 결정을 내릴 수 있도록 자세한 명령 링크가 사용됩니다. 미리 보기 및 파일 세부 정보는 사용자가 결정하는 데 도움이 됩니다.

지침

상호 작용

  • 명령 링크를 클릭한 결과가 즉각적이지 않은 경우 사용 중인 포인터를 표시합니다. 피드백이 없으면 사용자는 클릭이 발생하지 않았다고 가정하고 다시 클릭할 수 있습니다.

프레젠테이션

  • 항상 두 개 이상의 집합에 명령 링크를 표시합니다. 논리적으로 답변이 하나뿐인 질문을 할 이유가 없습니다.

    잘못된 예:

    하나의 명령 링크가 있는 대화 상자의 스크린샷

    이 예제에서는 대화 상자가 사용자에게 선택을 제공하는 것처럼 보이지만 명령만 있습니다. 대신 정보 대화 상자여야 합니다.

  • 가장 일반적으로 사용되는 명령 링크를 먼저 표시합니다. 결과 순서는 대략 사용 가능성을 따라야 하지만 논리적 흐름도 있어야 합니다.

    • 예외: 모든 작업을 수행하게 되는 명령 링크를 먼저 배치해야 합니다.
  • 명시적 취소 단추를 제공합니다. 이 용도로 명령 링크를 사용하지 마세요. 종종 사용자는 작업을 수행하고 싶지 않다는 것을 깨닫습니다. 명령 링크를 사용하여 취소하려면 사용자가 취소를 의미하는 명령 링크를 확인하기 위해 모든 명령 링크를 주의 깊게 읽어야 합니다. 명시적 취소 단추를 사용하면 사용자가 작업을 효율적으로 취소할 수 있습니다.

    잘못된 예:

    '종료 안 함' 링크가 있는 대화 상자의 스크린샷

    이 예제에서 종료 안 함 명령 링크는 취소 단추여야 합니다.

  • 명시적 취소 단추를 제공하면 단일 명령 링크가 남으면 취소할 명령 링크와 취소 단추를 모두 제공합니다. 이렇게 하면 사용자가 선택할 수 있음을 분명히 알 수 있습니다. "취소" 또는 일부 변형 대신 첫 번째 응답과 어떻게 다른지 측면에서 이 명령 링크를 구합니다.

    두 개의 링크와 취소 단추의 스크린샷

    이 예제에서 두 번째 명령 링크는 사용자가 선택할 수 있지만 취소만 수행됨을 나타냅니다. 그러나 첫 번째 명령 링크와 어떻게 다른지 측면에서 구합니다.

  • 환경을 이전 상태로 되돌릴 수 없는 경우 취소 대신 닫기를 사용하여 부작용을 남기지 않습니다.

  • 비활성화된 명령 링크를 표시하지 마세요. 명령 링크가 현재 컨텍스트에 적용되지 않는 경우 대신 제거합니다. 적용되지 않는 모든 명령 링크를 제거하면 단일 명령 링크가 남게 되는 경우 창이나 페이지를 제거하거나 명시적 사용자 동의가 필요한 경우 확인을 표시합니다.

아이콘

  • 모든 명령 링크에 아이콘이 필요합니다. 아이콘은 사용자가 일반 링크 및 사용자 인터페이스 텍스트와 명령 링크를 구분하는 데 도움이 됩니다.

  • 명령 링크에만 화살표 아이콘을 사용합니다. 일반 링크는 Windows XP에서 명령 링크 대신 사용되지 않는 한 화살표 아이콘을 사용하면 안 됩니다.

  • 보안 방패 아이콘을 사용하여 응답에 즉각적인 권한 상승이 필요함을 나타냅니다. 보안 방패 아이콘 사용에 대한 추가 지침은 사용자 계정 컨트롤을 참조하세요.

  • 사용자 지정 아이콘은 사용자가 옵션을 시각적으로 식별하고 구분하는 데 도움이 되는 경우에만 사용합니다. 사용자 지정 아이콘이 즉시 인식 가능하거나 의미가 없는 경우 사용하지 마세요.

    잘못된 예:

    사용자 지정 아이콘이 있는 두 명령 링크의 스크린샷

    이 예제에서는 사용자 지정 아이콘을 즉시 인식할 수 없습니다.

  • 사용자 지정 아이콘의 경우 16x16 또는 32x32 픽셀 아이콘을 사용합니다. 공간이 충분하고 더 큰 크기의 시각적으로 도움이 되는 경우 더 큰 아이콘을 사용합니다. 보안 방패 오버레이가 필요한 경우 32x32 또는 48x48 픽셀 아이콘을 사용합니다.

    아이콘이 있는 세 개의 명령 링크 스크린샷

    이 예제에서는 32x32 픽셀 사용자 지정 아이콘을 사용합니다.

    더 큰 아이콘이 있는 두 명령 링크의 스크린샷

    이 예제에서는 보안 방패 오버레이가 있는 48x48 픽셀 사용자 지정 아이콘을 사용합니다.

  • 사용자 지정 아이콘을 창 또는 페이지의 표준 화살표 아이콘과 혼합하지 마십시오. 화면에서 사용자 지정 아이콘을 사용하는 경우 모든 사용자 지정 아이콘을 사용해 보세요. 그러나 의미 없는 사용자 지정 아이콘보다 표준 화살표 아이콘을 사용하는 것이 좋습니다.

기본값

  • 가장 안전한(데이터 또는 시스템 액세스 손실을 방지하려면) 및 가장 안전한 응답을 기본값으로 선택합니다. 안전 및 보안이 요인이 아닌 경우 가장 가능성이 높거나 편리한 응답을 선택합니다.
  • 실용적인 경우 사용자가 해당 순서가 논리적이지 않은 경우가 아니면 이를 예상하기 때문에 첫 번째 응답을 기본 옵션으로 만듭니다.
  • 대화 상자의 경우 작업을 쉽게 실행 취소할 수 있는 방법이 없다면 파괴적인 작업을 기본 명령 링크로 만들지 마세요 .

명령 링크 크기 조정 및 간격 스크린샷

레이블

참고

명령 링크는 기본 명령에 대한 응답이므로 응답을 결정하기 전에 적절한 기본 명령을 만들어야 합니다.

명령 링크 레이블

  • 명령 링크가 수행하는 작업을 명확하게 전달하고 구분하는 간결한 레이블을 선택합니다. 설명이 있어야 하며 기본 명령에 해당해야 합니다. 응답 간의 차이점에 레이블을 집중합니다. 사용자는 명령 링크가 실제로 무엇을 의미하는지 또는 다른 명령 링크와 어떻게 다른지 파악할 필요가 없습니다.

    잘못된 예:

    중복 명령 링크의 스크린샷

    이 예제에서 두 번째 응답과 세 번째 응답의 차이점은 무엇인가요? 취소 단추가 있어서 기쁘지 않나요?

  • 사용자가 올바른 결정을 내릴 수 있도록 명령 링크 레이블을 집중합니다. 선택에 영향을 주지 않는 세부 정보를 생략합니다. 레이블은 어떤 일이 일어날지에 대한 완전한 사양일 필요는 없습니다.

  • 동사를 사용하여 명령 링크를 시작합니다. 그러나 레이블이 명령 링크의 작동 방식이 아니라 수행하는 작업을 전달해야 하므로 클릭을 사용하지 마세요.

    • 예외: 모든 명령 링크가 동일한 동사 또는 구로 시작하는 경우 중복 동사 또는 구를 제거합니다.
  • 일반적으로 긍정적인 구문을 사용합니다 (작업을 수행할 수 있는 선택 제공). 레이블을 더 쉽게 이해할 수 있도록 하는 경우 부정적인 구문(무언가를 하지 않을 수 있는 선택 제공)이 허용됩니다.

  • 병렬 구문 및 한 줄 레이블을 사용합니다. 긴 레이블은 읽기를 권장하며 필요하지 않습니다. 또한 적당히 크기가 조정된 레이블은 설명서에서 더 쉽게 참조할 수 있습니다.

  • 문장 스타일의 대문자를 사용합니다.

  • 레이블이 질문인 경우가 아니면 끝 문장 부호를 사용하지 마세요.

  • 고유한 액세스 키를 할당합니다. 지침은 키보드를 참조 하세요.

  • 타원을 사용하지 마세요. 타원은 작업을 수행하는 데 더 많은 정보가 필요할 수 있음을 의미합니다. 제대로 사용되는 명령 링크는 즉각적인 영향을 미치기 때문에 타원을 필요로 하지 않습니다.

  • 응답을 강력하게 권장하는 경우 레이블에 "(권장)"를 추가합니다. 추가 설명이 아니라 레이블에 추가해야 합니다.

  • 응답이 고급 사용자에 대해서만 의도된 경우 레이블에 "(고급)"를 추가하는 것이 좋습니다. 추가 설명이 아니라 레이블에 추가해야 합니다.

팁: 친구가 기본 명령을 명시하고 명령 링크로 응답했다고 상상하여 명령 링크를 평가할 수 있습니다. 명령 링크로 응답하는 것이 부자연스럽거나 어색할 경우 명령 링크와 기본 명령을 수정합니다.

추가 설명

  • 명령 링크에 추가 설명이 필요한 경우 추가 설명을 제공합니다. 추가 설명은 사용자가 응답을 선택하려는 이유 또는 응답을 선택한 경우 어떻게 되는지 설명합니다.

    옵션의 결과를 설명하는 텍스트 스크린샷

    이 예제에서 추가 설명은 옵션의 의미를 설명합니다.

  • 명령 링크의 단어 상세 설명인 추가 설명을 사용하지 마세요. 명령 링크를 자체 설명으로 만들 수 없는 경우에만 추가 설명을 사용합니다. 하나의 명령 링크에 대한 추가 설명을 제공하는 것이 모두를 위해 제공해야 한다는 것을 의미하지는 않습니다.

  • 사용자가 올바른 결정을 내릴 수 있도록 돕는 데 추가 설명을 집중합니다. 선택에 영향을 주지 않는 세부 정보를 생략합니다. 추가 설명은 어떤 일이 일어날지에 대한 완전한 사양일 필요는 없습니다.

  • 병렬 구문과 최대 3줄의 텍스트를 사용합니다. 긴 추가 설명은 읽기를 권장하며 필요하지 않아야 합니다.

  • 전체 문장과 문장 부호를 사용합니다.

명령 링크 그룹 레이블

  • 그룹 레이블을 사용하지 마세요. 기본 지침은 명령 링크의 그룹 레이블 역할을 합니다.

설명서

명령 링크를 참조하는 경우:

  • 대문자를 포함하여 정확한 레이블 텍스트를 사용하지만 액세스 키 밑줄은 포함하지 않습니다.
  • 레이블에 개체 이름이 포함된 경우 개체 이름을 생략하거나 자리 표시자 텍스트를 사용합니다.
  • 사용자 상호 작용을 설명하려면 클릭을 사용합니다.
  • 가능하면 굵은 텍스트를 사용하여 레이블의 서식을 지정합니다. 그렇지 않으면 혼동을 방지하기 위해 필요한 경우에만 레이블을 따옴표로 묶습니다.

예제: 그림을 복사하려면 복사 및 바꾸기를 클릭합니다.

네트워크 어댑터 다시 설정을 클릭합니다. ("네트워크 어댑 터 어댑터 이름 다시 설정"이라는 레이블이 지정된 명령 링크의 경우)