Difference between revisions of "User:FeralKitty/Sandbox/Navigation"

From PinataIsland.info, the Viva Piñata wiki
Jump to: navigation, search
(Dropdown menus: Main/TV show and Classic)
(Category renames.)
 
(4 intermediate revisions by the same user not shown)
Line 3: Line 3:
 
== To do ==
 
== To do ==
  
* Drop down navigation
+
* <del>Drop down navigation</del> (done)
 
* <del>(New two-column layout for main page)</del> (done)
 
* <del>(New two-column layout for main page)</del> (done)
 
** <del>Consider article ToC column on main page?</del> (done)
 
** <del>Consider article ToC column on main page?</del> (done)
Line 21: Line 21:
 
* Con: Not normalized.  Menu grows wider if new games are added
 
* Con: Not normalized.  Menu grows wider if new games are added
  
<ul id="nav" class="dropdown dropdown-horizontal">
+
<div class="pii_dropdown_menu" id="pii_div_dropdown_menu" style="font-size:95%; text-align:left;"><ul id="pii_dropdown_menu_nav" class="pii_dropdown_menu pii_dropdown_menu_horizontal">
<li class="dir">[[Main Page|Home]]
+
<li class="pii_dropdown_menu_dir">[[Main Page|Home]]
 
<ul>
 
<ul>
 
<li>[[Plants]]</li>
 
<li>[[Plants]]</li>
Line 28: Line 28:
 
<li>[[Achievements]]</li>
 
<li>[[Achievements]]</li>
 
<li>[[Shop|Shops]]</li>
 
<li>[[Shop|Shops]]</li>
<li class="dir">[[Television series]]
+
<li class="pii_dropdown_menu_dir">[[Television series]]
 
<ul>
 
<ul>
 
<li>[[List of Viva Piñata episodes|Episode guide]]</li>
 
<li>[[List of Viva Piñata episodes|Episode guide]]</li>
Line 40: Line 40:
 
</ul>
 
</ul>
 
</li>
 
</li>
<li class="dir">[[Viva Piñata: Classic|Classic]]
+
<li class="pii_dropdown_menu_dir">[[Viva Piñata: Classic|Classic]]
 
<ul>
 
<ul>
 
<li>[[List of Viva Piñata: Classic plants|Plants]]</li>
 
<li>[[List of Viva Piñata: Classic plants|Plants]]</li>
Line 48: Line 48:
 
</ul>
 
</ul>
 
</li>
 
</li>
<li class="dir">[[Viva Piñata: Trouble in Paradise|Trouble in Paradise]]
+
<li class="pii_dropdown_menu_dir">[[Viva Piñata: Trouble in Paradise|Trouble in Paradise]]
 
<ul>
 
<ul>
 
<li>[[List of Viva Piñata: Trouble in Paradise plants|Plants]]</li>
 
<li>[[List of Viva Piñata: Trouble in Paradise plants|Plants]]</li>
<li class="dir">[[List of Viva Piñata: Trouble in Paradise species|Species]]
+
<li class="pii_dropdown_menu_dir">[[List of Viva Piñata: Trouble in Paradise species|Species]]
 
<ul>
 
<ul>
 
<li>[[Piñarctic|Arctic]]</li>
 
<li>[[Piñarctic|Arctic]]</li>
Line 58: Line 58:
 
</ul>
 
</ul>
 
</li>
 
</li>
<li class="dir">[[Choclodocus]]
+
<li class="pii_dropdown_menu_dir">[[Choclodocus]]
 
<ul>
 
<ul>
 
<li>[[Amber gem]]</li>
 
<li>[[Amber gem]]</li>
Line 67: Line 67:
 
<li>[[Famous piñata]]</li>
 
<li>[[Famous piñata]]</li>
 
<li>[[Combat medal|Gold combat medal]]</li>
 
<li>[[Combat medal|Gold combat medal]]</li>
<li class="dir">[[Piñata Vision]]
+
<li class="pii_dropdown_menu_dir">[[Piñata Vision]]
 
<ul>
 
<ul>
 
<li>[[Camera|Camera tool]]</li>
 
<li>[[Camera|Camera tool]]</li>
Line 77: Line 77:
 
</ul>
 
</ul>
 
</li>
 
</li>
<li class="dir">[[Viva Piñata: Pocket Paradise|Pocket Paradise]]
+
<li class="pii_dropdown_menu_dir">[[Viva Piñata: Pocket Paradise|Pocket Paradise]]
 
<ul>
 
<ul>
 
<li>[[List of Viva Piñata: Pocket Paradise plants|Plants]]</li>
 
<li>[[List of Viva Piñata: Pocket Paradise plants|Plants]]</li>
Line 85: Line 85:
 
</ul>
 
</ul>
 
</li>
 
</li>
<li class="dir">[[Viva Piñata: Party Animals|Party Animals]]
+
<li class="pii_dropdown_menu_dir">[[Viva Piñata: Party Animals|Party Animals]]
 
<ul>
 
<ul>
 
<li>[[Achievements]]</li>
 
<li>[[Achievements]]</li>
Line 93: Line 93:
 
</ul>
 
</ul>
 
</li>
 
</li>
<li class="dir rtl">[[Help:Contents|Help]]
+
<li class="pii_dropdown_menu_dir pii_dropdown_menu_rtl">[[Help:Contents|Help]]
 
<ul>
 
<ul>
 
<li>[[Frequently Asked Questions|Frequently asked questions]]</li>
 
<li>[[Frequently Asked Questions|Frequently asked questions]]</li>
Line 102: Line 102:
 
</ul>
 
</ul>
 
</li>
 
</li>
</ul>
+
</ul></div>
  
 
{{clear}}
 
{{clear}}
 
== To do ==
 
== To do ==
 
* Conditionally load javascript only if needed (i.e., lt IE7)
 
* Conditionally load javascript only if needed (i.e., lt IE7)
* Don't display menus on mobile devices
+
* <del>Don't display menus on mobile devices.</del>  (done, menu is dismissible)
* Necessary to ever hide lists (i.e., won't display nicely)?
+
* <del>Necessary to ever hide lists (i.e., won't display nicely)?</del>
 
* <del>Check z-order vs. articles with youtube videos</del> (done)
 
* <del>Check z-order vs. articles with youtube videos</del> (done)
 +
* <del>Would be nice to order content before menus for search results.</del>  (done, javascript not spidered)
  
 
= Portals =
 
= Portals =
Line 199: Line 200:
 
*[[:Category:Arctic]]
 
*[[:Category:Arctic]]
 
*[[:Category:Arctic plants]]
 
*[[:Category:Arctic plants]]
*[[:Category:Bush]]
+
*[[:Category:Bushes]]
 
*[[:Category:Cast]]
 
*[[:Category:Cast]]
 
*[[:Category:Challenge Events]]
 
*[[:Category:Challenge Events]]
Line 211: Line 212:
 
*[[:Category:Domestic]]
 
*[[:Category:Domestic]]
 
*[[:Category:Evolved]]
 
*[[:Category:Evolved]]
*[[:Category:Flower]]
+
*[[:Category:Flowers]]
 
*[[:Category:Flying]]
 
*[[:Category:Flying]]
 
*[[:Category:Gameplay]]
 
*[[:Category:Gameplay]]
Line 235: Line 236:
 
*[[:Category:To do]]
 
*[[:Category:To do]]
 
*[[:Category:Tool]]
 
*[[:Category:Tool]]
*[[:Category:Tree]]
+
*[[:Category:Trees]]
 
*[[:Category:Trouble in Paradise]]
 
*[[:Category:Trouble in Paradise]]
 
*[[:Category:Trouble in Paradise plants]]
 
*[[:Category:Trouble in Paradise plants]]
 
*[[:Category:Trouble in Paradise species]]
 
*[[:Category:Trouble in Paradise species]]
*[[:Category:Vegetable]]
+
*[[:Category:Vegetables]]
 
*[[:Category:Viva Piñata episodes]]
 
*[[:Category:Viva Piñata episodes]]
 
*[[:Category:Viva Piñata episodes with Gameplay Tips]]
 
*[[:Category:Viva Piñata episodes with Gameplay Tips]]
*[[:Category:Weed]]
+
*[[:Category:Weeds]]
 
*[[:Category:Xbox 360 Game]]
 
*[[:Category:Xbox 360 Game]]
 
</div>
 
</div>
Line 272: Line 273:
 
*[[:Category:Aquatic plants]]
 
*[[:Category:Aquatic plants]]
 
*[[:Category:Arctic plants]]
 
*[[:Category:Arctic plants]]
*[[:Category:Bush]]
+
*[[:Category:Bushes]]
 
*[[:Category:Desert plants]]
 
*[[:Category:Desert plants]]
*[[:Category:Flower]]
+
*[[:Category:Flowers]]
*[[:Category:Tree]]
+
*[[:Category:Trees]]
*[[:Category:Vegetable]]
+
*[[:Category:Vegetables]]
*[[:Category:Weed]]
+
*[[:Category:Weeds]]
 
[[Plants]]
 
[[Plants]]
 
|[[:Category:Classic plants]]<br />[[List of Viva Piñata: Classic plants]]
 
|[[:Category:Classic plants]]<br />[[List of Viva Piñata: Classic plants]]
Line 297: Line 298:
 
|
 
|
 
*[[:Category:Cast]]<br />''None''
 
*[[:Category:Cast]]<br />''None''
*[[:Category:Television Series]]<br />''None''
+
*[[:Category:Television Series]]<br />[[Television series]]
 
*[[:Category:Viva Piñata episodes]]<br />''None''
 
*[[:Category:Viva Piñata episodes]]<br />''None''
 
*[[:Category:Viva Piñata episodes with Gameplay Tips]]<br />''None''
 
*[[:Category:Viva Piñata episodes with Gameplay Tips]]<br />''None''

Latest revision as of 12:52, 24 August 2009


To do

  • Drop down navigation (done)
  • (New two-column layout for main page) (done)
    • Consider article ToC column on main page? (done)
  • (Update FAQ (done) and MiniFAQs)
    • Merge or maintain separate FAQs by game? Merge. (done)
    • Move game-specific MiniFAQS into tabs or visually identify by game? Identify by game.
  • Categories
    • Xbox 360 Game -> Classic (done)
    • New Viva Pinata category as top level for ToC, other categories?
  • Jump-to navigation?
[edit]

Trouble in Paradise is a popular landing page, and also gets navigated to often. We should consider turning that(/each) game's article into a portal, helping visitors find information more easily, since they probably already play the game and are looking for more than general information. (done)

Viva Piñata timeline:
Fall 2006: Viva Pinata first starts as a TV show (now available on DVD),
Winter 2006: ... and its popular Classic game for the Xbox 360.
Fall 2007: Xbox 360 fans get a spin-off party game called Party Animals, and Windows gamers get to play Classic on their PC.
Fall 2008: Xbox 360 fans get Trouble in Paradise, the sequel to Classic, and Nintendo DS fans enjoy Pocket Paradise, an enhanced version of Classic.


Button a.png Trouble in Paradise
Error creating thumbnail: File missing
FAQ Button x.png Species Button y.png Piñata Vision Button a.png P-Factor
Error creating thumbnail: File missing
Couch Social

MediaWiki.org uses this in their documentation (e.g., Installation guide, technical guide).

Jump-to navigation helps users travel from one article to other related articles. The navigation would vary, depending on the topic, and some articles might not have jump-to navigation. We already use it (in a see-also format) in a few places (e.g. Category:Species).

In a sense, the navigation brings the "pages in the category" details (e.g., Category:Trouble in Paradise with minor omissions) to each page.


Considerations

  • Consider using (existing see-also format or jump-to) navigation on more articles, to help visitors easily get to other related articles.
  • Consider switching from a see-also text format to a more visual layout, to make the navigation stand out, and be distinct from the article.
    • Con: Jump-to tables and tabs might visually conflict.
    • Con: More likely to stretch the screen at low resolutions.
    • Con: Jump-to can't clearly spell out (as catmore currently does) that there is a category article with more information:
For more information, see Species.


Examples

Species categories and their category articles

Button a.png Species
Error creating thumbnail: File missing
Classic species Button x.png Trouble in Paradise species Button y.png Pocket Paradise species

Hybrid using catmore and jump-to

For more information, see Species.
Button a.png Classic species
Error creating thumbnail: File missing
Trouble in Paradise species Button x.png Pocket Paradise species


Trouble in Paradise articles, text format


A - Z


By game

Categories and their category articles
General Classic Trouble in Paradise Pocket Paradise Party Animals TV show
Category:Species

Species

Category:Classic species
List of Viva Piñata: Classic species
Category:Trouble in Paradise species
List of Viva Piñata: Trouble in Paradise species
Category:Pocket Paradise species
List of Viva Piñata: Pocket Paradise species
   
Category:Plants

Plants

Category:Classic plants
List of Viva Piñata: Classic plants
Category:Trouble in Paradise plants
List of Viva Piñata: Trouble in Paradise plants
Category:Pocket Paradise plants
List of Viva Piñata: Pocket Paradise plants
   
Category:Xbox 360 Game
None

Category:Classic
Viva Piñata: Classic

Category:Trouble in Paradise
Viva Piñata: Trouble in Paradise

Category:Pocket Paradise
Viva Piñata: Pocket Paradise

Category:Party Animals
Viva Piñata: Party Animals
   
Category:Commonly asked questions


Navigation approaches

  • Popular article column (subset of articles for a topic) (done)
  • Topical index? A-Z? Featured on (Wikipedia) Main Page
  • Dropdown/flyout menus

Organizing pages by "topic" so we can see how/where they'd fit in to the different approaches. Topic names are arbitrary and can be refined later. Some articles belong to different topics/games but are generally listed once for now. Redirects to be removed next pass.

General

Businesses

Licensing, merchandise, developers, producers

Games

Classic

Trouble in Paradise

Pocket Paradise

Party Animals

Gameplay

Concepts

Garden items

Group produce, tinkered items for now

Tips, strategies, answers

Characters

Shops/Shopkeepers

Tools

Site

PinataIsland.info:

  • About
  • Administrators
  • Community Portal
  • Copyrights
  • General disclaimer
  • Help
  • Privacy policy
  • Protected page
  • Sandbox
  • Searching
  • Site support
  • Style guide


TV show

Episodes

Cast

A-Z

Trying out icons to distinguish/identify different game information. Adding new game-specific sections to FAQ (instead of maintaining separate FAQs per game). (done)

If a question only applies to one game, do we want to show the icon, or omit it? Omit.

I've spent days and days trying to get a Chippo to be a resident with no luck. Is this a glitch? Classic Trouble in Paradise

(I don't think it looks that good to try to inline these icons within answers, e.g., ... than 14 (Trouble in Paradise 9 for Trouble in Paradise) watercress, so I suggest we only lead paragraphs with the icon.)