더블 클릭을 문서화하는 방법은 무엇입니까?


11

소프트웨어 프로그램에 대한 설명서를 작성 중입니다. 문서를 열려면 두 번 클릭해야합니다.

독자가 스크린 샷만으로 감추고 텍스트를 읽지 않는다고 생각 하면 더블 클릭 동작을 직관적으로 이해하도록 디자인하는 방법은 무엇입니까?

가능하면 한 번의 클릭으로 인라인이어야하며 표시해야합니다.

지금까지 나는 픽셀 화살표와 단일 원 대 이중 원을 생각해 냈습니다. 독자가 그중 하나만 보는 경우에도 충분히 명확합니까? 그렇다면 왜 충분합니까? 그렇지 않다면 무엇을 향상시킬 수 있으며 그 이유는 무엇입니까?

한 번 클릭과 두 번 클릭

여기에 사용 된 녹색은 강조를위한 CI / CD 색상 중 하나입니다.

최신 정보

지금까지 의견을 보내 주셔서 감사합니다. 답변과 의견을 바탕으로 여러 옵션을 편집하고 약간 (주관적인) 피드백을 수집했습니다. 문서를 인쇄하는 사람들을 고려해야하기 때문에 흑백 버전도 살펴 봐야합니다. 제안 번호 추가 x로 5 는 IMHO가 가장 잘 받았습니다.

한 번 클릭과 두 번 클릭-추가 옵션


"의견 기반"과 관련하여 : "나를 생각하지 마십시오", "마음을 염두에두고 디자인"또는 "유니버설 디자인 원칙"과 같은 권위있는 / 규범적인 이유에 대한 답변을 제공하십시오. 거기에 이미지를 넣지 말고 "이것을 시도하십시오"
Thomas Weller

그것들이 둘 다 다르다는 점에서 나는 그들이 다른 것을 의미한다는 것이 분명하다고 말하고 싶습니다. 두 번 클릭하는 방법을 아는 사람들은 매뉴얼을 읽을 필요는 없지만 처음부터 두 번 클릭하는 방법을 모르는 사람들은 더블 클릭 아이콘이 무엇인지 알지 못할 것입니다. 될 것입니다.
DA01

@ DA01 : 좋은 지적입니다. "터치"세상에서 어떤 일이 점점 어려워지고 있습니다.
Thomas Weller

2
꽤 많은 PC 게임에서는 클릭해야 할 대상에 따라 마우스 왼쪽 및 오른쪽 마우스 버튼으로 마우스 아이콘과 색상을 사용합니다. 어쩌면 두 번 클릭하기 위해 마우스 안에 2x를 사용하여 비슷한 것을 할 수 있습니다 ( 예 :) .
Joonas

1
다른 옵션 : 문서 시작 부분의 키는 어떻습니까? 이 아이콘은 이것을 의미합니다.이 아이콘은 다음을 의미합니다.
DA01

답변:


9

이것은 Luke Wroblewski가 제스처 아이콘으로 단일 탭 및 이중 탭을 표시 한 정확한 방법입니다 .

여기에 이미지 설명을 입력하십시오

이것들은 UX 와이어 프레임에서 사실상의 표준이되었지만, 소프트웨어 사용자에게 직관적인지는 말할 수 없습니다.

중요한 것은 더블 클릭 자체가 처음에는 직관적 인 행동이 아니라는 것입니다. 학습 된 상호 작용입니다. 즉, 한 번 클릭과 두 번 클릭의 차이점을 배우는 사람들은 두 아이콘에서 다른 동작을 추측 할 수 있습니다.

Jooja가 아래에서 강조한 것처럼 두 아이콘의 차이점을 이해하는 데 중요한 요소는 두 아이콘이 모두 표시된다는 것입니다. 항상 그런 것은 아닙니다. 따라서 더블 클릭 아이콘에 보조 수정자를 추가하여 2 클릭임을 나타냅니다. 예:

여기에 이미지 설명을 입력하십시오


2
아이콘을 나란히 볼 수있는 경우에만. 다른 아이콘을 보지 않으면 두 번째 아이콘이 두 번 탭된다는 것을 알 수있는 방법이 없습니다. 이제 당신의 추측입니다. 아이콘이 2 배 더 명확합니다.
joojaa

@joojaa는 동의했다. 다른 아이콘의 Sans 컨텍스트는 식별하기 어렵습니다. 더브 탭 아이콘에 2x로 레이블을 붙이는 것이 가장 합리적 일 수 있습니다. 답변을 업데이트하겠습니다.
DA01

더블 클릭을 의미하는 것으로 물론, 사람이 바로 기술에 정통한만큼 이중 원을 인식하는 (그러나 충분히 제대로에 수반 어떤 것을 이해) 오른쪽에 하나를 볼 수 있습니다 클릭 번 ...
야누스 Bahs 자케

@JanusBahsJacquet 맞습니다. 하나는 이길 수 없습니다. 많은 텍스트 편집기에서 전체 행 선택과 같은 일부 작업에는 삼중 클릭이 필요합니다. 따라서 경우에 따라 4 중 클릭이 의미가있을 수 있습니다.
joojaa

1
트윗 담아 가기 사실 ... 두 서클을 모두 유지하는 것이 가장 좋습니다. 즉, 더블 클릭을 이해하기에 충분한 '정통한'사람은 파일을 여는 방법에 대한 지침을 읽는 것을 방해하지 않습니다.
DA01

4

문제는 마우스 커서 자체가 동작이 아니라는 것입니다. 표시하려는 조치는 마우스의 실제 단추를 누르는 것입니다.

키보드 액션의 경우, 외모 같은 물리적 인 키를 좋아하는 아이콘을 사용하는 것이 일반적이다 EscF9.

마우스에이를 표시하려면 마우스와 유사한 작은 아이콘을 사용하고 클릭 할 단추를 강조 표시하십시오. 그런 다음 한 번 클릭과 두 번 클릭을 구분할 때 1x 또는 2x를 사용할 수 있습니다. 또한 왼쪽 대 오른쪽 클릭, 스크롤 휠 사용량 등을 표시 할 수 있습니다.

더블 클릭 아이콘


2

당신이 여기에 어려운 작업입니다. 더블 클릭 아이콘을 본 적이 없다고 생각합니다. 몇 가지 옵션을 생각할 수 있습니다.

  1. 다른 색상의 커서와 겹치는 흰색 커서

  2. 안에 '2'가있는 커서.

  3. 숫자 '2'위로 커서를 가져갑니다.

  4. 1과 3의 조합


2
내 초기 아이디어는 당신과 멀지 않습니다. 커서 옆에있는 "x2"는 아마도 가장 직관적 일 것입니다.
JohnB

-1

스크린 샷의 문서 아이콘 옆에 "두 번 클릭"이라는 텍스트 레이어는 어떻습니까?

당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.