Home

Localsend Redesign

Updating Localsend's interface with MD3 guidelines

Introduction

LocalSend is an open source app for securely sending files between devices on the same local network without needing the internet.


botpic
Problems
  1. The Receive Page is redundant.
  2. Too many buttons without captions create confusion.
  3. The current color scheme clashes with MD3 standards and frankly looks bad.
  4. Shadows are inconsistent and distracting.
  5. The Navigation and Status Bar are opaque.

Changes

  1. Home Page: Combines Share and Receive page in a simplified layout. The "More" menu includes Device Info, Settings, Troubleshoot, and Help.
  2. Improved UI: Larger buttons for one-hand-friendly use. Better MD3 components with a neutral blue color. A text box for sharing text with a confirm button.
  3. Relocated Settings: Single/Multiple Recipient Setting moved to the Settings menu.
  4. Navigation and Status Bar are now transparent.
  5. History button added to the Home page. Expressive device icons that serve as OS identifiers. A refresh button that works for both WiFi and Hotspot.
  6. A 2-column grid for better space utilization.

This redesign aims to improve Localsend's usability and aesthetics, making it more user-friendly and visually appealing. I created a Github issue for the same.