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