Team:SDU-Denmark/Tour13

From 2013.igem.org

(Difference between revisions)
Line 36: Line 36:
To reach broader audiences, we wanted our wiki articles to be easily understandable without compromising the scientific aspect.
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.
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 - like this.</span>
+
We also use tooltips when <span class="sourceReference">quoting a source without cluttering the text.</span>
<span class="tooltip">
<span class="tooltip">
   <span class="tooltipHeader">Source:</span>
   <span class="tooltipHeader">Source:</span>
Line 47: Line 47:
<h4>Stay on track: Many external sites are shown as in-page dialogs</h4>
<h4>Stay on track: Many external sites are shown as in-page dialogs</h4>
 +
Sometimes we link to external content, such as our submitted parts. These links will open inside the page using a dialog box, which can be easily closed by clicking the escape button in the top right corner. This helps users stay on track when browsing our wiki.
Line 56: Line 57:
<h2>Compliance with the iGEM 2013 wiki requirements</h2>
<h2>Compliance with the iGEM 2013 wiki requirements</h2>
-
 
+
The wiki requirements’ primary purpose is to ensure that the wiki will continue to function, even several years from now. Also, it is important that future teams can look to previous wikis and learn from them; hopefully resulting in even better wikis in the future in the spirit of iGEM’s community sharing.
 +
<br>
 +
<span class="intro">The following requirements are made, and followed:</span>
</p>
</p>

Revision as of 23:30, 3 October 2013

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

Sometimes we link to external content, such as our submitted parts. These links will open inside the page using a dialog box, which can be easily closed by clicking the escape button in the top right corner. This helps users stay on track when browsing our wiki.

Compliance with the iGEM 2013 wiki requirements

The wiki requirements’ primary purpose is to ensure that the wiki will continue to function, even several years from now. Also, it is important that future teams can look to previous wikis and learn from them; hopefully resulting in even better wikis in the future in the spirit of iGEM’s community sharing.
The following requirements are made, and followed:

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

iGEM logo and user editing menu is found on the top of every page