From Design pattern
Jump to: navigation, search
 
(12 intermediate revisions by one user not shown)
Line 7: Line 7:
 
* 각 키워드의 중요도나 인기도에 따라 서체나 글자 색, 크기 등을 다르게 하여 시각적으로 차이를 두기도 한다.
 
* 각 키워드의 중요도나 인기도에 따라 서체나 글자 색, 크기 등을 다르게 하여 시각적으로 차이를 두기도 한다.
 
* 주요 키워드를 한눈에 봄으로써 해당 앱(혹은 서비스)의 전체적인 주제나 분야를 파악할 수 있다.
 
* 주요 키워드를 한눈에 봄으로써 해당 앱(혹은 서비스)의 전체적인 주제나 분야를 파악할 수 있다.
===Example ===
+
 
[[File: Cloud1.jpeg|665.px]]  
+
=== Example : Android_Guardian ===
 +
[[File: Cloud7.png|665.px]]  
 +
 
 
----
 
----
 +
=== iOS_Appy Geek ===
 +
{{#Widget:Vimeo|id=100290512|width=300|height=533}}
  
==iOS_Tag cloud ==
+
=== iOS_Indie Rock News ===
 +
{{#Widget:Vimeo|id=100290501|width=300|height=533}}
  
 +
===  Tag cloud with 3D sphere layout ===
 
[[File: Cloudgif.gif|665.px]]
 
[[File: Cloudgif.gif|665.px]]
 
 
http://code4app.net/ios/3D-Sphere-View/52a49387cb7e849a168b5bb2
 
http://code4app.net/ios/3D-Sphere-View/52a49387cb7e849a168b5bb2
 
=== iOS_Appy gamer ===
 
[[File: Cloud3.jpeg|665.px]]
 
  
 
=== iOS_Anime 3D===
 
=== iOS_Anime 3D===
 
[[File: Cloud4.jpeg|665.px]]
 
[[File: Cloud4.jpeg|665.px]]
 
== Android_Tag cloud ==
 
  
 
=== Android_Tornado ===
 
=== Android_Tornado ===
 
[[File: Cloud6.jpeg|665.px]]  
 
[[File: Cloud6.jpeg|665.px]]  
  
=== Android_Guardian ===
+
=== Example : Tag cloud ===
[[File: Cloud7.png|665.px]]  
+
[[File: Cloud1.jpeg|665.px]]
  
[[Category:Etc]]
+
[[Category: Navigating tool]]

Latest revision as of 22:09, 17 September 2014

Tag cloud는 주요 tag들을 한 곳에 모아 보여주는 인터랙션 패턴으로, 다른 이름으로는 word cloud가 있다. 각각의 tag가 해당 키워드에 관련된 페이지로 연결되어 있어 키워드 검색이나 메뉴 탐색을 보조한다.

With this pattern, we can solve...

사용자들이 특정 정보 컨텐르를 많이 이용하는 경우, 더 빠르게 탐색할 수 있는 지름길을 제공하는 패턴이 필요하다. Tag cloud는 해당 키워드를 이용하여 특정 컨텐츠를 탐색하는 과정을 용이하게 한다.

  • 사용자들이 찾는 빈도수가 높은 tag들로 구성된다.
  • 각 키워드의 중요도나 인기도에 따라 서체나 글자 색, 크기 등을 다르게 하여 시각적으로 차이를 두기도 한다.
  • 주요 키워드를 한눈에 봄으로써 해당 앱(혹은 서비스)의 전체적인 주제나 분야를 파악할 수 있다.

Example : Android_Guardian

665.px


iOS_Appy Geek

iOS_Indie Rock News

Tag cloud with 3D sphere layout

665.px http://code4app.net/ios/3D-Sphere-View/52a49387cb7e849a168b5bb2

iOS_Anime 3D

665.px

Android_Tornado

665.px

Example : Tag cloud

665.px