Home Page → Individual Collection

Mobile

Individual collection page: mobile
  1. Page Title
    Collection name should appear below the user avatar.
  2. Edit Button
    • The edit button should appear where? Still unclear.
    • The collection should have an edit button if the user is the creator of the collection. Otherwise, this button should not be shown.
    • If the user selects "Edit", take the user to the edit collection screen.
  3. Collection Graphic
    • Size: fill the entire screen, as tall as required
    • Description: should appear below the share/flag/favorite area
  4. Apps – What to Show?
    • Order: Apps are listed from most recently added to oldest, moving top to bottom
    • Quantity: As many rows as required.
    • Size of element: Each app block must always be 4 columns wide

Mobile → Flag Collection for Abuse

Flag collection for abuse: mobile
  1. Collection landing screen
    • There should be a flag icon on the collection landing screen that allows the user to report a collection.
    • The creator of a collection should not be able to report their own collection.
  2. Report overlay
    When the report icon has been selected:
    • A an overlay should appear, asking for the reason for the report.
    • The user can select whether the collection contains:
      1. Spam
      2. Inappropriate language
      3. Inappropriate avatar
  3. Feedback
    After selecting a reason, the user should return to the collection landing screen, and receive a feedback message that the reporting process was successful.

Desktop

Individual collection page: desktop
Individual collection page with description: desktop
  1. Page Title
    Collection name should appear on the top of the page.
  2. Edit Button
    The edit button should appear on the same level as the collection name.
  3. Collection Graphic
    • Size: 6 columns wide and 264 px tall.
    1. If collection has no description: center graphic on the center of the screen.
    2. If collection has description: align graphic left, align description right.
  4. Apps – What to Show?
    Quantity: 3 blocks in one row, as many row as required.

The rest of the features are exactly the same as the Mobile layout.

Desktop → Flag Collection for Abuse

Flag collection options modal: desktop
Flag collection description modal: desktop
Flag collection confirmation: desktop

Tablet

Individual collection page: tablet
  1. Edit Button
    Should appear above the collection name.
  2. Collection Graphic
    The description field must always appear below the graphic, never to the side.
  3. Apps – What to Show?
    Quantity: 2 blocks in one row, as many rows as required.

The rest of the features are exactly the same as the Desktop layout.

Tablet → Flag Collection for Abuse

Flag collection options modal: tablet
Flag collection description modal: tablet
Flag collection confirmation: tablet