From Design pattern
Jump to: navigation, search
Line 23: Line 23:
 
=== Android_TMON ===
 
=== Android_TMON ===
 
{{#Widget:Vimeo|id=96421131|width=300|height=542}}
 
{{#Widget:Vimeo|id=96421131|width=300|height=542}}
 +
 +
===Android_Power amp ===
 +
{{#Widget:Vimeo|id=93208258|width=300|height=528}}
  
 
----
 
----
 
 
== Arrow ==
 
== Arrow ==
 
화면 안에서 특정 기능을 수행하기 위한 동작이나 버튼에 대해 그 위치를 화살표로 표시하고 간단한 설명을 보여준다.
 
화면 안에서 특정 기능을 수행하기 위한 동작이나 버튼에 대해 그 위치를 화살표로 표시하고 간단한 설명을 보여준다.
Line 37: Line 39:
 
=== 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}}
 
 
  
 
[[Category:Provide user guide]]
 
[[Category:Provide user guide]]

Revision as of 15:38, 24 June 2014

Coach mark 는 앱을 처음사용하는 사용자에게 간단히 도움말을 제공하는 패턴이다.

With this pattern, we can solve...

  • 화면 위에 투명한 layer를 띄워 아이콘 별 기능을 소개하거나, 화살표로 직접 아이콘을 가르키며 각 메뉴나 기능에 대해 안내한다.

Example

Translucent layer

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

iOS_Muv

iOS_원터치알림

iOS_ziny news

iOS_Vodio

Android_TMON

Android_Power amp


Arrow

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

iOS_Feedly

iOS_CamCard

Android_Samsung galaxy note