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

            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.
            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.
            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
            Hide
            ann.loraine Ann Loraine added a comment - - edited

            Table looks good.

            Show
            ann.loraine Ann Loraine added a comment - - edited Table looks good.
            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.

              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: