WaterWiki.net:Development/UIDesign/VisualDesign

From WaterWiki.net

Jump to: navigation, search

Contents

Skins

Look and Feel


Navigation bar

Menu/sub-menu structure

 Navigation 02Feb09.doc


Top Navigation

@ Wiki-Level

User (e.g. user:Juerg.staudenmann)


Home

--


Find
  • ..by Region ->
  • ..by Country ->
  • ..by Water Basin ->
  • ..by Topic -> Themes list and tag-cloud
  • ..by UN-agency -> UN-Water members
  • ..by Q&A ->

---

EXPLANATION: Horizontal arrows = would open (a) over-laid tablke/list (with main page dimmed in the back or (b) easier: pop-out list/menu. It would be great if we could control what’s in these lists via a special WaterWiki page (like the current MediaWiki:sidebar), and if DPL would work (as to generate automatic/self-updating lists).


Contribute
eventually linking to wizards
  • Start new page
  • Upload file
  • Most wanted pages

---


Special
  • Recent changes
  • Latest pages
  • Popular pages
  • Most linked-to pages

---

  • Top rated pages
  • Most active contributors


search bar

The main difference between the "Search" and "Find knowledge" drop-down menus would be the first one would generally link to category-pages (= full lists of certain “types”), while “Find k.” would rather open meta-pages (“portals”?), such as country or river basin pages, lead articles for topics, etc.)


Search
  • Projects
  • Publications
  • People
  • Organizations
  • Case Studies
  • ..by keyword 

---

  • Google WaterWiki


tabs

@ article-level

page
edit this page
discuss this page
tools
  • edit history
  • related changes
  • what links here
  • (un)watch this page
  • Permanent link

---

  • Printer friendly
  • Share this article
  • Bookmark this article

AND WHATEVER DIAPLYS CONTEXT_RELEVANT AS IN THE CLASSIC 'toolbox' --- (FOLLOWING APPEARS ONLY IF LOGGED IN AS ADMIN)

  • Move
  • Delete
  • Protect
  • …?

other ideas & issues

  • |translate|-button (needs to be fixed!) - rather than 'english' 'francais' etc in text, flags for different languages, as on http://www.worldwatercouncil.org/index.php?id=23
  • tag-cloud (only top 10-15?) in navigation?
  • "Add content" or "Quick add" button with drop-down menu to choose from (new page; event; file; pictures; video; project; organization;...) - seen on http://right2watsan.ning.com


_FIND knowledge (or "quick find")...

  • .. by keyword / topic
  • .. geographically
  • FAQ / Toolkits
  • How-To..
  • Lessons Learned
  • Who's Who
  • Glossary
  • GOOGLE WaterWiki (?)

_SHARE knowledge (or "quick add"):

  • new page
  • new event
  • new file
  • Pictures
  • Video
  • ...


There are plugins like http://www.mediawiki.org/wiki/Extension:TreeAndMenu, which can be used to change the sidebar menu (and I recommend it to reduce clutter!). It's out of scope for me to style this properly, so will leave it for now

HIGHLIGHT WORDS with smart-text

(is that the correct expression?)

  • A box popping-up when you mouse-over words with dashed or different-color underlines
  • click = go there (glossary / topic page)
  • click-and-hold (1 sec) = drop-down menu with GO (bold) / see glossary / translations (from glossary) / auto-suggest articles (with that term in the title)
  • automated function that links such words (throughout WaterWiki), like "IWRM" to (a) a mouse-over pop-up that explains in 1 line what it is (Integrated Water Resource Management) with (b) a link to "more.." (opening the IWRM-page)
  • maybe linked to the issue of "synonyms" that interlink pages without having to create redirect-pages (e.g. IWRM and "Integrated Water Resources Management") --> This would (a) show people hat there ARE synonyms, (b) could possibly also help on the tagging / categorizing if we expand it to this and (c) such a first line/chapter on the page could serve as the smart-text like we used with showing the highlight-chapters of the country pages within the interactive map on WaterWiki 1
  • OVERARCHING AIM: turn a text-based age into a real learning doc, rather than a simple text where you have to manually search for every detail you don't understand, it tells you more on every second line...

Structure

http://www.wikipatterns.com/display/wikipatterns/Wikipatterns/?s_kwcid=wikipatawsearch&gclid=CLbBmeTSlZcCFQrsXgodF2GiJA