Difference between revisions of "Walkthroughs"
Navigation menu
From Design pattern
| (8 intermediate revisions by one user not shown) | |||
| Line 3: | Line 3: | ||
=== With this pattern, we can solve... === | === With this pattern, we can solve... === | ||
* Window에서는 Wizard와 같이 앱 초기 진입 시 몇 단계로 걸쳐 상세한 도움말을 제공하지만 최근 Walkthroughs 형태와 같은 형태로 도움말을 제공한다. | * Window에서는 Wizard와 같이 앱 초기 진입 시 몇 단계로 걸쳐 상세한 도움말을 제공하지만 최근 Walkthroughs 형태와 같은 형태로 도움말을 제공한다. | ||
| − | * [[Coach mark]] | + | * [[Coach mark]]의 경우 앱 실행 시 blur 효과를 통해 앱의 초기실행화면에 표시된 아이콘이나 메뉴버튼등에 대한 도움말을 제공하지만, Walkthroughs의 경우 새롭게 작성 해 놓은 일종의 "도움말" 페이지를 통해 앱 전반적인 도움말을 제공하며 도움말을 모두 읽은 후 실행화면으로 들어갈 수 있다. |
* 긴 프로세스를 거치고 싶지 않는 사용자를 위해 본 단계를 건너뛰고 바로 홈 화면으로 진입할 수 있는 경로를 선택하게 한다. | * 긴 프로세스를 거치고 싶지 않는 사용자를 위해 본 단계를 건너뛰고 바로 홈 화면으로 진입할 수 있는 경로를 선택하게 한다. | ||
| − | === Example | + | === Example === |
| − | + | [[file:Walkthroughs.jpeg|310px]] | |
| + | |||
---- | ---- | ||
| + | |||
| + | === iOS_Duolingo === | ||
| + | {{#Widget:Vimeo|id=96665364|width=300|height=533}} | ||
==== iOS_IFTTT ==== | ==== iOS_IFTTT ==== | ||
| − | {{#Widget:Vimeo|id=93045296|width= | + | {{#Widget:Vimeo|id=93045296|width=395|height=533}} |
==== Android_Noom ==== | ==== Android_Noom ==== | ||
| Line 19: | Line 23: | ||
{{#Widget:Vimeo|id=96601011|width=300|height=533}} | {{#Widget:Vimeo|id=96601011|width=300|height=533}} | ||
| − | |||
==== iOS_Replay==== | ==== iOS_Replay==== | ||
{{#Widget:Vimeo|id=96445107|width=300|height=533}} | {{#Widget:Vimeo|id=96445107|width=300|height=533}} | ||
| Line 47: | Line 50: | ||
{{#Widget:Vimeo|id=95774142|width=300|height=455}} | {{#Widget:Vimeo|id=95774142|width=300|height=455}} | ||
| + | === ios_lumosity === | ||
| + | * App의 사용 방법을 단계별로 보여준다. | ||
| + | {{#Widget:Vimeo|id=96456113|width=300|height=451}} | ||
| + | |||
| + | === ios_elevate === | ||
| + | * App의 사용 방법을 화면 전환을 통해 보여준다. | ||
| + | {{#Widget:Vimeo|id=96455933|width=300|height=450}} | ||
[[Category:Provide user guide]] | [[Category:Provide user guide]] | ||
Latest revision as of 12:47, 21 July 2014
Walkthroughs는 앱을 실행하기에 앞서 사용자에게 앱 전반적인 설명이나 도움말을 제공하는 패턴이다.앱을 처음으로 실행할 때 자동으로 도움말을 나타내 준다. 앱 실행 시 자동으로 도움말이 나타나며 앱을 처음으로 실행할 때만 나타나고 그 이후로는 나타나지 않는다.
Contents
With this pattern, we can solve...
- Window에서는 Wizard와 같이 앱 초기 진입 시 몇 단계로 걸쳐 상세한 도움말을 제공하지만 최근 Walkthroughs 형태와 같은 형태로 도움말을 제공한다.
- Coach mark의 경우 앱 실행 시 blur 효과를 통해 앱의 초기실행화면에 표시된 아이콘이나 메뉴버튼등에 대한 도움말을 제공하지만, Walkthroughs의 경우 새롭게 작성 해 놓은 일종의 "도움말" 페이지를 통해 앱 전반적인 도움말을 제공하며 도움말을 모두 읽은 후 실행화면으로 들어갈 수 있다.
- 긴 프로세스를 거치고 싶지 않는 사용자를 위해 본 단계를 건너뛰고 바로 홈 화면으로 진입할 수 있는 경로를 선택하게 한다.
Example
iOS_Duolingo
iOS_IFTTT
Android_Noom
iOS_Knob lab
iOS_Replay
iOS_ OfficeMobile
iOS_ airbnb
iOS_ Hangout
iOS_ iPhone AskForTask 1
iOS_ Rove
iOS_ NikeplusRunning
iOS_ Sphere_1
iOS_Yummly_1
ios_lumosity
- App의 사용 방법을 단계별로 보여준다.
ios_elevate
- App의 사용 방법을 화면 전환을 통해 보여준다.