MS6 - ISIS3510-grupo/Proyecto GitHub Wiki
1. Value Proposition
Our solution provides universities with a centralized and traceable way to manage lost and found items while giving students an easier way to report, search for, and recover their belongings.
Unlike the current process, where students may need to repeatedly visit the Lost Items Office without knowing whether their item has arrived, the application allows them to report lost items digitally, check possible matches, receive notifications, and track the status of their report.
For university staff, the platform provides a structured inventory of found items, ownership verification, claim records, and analytics that improve the organization and traceability of the process. Value Proposition Statement A safer and more efficient way for universities to connect lost items with their owners, reducing uncertainty for students and providing staff with a centralized, traceable, and data-driven Lost and Found process.
If we compare our solution with available alternatives on the market (AirTag Networks, CrowFind, iFoundIt), we propose an integrated system exclusively for Los Andes University. We offer the possibility of having a certain traceability of lost items, since to report or claim a lost item is mandatory to log in with uniandes username so it is possible to authenticate user's identity and contact them during or after the process if it is necessary. Also context information as role (student or staff member), building, date, hour and if it has been delivered to a staff member or directly at lost and found office is mandatory in order to report founding a lost item, so it is possible to track the item is after it has being reported. In our solution users are able to report and search, but not discuss. We made this decision based on the current products that look to solve the same problem. We identified that the uncontrolled participation of users will risk the privacy and security of the community since it will be public the user's information. Also our solution will be available for students with Android and Apple devices, it is not only for a specific OS.
2. UI/UX Design
2.1. Colour Palette and Rationale
This color palette was chosen mainly to maintain visual consistency with the other applications associated with the "Universidad de los Andes". For this reason, we used the colors yellow, gray, black, and white.
Yellow
Its function is to highlight relevant information, active states, and elements that require greater attention from the user. At the same time, it is one of the emblematic colors of the university.
Gray
It is used to highlight secondary information, borders, or text with a lower hierarchy. This helps users to easily distinguish primary elements from the complementary ones.
Black
Its mainly used for text, some navigation elements, and the main actions of the app. Its a strong contrast with the white background that helps emphasize important elements
White
It was designated as the main color of the mobile application. It helps maintain a clean interface and avoid visual overload for the user. It also helps highlight the yellow and black elements.
2.2. Fonts
The typography was selected to create a clear visual hierarchy, maintain readability on mobile screens, and preserve a visual connection with Universidad de los Andes. Each font has a specific purpose that helps users distinguish institutional headings, primary information, and supporting content.
Anaheim Medium is used for selected headings and elements associated with the Uniandes identity. Its distinctive geometric appearance gives the application a recognizable personality while maintaining a clean and modern style.
The font helps institutional headings stand out from the rest of the interface. Its consistent use applies the Gestalt principle of similarity because users can associate this typography with high-level or identity-related sections. It is not used for long texts because its main purpose is to reinforce identity and attract attention.
Inter Medium is used for screen titles, section headings, buttons, navigation labels, form labels, and important item states. Its visual weight helps users quickly recognize the current section, identify the main available actions, and distinguish information with greater importance.
Its clear letterforms are suitable for digital interfaces and remain readable at different screen sizes. Using the same weight for elements with similar importance supports the Gestalt principle of similarity and creates a consistent visual hierarchy throughout the student and staff interfaces.
Inter Light is used for general text and complementary information such as item descriptions, dates, locations, instructions, report details, and secondary labels. Its lighter weight keeps the interface visually clean while allowing users to read supporting information comfortably.
The contrast between Inter Medium and Inter Light separates primary content from additional details without depending only on color. This supports the Gestalt principles of similarity and grouping because text elements with the same purpose share a consistent appearance and are easier to recognize across different screens.
2.3. Icons and Images
2.4. UI Prototype
https://www.figma.com/design/hTweDK54srJcSfwyhQAYIU/Moviles?node-id=16-5&t=eKxS8Gzgo0jU1rzQ-1
2.5. Navigational Patterns
1. Bottom Navigation
The main navigation follows the Bottom Navigation pattern, keeping the most important sections accessible at all times.
Student interface:
- Home
- Search
- Alerts
- Profile
Administrator interface:
- Dashboard
- Search
- Register
- Claims
This pattern allows users to quickly switch between the application's main sections without returning to the initial screen.
2. Hierarchical Navigation
The application uses Hierarchical Navigation when users move from general information to more specific details.
Student flow:
Search -> Found Item -> Item Details
Administrator flow:
Inventory -> Item -> Claim Review
Back arrows located at the top of these screens allow users to return to the previous level of the hierarchy.
3. Hub-and-Spoke Navigation
The Home screen for students and the Dashboard for administrators work as central hubs from which users can start their main tasks.
Student - Home
From Home, students can:
- Search for a lost item.
- Report a found item.
- Review their active reports.
Administrator - Dashboard
From Dashboard, administrators can:
- Register found items.
- Search existing records.
- Review pending claims.
4. Sequential Navigation
Sequential Navigation is used for processes that require users to complete a series of steps in a specific order.
Item claim process:
Possible Match -> Ownership Verification -> Pickup Instructions
Found item report process:
Report Found Item -> Form -> Drop-off Instructions
Primary action buttons indicate the next step and guide users throughout each process.
5. Tabs, Filters and Categories
Search and management screens use tabs, filters, and categories to help users navigate through content without leaving the current section.
Students can:
- Filter found items by category.
Administrators can:
- Switch between Lost Reports and Found Inventory.
- Filter claims according to their status.
This pattern reduces the amount of information displayed at once and makes it easier to find specific records.