From Design pattern
Jump to: navigation, search
Line 1: Line 1:
 
앱을 처음 사용하는 사용자에게 간단히 도움말을 제공하는 패턴이다. 화면 위에 화살표, 텍스트를 통해 각 메뉴나 기능에 대해 안내한다.
 
앱을 처음 사용하는 사용자에게 간단히 도움말을 제공하는 패턴이다. 화면 위에 화살표, 텍스트를 통해 각 메뉴나 기능에 대해 안내한다.
 
== 545번 사례 ==
 
* 처음 App 실행 시 간단한 사용방법을 사용자에게 알려준다.
 
<!-- {{#Widget:Vimeo|id=93208258|width=300|height=528|start=4s}} -->
 
{{#Widget:Vimeo|id=93208258|width=300|height=528}}
 
  
 
== Coach Marks - 반투명한 레이어 ==
 
== Coach Marks - 반투명한 레이어 ==
 +
<div id="sun-col">
 
홈 화면 위에 반투명한 화면을 덮어 그 위에 각 메뉴에 대한 도움말을 표시한다.
 
홈 화면 위에 반투명한 화면을 덮어 그 위에 각 메뉴에 대한 도움말을 표시한다.
  
Line 20: Line 16:
 
=== Android_TMON ===
 
=== Android_TMON ===
 
{{#Widget:Vimeo|id=96421131|width=300|height=542}}
 
{{#Widget:Vimeo|id=96421131|width=300|height=542}}
 
+
</div>
 +
----
 
== Coach Marks - 화살표 ==
 
== Coach Marks - 화살표 ==
 +
<div id="sun-col">
 
화면 안에서 특정 기능을 수행하기 위한 동작이나 버튼에 대해 그 위치를 화살표로 표시하고 간단한 설명을 보여준다.
 
화면 안에서 특정 기능을 수행하기 위한 동작이나 버튼에 대해 그 위치를 화살표로 표시하고 간단한 설명을 보여준다.
  
Line 32: Line 30:
 
=== Android_Samsung galaxy note ===
 
=== Android_Samsung galaxy note ===
 
{{#Widget:Vimeo|id=94814136|width=300|height=455}}
 
{{#Widget:Vimeo|id=94814136|width=300|height=455}}
 +
 +
==Android_Power amp ==
 +
<!-- {{#Widget:Vimeo|id=93208258|width=300|height=528|start=4s}} -->
 +
{{#Widget:Vimeo|id=93208258|width=300|height=528}}
 
</div>
 
</div>
 
 
  
 
[[Category:Provide user guide]]
 
[[Category:Provide user guide]]

Revision as of 22:23, 27 May 2014

앱을 처음 사용하는 사용자에게 간단히 도움말을 제공하는 패턴이다. 화면 위에 화살표, 텍스트를 통해 각 메뉴나 기능에 대해 안내한다.

Coach Marks - 반투명한 레이어

홈 화면 위에 반투명한 화면을 덮어 그 위에 각 메뉴에 대한 도움말을 표시한다.

iOS_원터치알림

iOS_지니뉴스

iOS_vodio

Android_TMON


Coach Marks - 화살표

화면 안에서 특정 기능을 수행하기 위한 동작이나 버튼에 대해 그 위치를 화살표로 표시하고 간단한 설명을 보여준다.

iOS_Feedly

iOS_CamCard

Android_Samsung galaxy note

Android_Power amp