"
Team:SDU-Denmark/Tour13
From 2013.igem.org
(Difference between revisions)
| Line 12: | Line 12: | ||
<h4>Better overview: A metro-map of all pages</h4> | <h4>Better overview: A metro-map of all pages</h4> | ||
| - | + | A general issue observed on many wikis is that the user struggles to navigate. We designed a metro-style navigation bar at the top of each page, giving the user knowledge of his exact location. | |
| + | While allowing a custom experience and viewing order, the navigation bar ensures that the user is never lost. | ||
</p> | </p> | ||
| Line 19: | Line 20: | ||
<h4>Smarter tour: Usable by both casual and thorough readers</h4> | <h4>Smarter tour: Usable by both casual and thorough readers</h4> | ||
| - | + | A lot of wiki-tours do a great job at introducing the reader to the project. However, users who want details are left to fend for themselves in a jungle of pages. | |
| - | + | Our fix: Allowing our readers the freedom to choose between a quick and a detailed tour by including all pages in our tour. | |
| - | + | The result is an interactive wiki tour, which sets up a choice between digging deeper to detailed pages or fast-forward to the next major chapter. The two buttons (on the bottom of the screen) even have a small text explaining what you can expect to read on the coming pages. | |
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
</p> | </p> | ||
| Line 35: | Line 30: | ||
<h4>Quicker navigation: Tour buttons and menu always visible</h4> | <h4>Quicker navigation: Tour buttons and menu always visible</h4> | ||
| + | Additional ease of navigation was created by making sure that tour-buttons and menu are always available - no matter whereto on a particularly page, you scroll. When searching for a specific page, a traditional menu as a means of a shortcut may be desirable. This is made available at the top of every page, too. | ||
</p> | </p> | ||
| + | To reach broader audiences, we wanted our wiki articles to be easily understandable without compromising the scientific aspect. | ||
| + | To solve this, we added <span class="tooltipLink">tooltips</span> <span class="tooltip"><span class="tooltipHeader">Tooltips like this</span>In bold blue</span> to many of our pages. The tooltips enable us to maintain short and precise texts with great scientific value, while explaining some of the more exotic words and abbreviations. | ||
| + | We also use tooltips when <span class="sourceReference">quoting a source without cluttering the text</span> | ||
| + | <span class="tooltip"> | ||
| + | <span class="tooltipHeader">Source:</span> | ||
| + | - like this. | ||
| + | </span> | ||
Revision as of 23:28, 3 October 2013
Bacteriorganic Rubber
A different wiki
Most of our team members have never tried creating a wiki, so when Heidi’s boyfriend Kenneth offered to help us out a bit, we were quick to accept. As a professional software developer, Kenneth had a unique perspective, which shone throughout our preliminary meetings. We set out to present the best, most intuitive wiki possible; to improve the standard wiki experience. This very tour is the result, and below are the keys to the wiki.
Better overview: A metro-map of all pages
A general issue observed on many wikis is that the user struggles to navigate. We designed a metro-style navigation bar at the top of each page, giving the user knowledge of his exact location. While allowing a custom experience and viewing order, the navigation bar ensures that the user is never lost.
Smarter tour: Usable by both casual and thorough readers
A lot of wiki-tours do a great job at introducing the reader to the project. However, users who want details are left to fend for themselves in a jungle of pages. Our fix: Allowing our readers the freedom to choose between a quick and a detailed tour by including all pages in our tour. The result is an interactive wiki tour, which sets up a choice between digging deeper to detailed pages or fast-forward to the next major chapter. The two buttons (on the bottom of the screen) even have a small text explaining what you can expect to read on the coming pages.
Quicker navigation: Tour buttons and menu always visible
Additional ease of navigation was created by making sure that tour-buttons and menu are always available - no matter whereto on a particularly page, you scroll. When searching for a specific page, a traditional menu as a means of a shortcut may be desirable. This is made available at the top of every page, too. To reach broader audiences, we wanted our wiki articles to be easily understandable without compromising the scientific aspect. To solve this, we added tooltips Tooltips like thisIn bold blue to many of our pages. The tooltips enable us to maintain short and precise texts with great scientific value, while explaining some of the more exotic words and abbreviations. We also use tooltips when quoting a source without cluttering the text Source: - like this.
Stay on track: Many external sites are shown as in-page dialogs
Compliance with the iGEM 2013 wiki requirements
All pages, images, and files are hosted on the 2013.igem.org server
No flash was used in the making of this wiki
Project description on front page
All pages are in the team namespace
There is a link to the completed safety form and an attributions section as part of the wiki
