Difference between revisions of "Web UI mockups"

From phenoscape
 
(7 intermediate revisions by the same user not shown)
Line 1: Line 1:
 
Mockup drawings created at the Phenoscape Data Roundup in September 2008.  These are intended to stimulate discussion and provide direction for development of the first iteration of the Phenoscape web UI.
 
Mockup drawings created at the Phenoscape Data Roundup in September 2008.  These are intended to stimulate discussion and provide direction for development of the first iteration of the Phenoscape web UI.
  
[[Image:web_index.png|left|400px|thumb]]
+
==Home page==
 
+
{|
[[Image:web_search_anatomy.png|left|400px|thumb]]
+
|-
 
+
| [[Image:web_index.png|left|400px|thumb]]
[[Image:web_search_taxonomy.png|left|400px|thumb]]
+
|-
 
+
|}
[[Image:web_search_genes.png|left|400px|thumb]]
+
==Anatomy search==
 
+
{|
[[Image:web_search_pubs.png|left|400px|thumb]]
+
|-
 
+
| [[Image:web_search_anatomy.png|left|400px|thumb]]
[[Image:web_anatomy_results.png|left|400px|thumb]]
+
|-
 
+
|}
[[Image:web_taxonomy_results.png|left|400px|thumb]]
+
==Taxonomic search==
 
+
{|
[[Image:web_pubs_results.png|left|400px|thumb]]
+
|-
 
+
| [[Image:web_search_taxonomy.png|left|400px|thumb]]
[[Image:web_annotation_detail.png|left|400px|thumb]]
+
|-
 
+
|}
[[Image:web_term_info_panel.png|left|400px|thumb]]
+
==Gene search==
 
+
{|
[[Image:web_classified_results_list.png|left|400px|thumb]]
+
|-
 +
| [[Image:web_search_genes.png|left|400px|thumb]]
 +
|-
 +
|}
 +
==Publications search==
 +
{|
 +
|-
 +
| [[Image:web_search_pubs.png|left|400px|thumb]]
 +
|-
 +
|}
 +
==Anatomy search results==
 +
{|
 +
|-
 +
| [[Image:web_anatomy_results.png|left|400px|thumb]]
 +
|-
 +
|}
 +
==Taxonomic search results==
 +
{|
 +
|-
 +
| [[Image:web_taxonomy_results.png|left|400px|thumb]]
 +
|-
 +
|}
 +
==Publications search results==
 +
{|
 +
|-
 +
| [[Image:web_pubs_results.png|left|400px|thumb]]
 +
|-
 +
|}
 +
==Single annotation detail page==
 +
{|
 +
|-
 +
| [[Image:web_annotation_detail.png|left|400px|thumb]]
 +
|-
 +
|}
 +
==Reusable term info panel==
 +
{|
 +
|-
 +
| [[Image:web_term_info_panel.png|left|400px|thumb]]
 +
|-
 +
|}
 +
==Idea for classifying list of search results==
 +
{|
 +
|-
 +
| [[Image:web_classified_results_list.png|left|400px|thumb]]
 +
|-
 +
|}
  
 
[[Category:Informatics]]
 
[[Category:Informatics]]
 
[[Category:Data Jamboree 2]]
 
[[Category:Data Jamboree 2]]
 
[[Category:User Interface]]
 
[[Category:User Interface]]
 +
[[Category:Mockups]]

Latest revision as of 19:58, 19 January 2010

Mockup drawings created at the Phenoscape Data Roundup in September 2008. These are intended to stimulate discussion and provide direction for development of the first iteration of the Phenoscape web UI.

Home page

Web index.png

Anatomy search

Web search anatomy.png

Taxonomic search

Web search taxonomy.png

Gene search

Web search genes.png

Publications search

Web search pubs.png

Anatomy search results

Web anatomy results.png

Taxonomic search results

Web taxonomy results.png

Publications search results

Web pubs results.png

Single annotation detail page

Web annotation detail.png

Reusable term info panel

Web term info panel.png

Idea for classifying list of search results

Web classified results list.png