Uploaded image for project: 'IGB'
  1. IGB
  2. IGBF-2980

Design next iteration of track hub table UI on bioviz

        Details

        • Type: Task
        • Status: Closed (View Workflow)
        • Priority: Major
        • Resolution: Done
        • Affects Version/s: None
        • Fix Version/s: None
        • Labels:
          None

          Description

          The table interface front end for the track hub facade API / Web site is a little confusing. For example, the ouroboros icon and the copy icons are a bit cryptic, requiring the user to click the "help" icon in order to understand what they do.

          (This refers interface at: https://bioviz.org/public-trackhubs.html)

          Examine the UCSC's interface: https://genome.ucsc.edu/cgi-bin/hgHubConnect#publicHubs for comparison and the understand the current state of art for listing of track hubs.

            Attachments

              Issue Links

              blocks

              New Feature - A new feature of the product, which has yet to be developed. IGBF-3007 Implement next iteration of track hub converter interface

              • Major - Major loss of function.
              • Closed
              is blocked by

              Improvement - An improvement or enhancement to an existing feature or task. IGBF-2960 Simplify bioviz.org interface to show table only

              • Major - Major loss of function.
              • Closed
              relates to

              Improvement - An improvement or enhancement to an existing feature or task. IGBF-2960 Simplify bioviz.org interface to show table only

              • Major - Major loss of function.
              • Closed

                Activity

                Ascending order - Click to sort in descending order
                Hide
                Permalink
                pbadzuh Philip Badzuh (Inactive) added a comment -

                Notes from yesterday's meeting discussing potential UI/UX improvements.

                • Remove the top div containing the converted quickload URL
                • Rename the Actions column to something like 'Copy'
                • Change copy icons to 'T' and 'Q' to represent copying trackhub and quickload URLs
                • Add a description column
                • Move each genome version to its own line within the genome versions column
                Show
                pbadzuh Philip Badzuh (Inactive) added a comment - Notes from yesterday's meeting discussing potential UI/UX improvements. Remove the top div containing the converted quickload URL Rename the Actions column to something like 'Copy' Change copy icons to 'T' and 'Q' to represent copying trackhub and quickload URLs Add a description column Move each genome version to its own line within the genome versions column
                Hide
                Permalink
                ann.loraine Ann Loraine added a comment -

                To start:

                • Create a design mockup showing how the next iteration interface will look
                • The design should indicate somehow which elements are "clickable" - users operate them and stuff happens
                • Include notes on the design showing how the iteration will behave (what happens when users click on things)
                Show
                ann.loraine Ann Loraine added a comment - To start: Create a design mockup showing how the next iteration interface will look The design should indicate somehow which elements are "clickable" - users operate them and stuff happens Include notes on the design showing how the iteration will behave (what happens when users click on things)
                Hide
                Permalink
                pbadzuh Philip Badzuh (Inactive) added a comment -

                Please see the attached design document here. Any and all feedback is greatly appreciated.

                Show
                pbadzuh Philip Badzuh (Inactive) added a comment - Please see the attached design document here . Any and all feedback is greatly appreciated.
                Hide
                Permalink
                ann.loraine Ann Loraine added a comment -

                We iterated the design verbally during the scrum Nov 8, 2021. Next step: Create a new design reflecting the discussion.

                Show
                ann.loraine Ann Loraine added a comment - We iterated the design verbally during the scrum Nov 8, 2021. Next step: Create a new design reflecting the discussion.
                Hide
                Permalink
                pbadzuh Philip Badzuh (Inactive) added a comment -

                Please see the updated design here.

                Changes:

                • The 'Copy URLs' and 'Genome Versions' columns were swapped.
                • The trackhub URL icon was changed to a 'U' and moved after the quickload URL icon.
                • Each genome version that can be mapped will have an IGB icon next to it, which can be clicked to open the genome in IGB.
                Show
                pbadzuh Philip Badzuh (Inactive) added a comment - Please see the updated design here . Changes: The 'Copy URLs' and 'Genome Versions' columns were swapped. The trackhub URL icon was changed to a 'U' and moved after the quickload URL icon. Each genome version that can be mapped will have an IGB icon next to it, which can be clicked to open the genome in IGB.
                Hide
                Permalink
                ann.loraine Ann Loraine added a comment -

                Next iteration design is complete. Moving to Done.

                Show
                ann.loraine Ann Loraine added a comment - Next iteration design is complete. Moving to Done.

                  People

                  • Assignee:
                    pbadzuh Philip Badzuh (Inactive)
                    Reporter:
                    ann.loraine Ann Loraine
                  • Votes:
                    0 Vote for this issue
                    Watchers:
                    2 Start watching this issue

                    Dates

                    • Created:
                      Updated:
                      Resolved: