The Public Face of TAIR User Interface Design Responsiveness to User Input.

Slides:



Advertisements
Similar presentations
The Arabidopsis Information Resource (TAIR)
Advertisements

The NEW American FactFinder New Jersey State Data Center (SDC) Meeting Rutgers University DADSII Update & American FactFinder Demonstration June 17, 2010.
Wincite Knowledge Warehousing and Networking Sophisticated Simplicity.
MAE Training for User July 8, Agenda Wiki FishEye Crucible Stash.
Web Apollo Resources at the National Agricultural Library Christopher Childers NAL ARS USDA i5k.nal.usda.gov.
1 Welcome to the Protein Database Tutorial This tutorial will describe how to navigate the section of Gramene that provides collective information on proteins.
Technical Tips and Tricks for User Support Mike Gardner
Server-Side vs. Client-Side Scripting Languages
Tutorial 6 Working with Web Forms
PAZAR DATABASE CHIP-SEQ DEPOSIT Wyeth Wasserman.
Introduction to Web Application Architectures Web Application Architectures 18 th March 2005 Bogdan L. Vrusias
SCHOOL OF EDUCATION Designing web-based language learning materials: authoring with Macromedia ‘Dreamweaver’ and ‘Coursebuilder’ Dr Pamela Rogerson-Revell.
Tutorial 6 Working with Web Forms. XP Objectives Explore how Web forms interact with Web servers Create form elements Create field sets and legends Create.
Chapter 3 Software Two major types of software
Volume Licensing Service Center Overview Presentation V1.0 August 2007.
Section 13.1 Add a hit counter to a Web page Identify the limitations of hit counters Describe the information gathered by tracking systems Create a guest.
GenSAS: Genome Sequence Annotation Server, a Tool for Online Annotation and Curation Dorrie Main, Taein Lee, Ping Zheng, Sook Jung, Stephen P. Ficklin,
XP Tutorial 6New Perspectives on HTML and XHTML, Comprehensive 1 Creating Web Page Forms Designing a Product Registration Form Tutorial 6.
1 Creating Web Forms in HTML Web forms collect information from customers Web forms include different control elements including: –Input boxes –Selection.
In the Sandbox Playing with SkillPort 7 for the first time.
WEB FORM DESIGN. Creating forms for a web page For your web project you have to design a form for inclusion on your web site (the form information should.
Classroom User Training June 29, 2005 Presented by:
1 Session # C - 08 Look What We Have Done to the IFAP Web Site Marcello Rojtman.
Ruth Betcher Ruth Christie
Dynamic Web Pages (Flash, JavaScript)
Chapter 33 CGI Technology for Dynamic Web Documents There are two alternative forms of retrieving web documents. Instead of retrieving static HTML documents,
1 Welcome to the Quantitative Trait Loci (QTL) Tutorial This tutorial will describe how to navigate the section of Gramene that provides information on.
Copyright OpenHelix. No use or reproduction without express written consent1.
Web Site Design Principles
1 Welcome to the GrameneMart Tutorial A tool for batch data sequence retrieval 1.Select a Gramene dataset to search against. 2.Add filters to the dataset.
Microsoft Internet Explorer and the Internet Using Microsoft Explorer 5.
Copyright OpenHelix. No use or reproduction without express written consent1.
Managing Data Modeling GO Workshop 3-6 August 2010.
Presented by Graduate Design Group 2 Meredith, Jennifer, Cammay and Diane.
An Introduction to CCP4i The CCP4 Graphical User Interface Peter Briggs CCP4.
10/25/2015.  Familiarity with the mouse and keyboard  Basic Internet proficiency  An understanding of the real estate industry 10/25/2015.
Browsing the Genome Using Genome Browsers to Visualize and Mine Data.
Action button “search” will query the jobs table once clicked.
Building Rich Web Applications with Ajax Linda Dailey Paulson IEEE – Computer, October 05 (Vol.38, No.10) Presented by Jingming Zhang.
Community Interactions: Feedback, Support and Curation Eva Huala The Arabidopsis Information Resource (TAIR)
Using the Right Method to Collect Information IW233 Amanda Murphy.
United Nations Economic Commission for Europe Statistical Division The Importance of Databases in the Dissemination Process Steven Vale, UNECE.
Tutorial 6 Working with Web Forms. XP Objectives Explore how Web forms interact with Web servers Create form elements Create field sets and legends Create.
Tutorial 6 Working with Web Forms. 2New Perspectives on HTML, XHTML, and XML, Comprehensive, 3rd Edition Objectives Explore how Web forms interact with.
Kinetic Data Your business. Your process. KEG Kinetic Data Customer Conference & User Group February 24-25, 2014.
Copyright OpenHelix. No use or reproduction without express written consent1.
Copyright OpenHelix. No use or reproduction without express written consent1.
This tutorial will describe how to navigate the section of Gramene that provides descriptions of alleles associated with morphological, developmental,
Copyright OpenHelix. No use or reproduction without express written consent1.
Web Apollo Resources at the National Agricultural Library Christopher Childers NAL ARS USDA i5k.nal.usda.gov.
CS562 Advanced Java and Internet Application Introduction to the Computer Warehouse Web Application. Java Server Pages (JSP) Technology. By Team Alpha.
Seminar on Dynamic Graphics for presenting Statistical Indicators 5-6 March 2007, Rome Eurostat approach to graphical representation of statistical data.
WEB FORM DESIGN. Creating forms for a web page For your web project you have to design a form for inclusion on your web site (the form information should.
Tutorial 6 Working with Web Forms. 2New Perspectives on HTML, XHTML, and XML, Comprehensive, 3rd Edition Objectives Explore how Web forms interact with.
| imodules.com Top 10 FAQ in Application Support Kelly Schmiedeler & Amber Quayle.
Welcome to Gramene’s RiceCyc (Pathways) Tutorial RiceCyc allows biochemical pathways to be analyzed and visualized. This tutorial has been developed for.
Lei Kong, Ph.D. Center for Bioinformatics Peking University ABrowse - A General Purpose Genome Browser Framework.
2006 ICAR: TAIR workshop Organizers: Katica Ilic and Peifen Zhang Location: Reception Room, 4th floor A general overview of TAIR website and demonstration.
Welcome to the combined BLAST and Genome Browser Tutorial.
Welcome to the GrameneMart Tutorial A tool for batch data sequence retrieval 1.Select a Gramene dataset to search against. 2.Add filters to the dataset.
The Bovine Genome Database Abstract The Bovine Genome Database (BGD, facilitates the integration of bovine genomic data. BGD is.
PIER USER TRAINING 1 Class Date and Location. Instructor Name Instructor Contact Info 2 PIER User Training 1.
Redesign Goals Based On User Survey… Simpler navigation to reduce clutter.
Chapter 10 Multimedia and the Web.
Accessing Spatial Information from MaineDOT
INFORMATION FLOW AARTHI & NEHA.
Welcome to the Quantitative Trait Loci (QTL) Tutorial
Information Systems 337 Prof. Harry Plantinga Usability.
Part II SeqViewer AraCyc Help
Web Application Development Using PHP
Presentation transcript:

The Public Face of TAIR User Interface Design Responsiveness to User Input

Different types of TAIR pages Information pages (home page, external resource lists, conferences, jobs) Search pages Search result pages Object detail pages Tools Help pages

User Interface Requirements Fast, easy access for all researchers worldwide Cross-platform compatibility (PC, Mac, Unix) Works with older OS and browser versions

TAIR Interfaces HTML pages (widest compatibility) Light client/heavy server design Avoidance of stand-alone Java applications, applets

Converted HTML to JSP Easier incorporation of dynamic content –headers change depending on login status –custom home pages for individual users –dynamic tutorials Allows passing of parameters between applications –link to BLAST page with sequence pre-filled –search results linked to SeqViewer or other analysis tool

Design Considerations Consistent look and feel Balance between comprehensiveness and simplicity (ease of use)

Graphical Data Display Providing visual clues Avoiding information overload –selective display of datasets –selective display of details –multiple views

Providing Visual Clues Orientation Positional information Indicating hidden information

Providing Visual Clues Orientation Positional information Indicating hidden information

Providing Visual Clues Orientation Positional information Indicating hidden information

Avoiding Information Overload Selective display of datasets –turn bands on/off –show 3 rows/show all data –zoom

Avoiding Information Overload Selective display of datasets –turn bands on/off –show 3 rows/show all data –zoom

Avoiding Information Overload Selective display of datasets –turn bands on/off –show 3 rows/show all data –zoom

Avoiding Information Overload Selective display of details –objects link to database detail pages –popup information boxes

Avoiding Information Overload Selective display of details –objects link to database detail pages –popup information boxes

Avoiding Information Overload Multiple views for different types of data –whole genome view –closeup view –nucleotide sequence view

Avoiding Information Overload Multiple views for different types of data –whole genome view –closeup view –nucleotide sequence view

Avoiding Information Overload Multiple views for different types of data –whole genome view –closeup view –nucleotide sequence view

TAIR pages change over time Why redesign? –larger amounts of data –more data types and interrelationships –increased diversity of users –advances in web technology Examples –Home page –Gene search

3/20013/2001

8/20018/2001

1/20041/2004

1/20041/2004

Current Home Page Design Advantages –all information is accessible –users are familiar with this design Disadvantages –users experience information overload –most important information is difficult to find –home page resembles a site map

TAIR pages change over time Search pages –more search parameters added –sophisticated queries now possible –options are too complex for some users

Gene Search 8/20018/2001

1/20041/2004

New TAIR Design Planned Inverted L for navigation Simplify view by limiting visible information to essentials Use show/hide to access more detail

The Public Face of TAIR User Interface Design Responsiveness to User Input

TAIR Community Interactions Community feedback Community data submission

Community Feedback Sources to User comments on detail pages

Community Feedback by TAIR uses Jitterbug to track user s Each is assigned to a curator Questions and replies are archived Regular expression searching is possible Answers are compiled into a FAQ

Jitterbug at TAIR

Typical User s I want data I don’t understand this tool/data Please fix/improve this tool Please update this annotation I can’t find this info Login/registration questions

Community Feedback Sources to User comments on detail pages

TAIR Community Interactions Community feedback Community data submission

Community Data Submission Gene Family Gene class symbol Person/Lab info Seed and DNA stock info (through ABRC) Microarray data Gene structure/function Marker data 2010 functional genomics projects

Data Submission Methods Web forms (gene class symbol, person/lab) Excel spreadsheets s User-defined formats (large datasets)

Gene Class Symbol Registration

Other Data Submission

Conclusions Strike a balance between complexity and ease of use Expect design changes over time User input is vital and comes in many forms