FinishLine Mobile

[naishahmistry]

Overview

FinishLine Mobile is an adapted version of FinishLine Desktop that allows members to use it on the go, especially at events such as test days and during competition. This initiative aims to make FinishLine more compatible to Mobile so that members can easily view the Home, Calendar, Finance, Statistics, Gantt Chart, and Projects pages in an adapted version that is clear and easy to use.

Stakeholders

Product Stakeholder: @naishahmistry, @risahilinski, @Diykum573
Software Stakeholder: Sean Walker, Chris Pyle
Reference Users: Matthew Clarke, Kevin Giordano, Ally Kolesar, Abby Speckhals

User Story

1. As an engineer, I want to engage with project-specific and general Gantt Chart views so that I can follow and update timelines on the go.
2. As a lead/head, I want to be able to see the change requests so that I can quickly review and approve them
3. As a member of the finance team, I want to be able to access the budget so that I am made aware of any changes and can review them in real time.
4. As a user in any role, I want to be able to access my project pages, review project spending, and review task and work package statuses at any time.
5. As a user in any role, I want to be able to submit and view the status of my reimbursement requests so that I can easily follow up on them and expedite the reimbursement process.
6. As a user in any role, I want to see the calendar on my phone so that I can easily access the schedule for all my meetings, design reviews, and bay times.

Success Metrics

The success of the FinishLine Mobile edits will be evident when the team can effectively use FinishLine on Mobile devices to further incorporate FinishLine into all members' workflows. This includes reviewing tasks and change requests, viewing the calendar and their events, seeing updates to the budget, and quickly making reimbursement requests.

Rollout Plan

This feature is projected to complete the design process by Dec. 20, 2025, and will be released to the development team in January 2025. The Heads and E-Board will be asked to test this feature in May 2026. This feature is expected to be fully adopted by June 2025 (by FHE/FSAE competitions).

Out of Scope

The retrospective was out of scope due to the various overlapping timelines that would be very condensed on mobile. The Admin Tools were also out of scope since they contain complex tools that would be difficult to condense onto a mobile screen and are not used frequently.

Background / Context

While FinishLine is compatible with mobile, many pages have complex formatting that makes the information on the page difficult to understand and the features inconvenient to interact with. Some issues include unnecessary line breaks, excessive scrolling to view all the information, and the inability to scroll horizontally, which results in the need to rotate the phone to view information.

To resolve these issues, we did an audit of all the pages on a mobile device to determine which pages would need minor edits and which would need a full redesign. We primarily focused on the Home, Projects, Gantt Chart, Finance, and Calendar pages, as well as supporting pages like Change Requests and Statistics.

This will provide significant value to the team because many minor tasks would be ideally addressed as they are done/on the go, such as checking what tasks, change requests, or reimbursements are pending/completed and getting an overview of what meetings a member has in a week. This will help streamline workflows since it will allow for easy connection/transition with Slack on mobile and reduce dependence on completing tasks until members have desktop/laptop access. This will also simplify processes during competition, as all information relevant to the competition will be accessible on mobile to share with other members and judges. From a product design and development perspective, this will also bridge past and future designs, as we have Guest Mode available on mobile, while all member-specific features are only functional on desktop. Features that are currently in the planning or design stages are also better suited for mobile (ex. Operations Dashboard), and having a pre-existing Mobile version of FinishLine for members will allow us to seamlessly integrate new mobile-specific features into FinishLine.

Acceptance Criteria & Mock-ups

Sidebar

Home Screens

Member View

• The bar at the top consists of buttons that the user can click through to see information on their tasks, work packages, announcements, and updates. The page should always default to "Tasks", and the selected tab should have its button highlighted in bright red.
• Tasks should be sorted by priority first, then by number of days overdue/days left.
• Clicking on any task, work package, or notification cards will take them to the main page for that task, the work package home page, or the work package/event/task associated with the notification.
• Clicking on the hyperlinked text after "Blockers:" on the Work Package cards should take the user to the home page of the blocking work package.
• The Updates button should always be highlighted in a dark red and contain the number of unseen notifications in parentheses. If there are no unseen notifications, then it should be greyed out like all other buttons.
• The "Previous Updates" section should only show seen updates from the past month.

Heads/Leads View

• Clicking "Confirm Availability" will take the user to the When2Meet-style page noted in the Calendar section.
• Clicking on the card for a Change Request will take them to the page for the corresponding Change Request.
• Features mentioned in the "Members" view still apply.

Admin View

• All screens that do not have any information to display should follow the design in the fourth mockup, but the text should correspond with the data that is not displayed/display what is expected on FinishLine Desktop.
• All features from "Member" and "Heads/Leads" views still apply.

Projects

Projects Home

BOM

Change Requests

Parts Review

Gantt Chart

Calendar

Finance

Change Requests

Statistics

Clicking on "Statistics" on the sidebar should take the user to the following page, which contains a list of cards for each graph collection. Clicking on the plus icon in the top right corner will open a mobile-adjusted version of the pop-up used to create a Graph Collection.

.

Clicking into a Graph Collection Card will take the user to the following page.

• Clicking on a bar/point/section in any graph on this page will launch the same pop-up that you get when you hover over a bar on FinishLine Desktop, but it will be scaled to fit the mobile screen and contain an "x" icon in the top right corner to close it. Clicking on another bar/point/section can also close the existing pop-up.
• Clicking on the pencil icon for a graph will open a filled out version of the "Add Graph" modal below, but with the title "Update Graph".
• Clicking on the trash icon for a graph will launch a confirmation pop-up.

Clicking on the grey actions button in the top right corner will launch the menu in the second screenshot.

The "Edit Collection" button will launch the following modal.

The "Add Graph" button will launch the following modal.