web-development-kb-ko.site

내장 된 사용자 안내서

내 웹 응용 프로그램을 자명하게 설명하고 싶습니다. 설명의 일부 단락이 필요한 입력 필드와 전체 페이지가 있습니다. 이 사용 설명서를 내 응용 프로그램에 통합하는 방법은 무엇입니까? 그것들을 가시적이고 방해하지 않게 만드는 방법?

8
Witek

도움을 점차적으로 공개하는 것을 고려할 것입니다.

각 필드에 툴팁이있는 표준을 설정하면 특별한 아이콘을 피할 수 있습니다. 사용자는 마우스 오버를 통해 툴팁을 즉시 알게됩니다.

보다 자세한 설명을 위해 각 툴팁에는 링크가 있어야합니다 (또는 전체 툴팁을 누를 수 있음). 이 설명은 간단하게 제자리 나 다른 페이지에서 열 수 있습니다).

7
Dan Barak

Twitter 가입 페이지 이 작업을 꽤 잘 수행합니다.


alt text


그들은 심지어 검증/피드백을 위해 이것을 사용합니다 :


alt text


그러나 does 입력 필드 옆에 몇 백 픽셀이 필요합니다. 그러나 짧은 도움말 텍스트와 "추가 ..."링크 만 제공하면됩니다.

5
jensgram

당사는 쿠키를 사용하는 당사 사이트를 처음 방문한 사용자가 웹 도움말을 가리키는 알림 표시 줄 (SE를 처음 방문하는 경우와 유사 함)과 사이트 사용 방법에 대한 비디오를받는 접근 방식을 취했습니다. .

이 경고 표시 줄은 이후 방문시 표시되지 않으므로 사용자의주의를 산만하게하지 않습니다.
( 이 블로그 게시물에 대한 추가 정보 )

우리 사이트에서는 모달이 아닌 경고 표시 줄 방식을 선호했습니다.
그러나 우리가보고있는 또 다른 접근 방식은 첫 번째 방문시 모달 경고 상자이며, '다시 표시 안 함' 틱 박스를 클릭 할 때까지 매번 팝업됩니다. 확인을 클릭하십시오.

2
Simon

사이드 바에서 SO 로그인 페이지에서와 같이 작은 설명을 작성할 수 있습니다.

다른 옵션은 필드 옆에 작은 아이콘을 배치하고 각 필드 옆에 호버링 도구 설명을 포함시키는 것입니다.

0
Sruly