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

Write-up how we surveyed app store designs to design the App Store 2.0 home page

    Details

    • Type: Task
    • Status: Closed (View Workflow)
    • Priority: Major
    • Resolution: Done
    • Affects Version/s: None
    • Fix Version/s: None
    • Labels:
      None
    • Story Points:
      2
    • Sprint:
      Winter 1 Dec 28 - Jan 8, Winter 2 Jan 11 - Jan 22, Winter 3 Jan 25 - Feb 5, Winter 4 Feb 8 - Feb 19, Winter 5 Feb 22 - Mar 5

      Description

      Before re-implementing the IGB App Store home page, we first did a survey of commercial app store Web sites to better understand what types of interfaces are possible.

      We made a big list of them and discussed what we liked and didn't like about each one. This survey helped us design our app store's home page, which borrowed or modified aspects of existing app stores.

      Since we are preparing to write an article about IGB app store, it would be good to have a write-up describing the above process. The write-up or a summarized form of it can be included in the paper.

      Note: The final draft is attached.

        Attachments

          Issue Links

            Activity

            ann.loraine Ann Loraine created issue -
            ann.loraine Ann Loraine made changes -
            Field Original Value New Value
            Link This issue relates to IGBF-2740 [ IGBF-2740 ]
            rweidenh Logan Weidenhammer (Inactive) made changes -
            Assignee Rachel Weidenhammer [ rweidenh ]
            Hide
            rweidenh Logan Weidenhammer (Inactive) added a comment - - edited

            For reference, here is the big list of app store sites with notes: https://docs.google.com/document/d/1nc9kfb9M05eUmOE8FtiqGir03tu6mSKBB-CFz2r7GsU/edit?usp=sharing
            Relating to IGBF-2507.

            [~aloraine], please let me know if anything should be added or rephrased.
            Summary write-up follows:

            We were prompted to reexamine our app store design with a goal of implementing better organization and filtering of apps within the web page as well as updating the visual presentation.

            First we examined the organization of other app stores and how they separated their apps into categories, looking at the pros and cons of their implementations. Our favorite design among the app stores belonged to the Grafana website’s Plugins page. From this page we decided to adopt the size and placement of the tiles representing available apps, a radio button sorting system to display curated groups of apps, and move the search bar down to the app tile area so that it would be clearer to the user what could be searched for with the search bar.

            A static mockup and interactive prototype were created and critiqued by the development team in group and individual meetings. A list of desired features for the user’s needs was collected and a separate list of requested page design changes was drawn up. From this we created five new mockups showing the different organizational design implementations requested through the critique meetings. Critiques of these mockups resulted in two top designs settling from there on a design based closely on the original favorite commercial app store web page from Graphana.

            Lastly we implemented the curated categories organization to the current codebase for the IGB App Store.

            Show
            rweidenh Logan Weidenhammer (Inactive) added a comment - - edited For reference, here is the big list of app store sites with notes: https://docs.google.com/document/d/1nc9kfb9M05eUmOE8FtiqGir03tu6mSKBB-CFz2r7GsU/edit?usp=sharing Relating to IGBF-2507 . [~aloraine] , please let me know if anything should be added or rephrased. Summary write-up follows: We were prompted to reexamine our app store design with a goal of implementing better organization and filtering of apps within the web page as well as updating the visual presentation. First we examined the organization of other app stores and how they separated their apps into categories, looking at the pros and cons of their implementations. Our favorite design among the app stores belonged to the Grafana website’s Plugins page. From this page we decided to adopt the size and placement of the tiles representing available apps, a radio button sorting system to display curated groups of apps, and move the search bar down to the app tile area so that it would be clearer to the user what could be searched for with the search bar. A static mockup and interactive prototype were created and critiqued by the development team in group and individual meetings. A list of desired features for the user’s needs was collected and a separate list of requested page design changes was drawn up. From this we created five new mockups showing the different organizational design implementations requested through the critique meetings. Critiques of these mockups resulted in two top designs settling from there on a design based closely on the original favorite commercial app store web page from Graphana. Lastly we implemented the curated categories organization to the current codebase for the IGB App Store.
            rweidenh Logan Weidenhammer (Inactive) made changes -
            Status To-Do [ 10305 ] In Progress [ 3 ]
            rweidenh Logan Weidenhammer (Inactive) made changes -
            Status In Progress [ 3 ] Needs 1st Level Review [ 10005 ]
            rweidenh Logan Weidenhammer (Inactive) made changes -
            Assignee Rachel Weidenhammer [ rweidenh ]
            rweidenh Logan Weidenhammer (Inactive) made changes -
            Assignee Ann Loraine [ aloraine ]
            Hide
            ann.loraine Ann Loraine added a comment -

            Please write more detail about what was done - aim for around 1500 words.

            Show
            ann.loraine Ann Loraine added a comment - Please write more detail about what was done - aim for around 1500 words.
            ann.loraine Ann Loraine made changes -
            Status Needs 1st Level Review [ 10005 ] First Level Review in Progress [ 10301 ]
            ann.loraine Ann Loraine made changes -
            Status First Level Review in Progress [ 10301 ] Needs 1st Level Review [ 10005 ]
            ann.loraine Ann Loraine made changes -
            Status Needs 1st Level Review [ 10005 ] First Level Review in Progress [ 10301 ]
            ann.loraine Ann Loraine made changes -
            Status First Level Review in Progress [ 10301 ] To-Do [ 10305 ]
            ann.loraine Ann Loraine made changes -
            Assignee Ann Loraine [ aloraine ] Rachel Weidenhammer [ rweidenh ]
            rweidenh Logan Weidenhammer (Inactive) made changes -
            Status To-Do [ 10305 ] In Progress [ 3 ]
            Hide
            rweidenh Logan Weidenhammer (Inactive) added a comment -

            Table is created listing commercial app stores and their basic organizational features: https://docs.google.com/spreadsheets/d/1t49R3ENMHJYJCc1ujfRf05OvAXShiVUwf_licb0JNCQ/edit?usp=sharing

            Show
            rweidenh Logan Weidenhammer (Inactive) added a comment - Table is created listing commercial app stores and their basic organizational features: https://docs.google.com/spreadsheets/d/1t49R3ENMHJYJCc1ujfRf05OvAXShiVUwf_licb0JNCQ/edit?usp=sharing
            ann.loraine Ann Loraine made changes -
            Sprint Winter 1 Dec 28 - Jan 8 [ 111 ] Winter 1 Dec 28 - Jan 8, Winter 2 Jan 11 - Jan 22 [ 111, 112 ]
            ann.loraine Ann Loraine made changes -
            Rank Ranked higher
            ann.loraine Ann Loraine made changes -
            Epic Link IGBF-1531 [ 17617 ]
            Hide
            ann.loraine Ann Loraine added a comment - - edited

            Table looks good.

            Show
            ann.loraine Ann Loraine added a comment - - edited Table looks good.
            ann.loraine Ann Loraine made changes -
            Sprint Winter 1 Dec 28 - Jan 8, Winter 2 Jan 11 - Jan 22 [ 111, 112 ] Winter 1 Dec 28 - Jan 8, Winter 2 Jan 11 - Jan 22, Winter 3 Jan 25 - Feb 5 [ 111, 112, 113 ]
            ann.loraine Ann Loraine made changes -
            Rank Ranked higher
            ann.loraine Ann Loraine made changes -
            Sprint Winter 1 Dec 28 - Jan 8, Winter 2 Jan 11 - Jan 22, Winter 3 Jan 25 - Feb 5 [ 111, 112, 113 ] Winter 1 Dec 28 - Jan 8, Winter 2 Jan 11 - Jan 22, Winter 3 Jan 25 - Feb 5, Winter 4 Feb 8 - Feb 19 [ 111, 112, 113, 114 ]
            ann.loraine Ann Loraine made changes -
            Rank Ranked higher
            rweidenh Logan Weidenhammer (Inactive) made changes -
            Status In Progress [ 3 ] To-Do [ 10305 ]
            rweidenh Logan Weidenhammer (Inactive) made changes -
            Status To-Do [ 10305 ] In Progress [ 3 ]
            rweidenh Logan Weidenhammer (Inactive) made changes -
            Status In Progress [ 3 ] To-Do [ 10305 ]
            Show
            rweidenh Logan Weidenhammer (Inactive) added a comment - Link to completed draft https://docs.google.com/document/d/12bcTELY5u9a7kCPDzQ1na2EsL7NlAZsi-yDFy_LSU9g/edit?usp=sharing
            Hide
            rweidenh Logan Weidenhammer (Inactive) added a comment -

            Document was reviewed by Chester for any changes he might want regarding his contribution.
            I have completed my edits for the document.

            [~aloraine], what would you like to see next for this write-up?

            Show
            rweidenh Logan Weidenhammer (Inactive) added a comment - Document was reviewed by Chester for any changes he might want regarding his contribution. I have completed my edits for the document. [~aloraine] , what would you like to see next for this write-up?
            Hide
            rweidenh Logan Weidenhammer (Inactive) added a comment -

            Next step is for this to be merged into the main App Store paper.

            Show
            rweidenh Logan Weidenhammer (Inactive) added a comment - Next step is for this to be merged into the main App Store paper.
            rweidenh Logan Weidenhammer (Inactive) made changes -
            Status To-Do [ 10305 ] In Progress [ 3 ]
            rweidenh Logan Weidenhammer (Inactive) made changes -
            Status In Progress [ 3 ] Needs 1st Level Review [ 10005 ]
            rweidenh Logan Weidenhammer (Inactive) made changes -
            Assignee Rachel Weidenhammer [ rweidenh ] Ann Loraine [ aloraine ]
            ann.loraine Ann Loraine made changes -
            Sprint Winter 1 Dec 28 - Jan 8, Winter 2 Jan 11 - Jan 22, Winter 3 Jan 25 - Feb 5, Winter 4 Feb 8 - Feb 19 [ 111, 112, 113, 114 ] Winter 1 Dec 28 - Jan 8, Winter 2 Jan 11 - Jan 22, Winter 3 Jan 25 - Feb 5, Winter 4 Feb 8 - Feb 19, Winter 5 Feb 22 - Mar 5 [ 111, 112, 113, 114, 115 ]
            ann.loraine Ann Loraine made changes -
            Rank Ranked higher
            ann.loraine Ann Loraine made changes -
            Status Needs 1st Level Review [ 10005 ] First Level Review in Progress [ 10301 ]
            ann.loraine Ann Loraine made changes -
            Status First Level Review in Progress [ 10301 ] Ready for Pull Request [ 10304 ]
            ann.loraine Ann Loraine made changes -
            Status Ready for Pull Request [ 10304 ] Pull Request Submitted [ 10101 ]
            ann.loraine Ann Loraine made changes -
            Status Pull Request Submitted [ 10101 ] Reviewing Pull Request [ 10303 ]
            ann.loraine Ann Loraine made changes -
            Status Reviewing Pull Request [ 10303 ] Merged Needs Testing [ 10002 ]
            ann.loraine Ann Loraine made changes -
            Status Merged Needs Testing [ 10002 ] Post-merge Testing In Progress [ 10003 ]
            ann.loraine Ann Loraine made changes -
            Resolution Done [ 10000 ]
            Status Post-merge Testing In Progress [ 10003 ] Closed [ 6 ]
            ann.loraine Ann Loraine made changes -
            Assignee Ann Loraine [ aloraine ] Rachel Weidenhammer [ rweidenh ]
            ann.loraine Ann Loraine made changes -
            Link This issue relates to IGBF-2812 [ IGBF-2812 ]
            ann.loraine Ann Loraine made changes -
            Attachment App Store Redesign IGBF-2742.docx [ 15461 ]
            ann.loraine Ann Loraine made changes -
            Description Before re-implementing the IGB App Store home page, we first did a survey of commercial app store Web sites to better understand what types of interfaces are possible.

            We made a big list of them and discussed what we liked and didn't like about each one. This survey helped us design our app store's home page, which borrowed or modified aspects of existing app stores.

            Since we are preparing to write an article about IGB app store, it would be good to have a write-up describing the above process. The write-up or a summarized form of it can be included in the paper.
            Before re-implementing the IGB App Store home page, we first did a survey of commercial app store Web sites to better understand what types of interfaces are possible.

            We made a big list of them and discussed what we liked and didn't like about each one. This survey helped us design our app store's home page, which borrowed or modified aspects of existing app stores.

            Since we are preparing to write an article about IGB app store, it would be good to have a write-up describing the above process. The write-up or a summarized form of it can be included in the paper.

            *Note*: The final draft is attached.

              People

              • Assignee:
                rweidenh Logan Weidenhammer (Inactive)
                Reporter:
                ann.loraine Ann Loraine
              • Votes:
                0 Vote for this issue
                Watchers:
                2 Start watching this issue

                Dates

                • Created:
                  Updated:
                  Resolved: