Interface

Labii’s interface design is centered around simplicity and efficiency, featuring a fixed top navigation bar, a collapsible side menu on the left, and a spacious main content area on the right

Labii’s interface design is centered around simplicity and efficiency, featuring a fixed top navigation bar, a collapsible side menu on the left, and a spacious main content area on the right. The top navbar provides quick access to global controls, while the side menu organizes features and functionalities in a clear hierarchy for seamless navigation. The main body is optimized for displaying data and performing tasks, ensuring users can access their desired results with minimal clicks. This layout prioritizes usability, allowing users to focus on their work without unnecessary distractions or complexity.

Navbar

The Labii Navbar is a fixed navigation bar at the top of the platform, designed to provide quick access to essential functions and branding. It is an integral part of the user interface, offering both functionality and customization to align with users’ needs and organizational branding.

By leveraging the Labii Navbar, users can navigate and utilize the platform more efficiently, all while maintaining a personalized and branded experience.

Features

1. Global Search

   1. Functionality:

      1. Enables users to search for any data stored within the Labii platform.

      2. Includes the ability to ask questions about how to use Labii features, offering an intuitive help experience.

   2. Usage:

      1. Enter keywords in the search bar to quickly locate records, documents, or instructions.

2. Scan Function

   1. Functionality:

      1. Provides a button to scan barcodes or QR codes, allowing for instant access to lab inventory details.

   2. Usage:

      1. Click the “Scan” icon, align your device camera with the barcode or QR code, and retrieve inventory information in real time.

3. Support Menu Dropdown

   1. Functionality:

      1. Offers quick access to support resources, including documentation, FAQs, and contact options for technical assistance.

   2. Usage:

      1. Click the support menu icon and select the appropriate resource from the dropdown list.

4. User Info Dropdown

   1. Functionality:

      1. Displays the name and profile picture of the logged-in user for easy identification.

      2. Provides a dropdown menu to access user profiles, account settings, and logout options.

   2. Usage:

      1. Click on the user info icon to view or manage your account details.

Branding Customization

Labii allows users to personalize the navbar to align with their organization’s branding. Customizable options include:

1. Logo: Upload and display the company logo in the navbar.

2. Background Color: Change the navbar’s background color to match organizational branding.

3. Text Color: Customize the color of text displayed in the navbar for enhanced visual alignment.

Side Menu

The Labii Side Menu is a dynamic navigation panel located on the left side of the interface, designed to adapt based on the type of page you are viewing. It provides essential context by displaying the type of data currently being accessed, along with breadcrumbs to help users understand their location within the platform. The side menu also features action buttons for performing relevant tasks, as well as quick access links to associated information, ensuring seamless navigation and efficient workflows. This adaptive design enhances usability by presenting only the most pertinent options and information for the user’s current task.

Main Body

The Labii Main Body is the primary content area where the core functionality of the platform unfolds. It dynamically adjusts to display the major page content based on the selected view. In the List View, it presents a structured list of records, allowing users to browse, filter, and manage data efficiently. In the Detail View, it focuses on providing comprehensive, relevant information for a specific record, including metadata, associated data, and actionable options. Designed for clarity and productivity, the Main Body ensures users can quickly access and interact with the information they need to achieve their goals.