Skip to content

Ideas

Jump to bottom
Michał Krause edited this page Mar 24, 2024 · 4 revisions

Objectives

  1. App should be quick to use.

  2. Design the app mainly for mobile phone users.

  3. Let users choose how they want to select items to count eg. uploading a photo, selecting an object in the input photo.

  4. Diverse functionalities such as identifying missing pieces and providing detailed information on the missing objects quantity.

UI design

Landing page

  • Upon launching the app, the user should see different possible actions, such as:
    • Upload an image
    • Capture an image
    • Provide the image through an URL (?)
  • Appropriate place to insert some basic settings or a button to a separate settings card/tab/etc.
  • After inputting an image, the user is taken to a view with the image
  • If the app will store user's history, it could be available here

Image view

  • The user is presented with their image
  • After processing, the app appropriately marks objects of different classes on the image
  • The app should show the count of all of the different classes
  • There could be some information presented to the user after interacting with an object in an image (info about the class?)
  • Let the user quickly come back to the first step (confirmation)
  • Processing could be done immediately or after user's confirmation

Important functions

  • The user should have an option to classify different objects in an image, which the app then counts
    • In image view
    • In a different tab/card (navigation through image view with swiping or opening a tab)
    • Through box selection?
    • Easy edition, e.g. through tapping the class, just let the user reselect
  • Let the user input desired quantities of different object classes
    • The app should check if the quantities match
    • The user should be presented with the comparison result

Progressive web apps

We've decided to make the app as a PWA. This solution will make the app more accessible, while still being sufficient for our needs (using the device's camera, etc.).

There's a lot of useful tips and guidelines available:

Clone this wiki locally