-
Notifications
You must be signed in to change notification settings - Fork 13
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge pull request #113 from youknowone/retouch
issue #67 navigation->이동
- Loading branch information
Showing
1 changed file
with
14 additions
and
14 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
|
@@ -26,7 +26,7 @@ <h2 id="general-structure">일반 구조</h2> | |
|
||
<p> | ||
일반적인 안드로이드 앱은 최상위 수준의 뷰와 세부/편집 뷰로 구성됩니다. | ||
탐색 계층(navigation hierachy)이 깊고 복잡해지면 카테고리 뷰가 최상위 수준과 세부 뷰들을 연결합니다. | ||
이동 경로(navigation hierachy)가 깊고 복잡해지면 카테고리 뷰가 최상위 수준과 세부 뷰를 연결합니다. | ||
This comment has been minimized.
Sorry, something went wrong.
This comment has been minimized.
Sorry, something went wrong.
dalinaum
Author
Collaborator
|
||
</p> | ||
|
||
|
||
|
@@ -77,10 +77,10 @@ <h2 id="top-level">최상위 수준 뷰</h2> | |
<div class="layout-content-row"> | ||
<div class="layout-content-col span-5"> | ||
|
||
<h4>컨텐츠를 전면에</h4> | ||
<h4>컨텐츠를 앞으로</h4> | ||
<p> | ||
많은 앱이 컨텐츠 표시에 집중합니다. | ||
탐색만 하는 화면을 만들지 말고 시작 화면 중앙에 컨텐츠를 두어 사용자가 앱의 알맹이를 바로 얻을 수 있도록 하세요. | ||
이동만 할 수 있는 화면을 만들지 말고 시작 화면 중앙에 컨텐츠를 두어 사용자가 앱의 알맹이를 바로 보도록 하세요. | ||
데이터 타입과 화면 크기에 적합하고 시각적으로 두각시킬 수 있는 레이아웃을 선택하세요. | ||
</p> | ||
|
||
|
@@ -100,9 +100,9 @@ <h4>컨텐츠를 전면에</h4> | |
<div class="layout-content-row"> | ||
<div class="layout-content-col span-5"> | ||
|
||
<h4>탐색과 액션을 위한 액션 바 설정</h4> | ||
<h4>이동과 액션을 위한 액션 바 설정</h4> | ||
<p> | ||
앱의 모든 화면은 일관된 탐색과 중요한 액션의 표시를 위해 액션 바를 표시해야 합니다. | ||
앱의 모든 화면은 일관성 있는 이동과 중요한 액션의 표시를 위해 액션 바를 표시해야 합니다. | ||
</p> | ||
<p> | ||
최상위 수준에서 액션 바를 적용할 때 다음을 특별히 주의해야 합니다. | ||
|
@@ -164,20 +164,20 @@ <h2 id="categories">카테고리 뷰</h2> | |
|
||
<p> | ||
일반적인 깊이 있는 데이터 기반 앱은 조직적인 카테고리를 통해 데이터를 보고 조작할 수 있는 상세 뷰로 이동하고자 합니다. | ||
카테고리로 앱을 한눈에 보이게 유지하여 사용자가 탐색 단계를 인지하는 부담을 덜어 주세요. | ||
카테고리로 앱을 한눈에 보이게 유지하여 사용자가 이동 경로를 파악하기 쉽도록 해 주세요. | ||
</p> | ||
|
||
<p> | ||
앱의 최상위 단계에서 상세 뷰로 도달하기 위해 거쳐야 할 단계는 보통 앱의 컨텐츠 구조에 영향을 받지만, | ||
탐색할 때 인지 부담을 덜어줄 수 있는 여러가지 방법이 있습니다. | ||
이동 경로를 짧게 유지하는 여러가지 방법이 있습니다. | ||
</p> | ||
|
||
<h4>탭을 이용해 카테고리 선택과 데이터 표현을 합쳐주세요</h4> | ||
|
||
<p> | ||
카테고리가 유사하거나 수가 적다면 탭을 사용하는 것이 정답일 수 있습니다. | ||
탭은 계층 수준을 없애고 사용자가 데이터에 주목하게 하는 이점이 있습니다. | ||
데이터가 많은 카테고리들을 좌우로 이동하여 탐색하는 것은 명시적 탐색 단계라기보다는 일반적인 브라우즈 경험과 비슷합니다. | ||
데이터가 많은 카테고리를 좌우로 움직여 이동하는 것은 명시적인 이동 방법이라기보다는 일반적인 브라우즈 경험과 비슷합니다. | ||
</p> | ||
|
||
|
||
|
@@ -279,9 +279,9 @@ <h4>레이아웃</h4> | |
</div> | ||
|
||
|
||
<h4>상세 뷰를 효과적으로 탐색하기</h4> | ||
<h4>상세 뷰 사이를 효과적으로 이동하기</h4> | ||
|
||
<p>사용자가 순차적으로 여러 항목을 보고 싶어 할 것 같으면 상세 뷰 안에서 탐색할 수 있도록 하세요. | ||
<p>사용자가 순차적으로 여러 항목을 보고 싶어 할 것 같으면 상세 뷰 안에서 다른 항목으로 이동할 수 있도록 하세요. | ||
그렇게 하기 위해 뷰 스와이프나 필름 스트립 같은 다른 방법을 도입하세요.</p> | ||
|
||
|
||
|
@@ -306,15 +306,15 @@ <h2 id="checklist">체크리스트</h2> | |
<p>시작 화면에 유용한 컨텐츠를 표현할 방법을 찾으세요.</p> | ||
</li> | ||
<li> | ||
<p>일관된 탐색을 위해 액션 바를 사용하세요.</p> | ||
<p>일관성 있는 이동을 위해 액션 바를 사용하세요.</p> | ||
</li> | ||
<li> | ||
<p>수평적인 탐색과 숏컷을 사용하여 계층을 얕게 유지하세요.</p> | ||
<p>수평적인 탐색과 숏컷을 사용하여 이동 경로를 짧게 유지하세요.</p> | ||
This comment has been minimized.
Sorry, something went wrong. |
||
</li> | ||
<li> | ||
<p>데이터의 묶음에 사용자가 명령할 수 있게 다중 선택을 지원하세요.</p> | ||
<p>데이터의 묶음에 액션을 선택할 수 있게 다중 선택을 지원하세요.</p> | ||
This comment has been minimized.
Sorry, something went wrong.
nvu
Contributor
|
||
</li> | ||
<li> | ||
<p>여러 상세 항목 사이를 빨리 탐색하기 위해 스와이프 뷰 등을 사용하세요.</p> | ||
<p>여러 상세 항목 사이에서 빠르게 이동하기 위해 스와이프 뷰 등을 사용하세요.</p> | ||
</li> | ||
</ul> |
경로는 계층과 구별되어야 합니다.
patterns/navigation에는 이동or탐색 경로(navigation path)라는 표현을 따로 사용하고 있습니다.
루트 폴더부터 서브 폴더까지 죽 이어지는 느낌의 계층과 브라우저의 링크로 옮겨다니는 경로와는 다른 뭐 그런...