2013-06-20 2 views
4

사용자가 처음 사용할 때 기능을 설명하거나 업그레이드 후에 새 기능을주의 깊게 읽는 몇 가지 응용 프로그램을 보았습니다. 이러한 종류의 문서는 앱 내부 및 사용자의 흐름 중간에 직접 표시됩니다 (예 : 버튼이나 다른 요소를 가리키는 UI 위에 말풍선을 배치합니다. 보통 한 번 그리고 다시는 나타나지 않습니다.소프트웨어로 문서 작성

enter image description here

불행하게도 나는 열심히 그것에 대해 구글하게이 방법을 호출하는 방법을 모르겠어요. 이것은 꽤 현대적인 UX 접근법 인 것 같습니다.

어떤 아키텍처 또는 디자인 패턴이 사용되고 있는지 또는 구현할 주목할만한 라이브러리가 있는지 궁금합니다. 여기서 다루려고하는 문제는 이것이 작업 흐름의 어느 곳이나 어느 때라도 움직이는 크로스 커팅 (cross-cutting) 작업이라는 것입니다. 그러나이 전체적인 관심을 "실제"기능에서 벗어나고 싶습니다.

예를 들어 사용자가 MVC 웹 응용 프로그램에서 페이지를 요청할 수 있습니다. 컨트롤러는 데이터를 가져오고 작업을 실행하며보기를 제공합니다. 그 견해에는 새로운 탭이 있습니다. 사용자는 이것을 본 적이 없으며 "여기를 클릭하십시오 ..."라는 친숙한 메시지를 표시하려고합니다. 즉, 컨트롤러의 일부 장소에서 사용자가 아직이 기능을 설명하지 않았 음을 감지해야합니다. 즉, 번들에서 메시지를로드하여보기로 보냅니다. 보기는 탭 이외에 연설 거품을 렌더링합니다. 이 논리는 실제 기능과는 아무런 관련이 없습니다. 이상적으로는 컨트롤러뿐만 아니라 뷰를 그대로 유지할 수 있습니다.

저는 Aspect-Oriented-Programming 방법이 도움이 될지 생각했습니다.

블로그, 라이브러리, 설립 패턴이 있습니까?

참고 : 연설 거품을 렌더링하는 방법을 묻는 중입니다. 내 관심사는 내가 논리를 표시하는 것을 원하지 않는다는 것이다. "사용자가 메시지를 본 적이 있습니까?"고 말했습니까? 다시 표시하지 않습니까? "), 표시 할 내용 및 표시 위치 - 전체 응용 프로그램의 소스 코드를 분산 할 이상적으로는 자신의 패키지 또는 프로젝트에 포장 할 수있는 기능을 사용 통계를 수집하기 위해 또는 다양한 장소에서 사용자의 피드백 채널을 추가 적용 할 수 있습니다

유사한 고려

...

업데이트 : 나는 마침내 정확히 무엇을 찾고 있었는지에 대한 대답을 얻었습니다. 주제를 찾는 것이 중요한 문제 였기 때문에, Shahrokh의 답변에서 발견 된 키워드 중 일부를 추가하여 미래의 독자들이 Q & A : 처음 사용자를위한 소개, 단계별 가이드, 페이지 가이드 또는 가이드 웹 사이트 둘러보기라고 할 수 있습니다. 답변에는 intro.js, aSimpleTourPlugin, pageguide.js, joyride, Codrops, Bootstro.js, jQuery SiteTour, jQuery Tourbus, Trip.js 및 Crumble이 있습니다.

+0

나는 Win32/Windows에서 컨텍스트 메뉴라고 부르는 것 같아. –

+0

@PeterL. 근처에도 안. 컨텍스트 메뉴는 마우스 오른쪽 버튼으로 클릭 할 때 사용됩니다. –

+2

이것은 아마도 오프 주제이며 http://ux.stackexchange.com/에 더 적합합니다. –

답변

4

목록 웹 페이지의 웹 페이지 사용 설명서 또는 웹 사이트 투어here입니다.

+0

와우! 나는 이걸 포기했으나 이것이 내가 찾고 있던 것입니다! 나는 당신의 참고 뒤에 숨는 10 개의 다른 링크에 대해 10 배를 투표 할 것입니다 :-) – chiccodoro

+0

웹 사이트 투어에 대한 제 제안은 "introjs"입니다. 간단하고 가볍고 좋은 커뮤니티가 있기 때문입니다. – ShahRokh

+0

고맙습니다. 나는 모든 링크 (그 중 여전히 작동 중 이었음)를 한 눈에 보았고, 소개는 내가 지금까지 가장 인상 깊었던 것입니다. – chiccodoro