Skip to content

Reorganize Sync settings clutter and enhance visual feedback across the app #7

Description

@carochacs

With the recent addition of Syncing functionality, the settings interface has become overcrowded. Having all options presented at the same level creates high cognitive load and makes primary tasks harder to navigate.

​Additionally, across the wider application, there is a lack of responsive visual feedback when background processes or status changes occur, leaving users uncertain about the state of their actions.

Proposed Solution

​1. Pop-out window for Sync: Syncing is its own, gigantic feature. When syncing, it should be the main focus.

  1. Declutter and Restructure Sync Options
    ​Progressive Disclosure
    : Hide advanced configuration under an "Advanced Settings" toggle or expandable accordion so the primary Sync screen remains clean. (Sensible Defaults) Highlight recommended preset configurations for standard users to reduce decision fatigue.

  2. General ​Grouping & Hierarchy: Logical grouping of related options using visual cards or distinct sections.
    ​
    ​4. Improve Visual Feedback Across the Application: Add explicit visual indicators (e.g., status badges, progress bars, subtle spinner animations) for active, queued, successful, or failed events. These should be clearly visible. (Action confirmations) Implement toast notifications or inline success/error banners for user-initiated actions. Ensure interactive elements provide clear hover, active, disabled, and focus states.


Migrated from Maestro-Ltd/slopsmith-plugin-editor#24.

Activity

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

Labels

enhancementNew feature or request

Projects

No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions