Skip to content

User Interface Mockups

Ervin Jon Lanada edited this page Oct 20, 2023 · 27 revisions

Homepage & Items List Activity


Homepage Features User Stories
Items List Page
The homepage contains:
- Sum of item approximate costs
- Profile link
- Filter button
- Sort button
- List of items
- Add new item button
(HIDDEN) Delete button when item is long-pressed
- US (01.04.01): Items able to be deleted on the item list page
- US (02.01.01): List of items displayed on the item list page
- US (02.02.01): Can see the estimated value of items in the list at the top left of the page
- US (02.03.01): You can delete selected items on the item list page

Sort and Filter Fragments


Sort & Filter Features User Stories
Sort & Filter Features Sort & Filter Features
The sort and filter fragments will pop up from their corresponding buttons on the homepage. They allow the user to set sorting and filtering properties to apply to the homepage.
- US (02.05.01): You can filter items by date range on the filter fragment
- US (02.06.01): You can filter items by keywords on the filter fragment
- US (02.07.01): You can filter items by make on the filter fragment
- US (03.05.01): You can filter items by tag on the filter fragment
- US (03.04.01): You can sort items by tag in the sort fragment
- US (02.04.02): You can sort the list of items by date, description, make, or estimated value.
- US (02.04.03): You can sort the list by ascending or descending order.

Item Detail Activity


Item Detail Features User Stories
Item Detail Features
The item detail activity acts as a adding and editing page for items. Can also add serial number information by taking a photo.
- US (01.01.01): Create item and input relevant data on the item detail page
- US (01.02.01): All item details are displayed on the item detail page
- US (01.03.01): Ability to edit item details on the item detail page
- US (04.01.01): Able to take photos using the camera and attach one or more to the item
- US (04.02.01): You can use photos from the gallery and attach one or more to the item
- US (04.03.01): You can delete photos from the item
- US (05.01.01): You can specify the serial number by identifying the number from an image taken by the camera
- US (05.01.02): You can automatically identify a serial number from an image taken by the camera
- US (05.02.02): You can retrieve product information from a product barcode.
- US (05.02.03): You can automatically identify a product barcode from an image taken by the camera

User Profile Activity


User Profile Features User Stories
User Profile Features
Displays the users unique username.
- US (06.01.01): There is a profile with a unique username displayed

Tag Selection and Management Activity


Tag Selection & Management Features User Stories
Tag Selection & Management Features
Allows the user to select tags to assign to an item, and to create new tags.
- US (03.01.01): You can add tags for categorization
- US (03.02.01): You can specify one or more tags for an item
- US (03.03.01): You can select items from the list of items and apply one or more tags to the selected items