Difference between revisions of "Wayfinding"
Navigation menu
From Design pattern
(→Example) |
|||
| (7 intermediate revisions by 2 users not shown) | |||
| Line 1: | Line 1: | ||
Wayfinding은 출발지와 도착지 사이의 경로를 찾는 패턴이다. Wayfinding은 출발지나 도착지를 입력하는 단계에서부터 경로 검색에 대한 결과를 어떻게 표현하는지를 포괄한다. | Wayfinding은 출발지와 도착지 사이의 경로를 찾는 패턴이다. Wayfinding은 출발지나 도착지를 입력하는 단계에서부터 경로 검색에 대한 결과를 어떻게 표현하는지를 포괄한다. | ||
| − | 경로를 검색할 때 정확한 위치 정보를 위해 | + | 경로를 검색할 때 정확한 위치 정보를 위해 auto-completion이나 입력한 내용에 해당하는 장소를 사용자에게 재확인하는 과정을 거친다. 길 찾기에 대한 검색 결과는 지도와 텍스트를 적절하게 결합하여 구성하는 것이 좋다. 사용자가 걷는 상황이거나 대중교통을 이용할 경우 지도에서 경로가 나타나는 형태와 그 경로를 순서대로 파악할 수 있게 리스트 형태로 나타낸 Direction List를 상호전환이 가능하게 표현하게 된다. 반면, 자가용을 이용할 경우 찾아가는 길을 도로 기준으로 방향을 실시간으로 보여주고 미리 안내해주는 navigation view를 보여주는 형태로 나타난다. |
=== With this pattern, we can solve... === | === With this pattern, we can solve... === | ||
사용자가 출발지에서 도착지로 갈 수 있는 현실적인 경로를 찾고자 할 때 Wayfinding은 그 구체적인 방향과 방법을 보다 이해하기 쉬운 형태로 알려준다. | 사용자가 출발지에서 도착지로 갈 수 있는 현실적인 경로를 찾고자 할 때 Wayfinding은 그 구체적인 방향과 방법을 보다 이해하기 쉬운 형태로 알려준다. | ||
| − | * 경로 검색 과정에서 사용자가 원하는 정확한 출발지와 도착지를 입력할 수 있어야 한다. 따라서 원하는 위치를 입력할 수 있는 수단이나 입력한 값이 원하는 위치가 맞는지를 확인하는 과정이 필요하다. | + | * 경로 검색 과정에서 사용자가 원하는 정확한 출발지와 도착지를 입력할 수 있어야 한다. 따라서 [[Auto-completion]]과 같이 입력값을 제시해주거나 원하는 위치를 입력할 수 있는 수단이나 입력한 값이 원하는 위치가 맞는지를 확인하는 과정이 필요하다. |
| + | * 입력한 위치는 주로 [[Pin drop]]로 나타난다. | ||
* 걸어가거나 대중교통을 이용할 경우 횡단보도의 위치, 이동방향, 랜드마크, 이용할 수 있는 대중교통의 종류와 대중교통이 해당 정류장까지 오는데 소요되는 시간 등 길 찾기에 필요한 다양한 정보를 함께 제시한다. | * 걸어가거나 대중교통을 이용할 경우 횡단보도의 위치, 이동방향, 랜드마크, 이용할 수 있는 대중교통의 종류와 대중교통이 해당 정류장까지 오는데 소요되는 시간 등 길 찾기에 필요한 다양한 정보를 함께 제시한다. | ||
* 자가용을 이용할 경우 현재 도로 구간별 교통 상황, 사고, 공사 따위의 교통에 영향을 주는 여러 가지 요인 등 교통정보를 부가적으로 제공할 수 있으며, 이 정보를 고려하여 길 찾기 혹은 고려하지 않고 길찾기 등이 설정 가능하다. | * 자가용을 이용할 경우 현재 도로 구간별 교통 상황, 사고, 공사 따위의 교통에 영향을 주는 여러 가지 요인 등 교통정보를 부가적으로 제공할 수 있으며, 이 정보를 고려하여 길 찾기 혹은 고려하지 않고 길찾기 등이 설정 가능하다. | ||
| Line 13: | Line 14: | ||
=== Example : iOS_Naver Map === | === Example : iOS_Naver Map === | ||
| − | + | [[File:Wayfinding.jpeg]] | |
| + | |||
---- | ---- | ||
| Line 19: | Line 21: | ||
=== iOS_Naver Map === | === iOS_Naver Map === | ||
| + | * 좌측은 대중교통을 이용하는 경우, 우측은 자가용을 이용하는 경우의 경로 안내이다. | ||
| + | {{#Widget:Vimeo|id=100388499|width=300|height=533}} | ||
{{#Widget:Vimeo|id=100388518|width=300|height=533}} | {{#Widget:Vimeo|id=100388518|width=300|height=533}} | ||
| Line 33: | Line 37: | ||
=== iOS_Gamin Navigation === | === iOS_Gamin Navigation === | ||
| + | * #00:07-#00:17 | ||
{{#Widget:Youtube|id=5xOlwidkj-0|width=665|height=443}} | {{#Widget:Youtube|id=5xOlwidkj-0|width=665|height=443}} | ||
[[Category:Search]] | [[Category:Search]] | ||
Latest revision as of 17:28, 29 July 2014
Wayfinding은 출발지와 도착지 사이의 경로를 찾는 패턴이다. Wayfinding은 출발지나 도착지를 입력하는 단계에서부터 경로 검색에 대한 결과를 어떻게 표현하는지를 포괄한다.
경로를 검색할 때 정확한 위치 정보를 위해 auto-completion이나 입력한 내용에 해당하는 장소를 사용자에게 재확인하는 과정을 거친다. 길 찾기에 대한 검색 결과는 지도와 텍스트를 적절하게 결합하여 구성하는 것이 좋다. 사용자가 걷는 상황이거나 대중교통을 이용할 경우 지도에서 경로가 나타나는 형태와 그 경로를 순서대로 파악할 수 있게 리스트 형태로 나타낸 Direction List를 상호전환이 가능하게 표현하게 된다. 반면, 자가용을 이용할 경우 찾아가는 길을 도로 기준으로 방향을 실시간으로 보여주고 미리 안내해주는 navigation view를 보여주는 형태로 나타난다.
Contents
With this pattern, we can solve...
사용자가 출발지에서 도착지로 갈 수 있는 현실적인 경로를 찾고자 할 때 Wayfinding은 그 구체적인 방향과 방법을 보다 이해하기 쉬운 형태로 알려준다.
- 경로 검색 과정에서 사용자가 원하는 정확한 출발지와 도착지를 입력할 수 있어야 한다. 따라서 Auto-completion과 같이 입력값을 제시해주거나 원하는 위치를 입력할 수 있는 수단이나 입력한 값이 원하는 위치가 맞는지를 확인하는 과정이 필요하다.
- 입력한 위치는 주로 Pin drop로 나타난다.
- 걸어가거나 대중교통을 이용할 경우 횡단보도의 위치, 이동방향, 랜드마크, 이용할 수 있는 대중교통의 종류와 대중교통이 해당 정류장까지 오는데 소요되는 시간 등 길 찾기에 필요한 다양한 정보를 함께 제시한다.
- 자가용을 이용할 경우 현재 도로 구간별 교통 상황, 사고, 공사 따위의 교통에 영향을 주는 여러 가지 요인 등 교통정보를 부가적으로 제공할 수 있으며, 이 정보를 고려하여 길 찾기 혹은 고려하지 않고 길찾기 등이 설정 가능하다.
- Wayfinding을 하는 목적이 경로를 정보로 알아내기 위한 것인지, 혹은 실시간으로 사용자에게 방향과 방법을 알려주기 위한 것인지에 따라 앱의 구현형태가 변화하거나, 두 가지 표현 방식이 전환되기도 한다.
- 걸어가거나 대중교통을 이용하는 경우, 자가용을 이용하는 경우가 경로 검색의 설정값일 경우, 경로를 표현하는 검색 결과는 비슷하게 표현될 수 있다.
Direction List/Map
- 좌측은 대중교통을 이용하는 경우, 우측은 자가용을 이용하는 경우의 경로 안내이다.
iOS_T Map
- #02:30-#03:02
""
- #00:07-#00:17
""