FlowFuse / FlowFuse/flowfuse

Device UX Review

Open
#2,427 2 comments 0 reactions 0 assignees View on GitHub
area:frontend epic
Dominant language
JavaScript
Stars
400
Forks
89
Avg merge
1d 20h
Merged PRs (30d)
149

Description

### Description

Having just done a [UX Review on Devices](https://www.figma.com/file/JlbuwrGYgxYOV3DKlLck9J/User-Journeys---Devices?type=whiteboard&node-id=0%3A1&t=KCBhnqf2CBCl5yk3-1) I've flagged multiple areas of frustration and ideas for improvement that I'll be documenting here:

### Setup Phase - Adding a Device
![image](https://github.com/flowforge/flowforge/assets/99246719/8ce34984-d366-40a6-8123-0a29357e4276)

```[tasklist]
- [ ] https://github.com/flowforge/flowforge/issues/2428
- [ ] https://github.com/flowforge/flowforge/issues/2456
- [ ] https://github.com/flowforge/flowforge/issues/723
- [ ] https://github.com/FlowFuse/flowfuse/issues/3295
```

### Setup Phase - Download YML
![image](https://github.com/flowforge/flowforge/assets/99246719/af64a9fb-fe92-4ceb-bb59-27f7ac905c72)

```[tasklist]
- [ ] https://github.com/flowforge/flowforge/issues/2429
- [ ] https://github.com/flowforge/flowforge/issues/2430
- [ ] https://github.com/FlowFuse/flowfuse/issues/3256
```

### Setup Phase - Binding Device to Instance

This entire step feels very unintuitive. #2334 seeks to move the Devices to nest below Applications, rather than Instances, which would have some level of impact here as currently, to deploy a set of flows to a Device, you need to go via a Snapshot on an Instance first.

![image](https://github.com/flowforge/flowforge/assets/99246719/66ec7689-bf43-42e0-9ed0-8a98bbad1f19)

```[tasklist]
- [ ] https://github.com/flowforge/flowforge/issues/2431
- [ ] https://github.com/flowforge/flowforge/issues/2432
```

### Action Phase - Setting Target Snapshot

![image](https://github.com/flowforge/flowforge/assets/99246719/66ec7689-bf43-42e0-9ed0-8a98bbad1f19)

```[tasklist]
- [ ] No "Target Snapshot" define on "Instance > Snapshot" page
- [ ] Creating a snapshot, feels a little empty, no context as to content of flows/snapshot.
- [ ] Not obvious you can click "Application" and "Instance" in the Devices table
```

### Action Phase - Developing Flows on Device

Screenshot 2023-07-13 at 15 03 05

```[tasklist]
- [ ] https://github.com/flowforge/flowforge/issues/2486
- [ ] Not clear why Editor is disabled for Devices
- [x] "Enable" button to toggle Editor Access should be a toggle switch
```

Contributor guide

Open the contributing guide

Research direction

Start with the linked Figma UX review and the task-list issues for device setup, YAML download, device binding, snapshots, and editor access. The review is complete when the listed UX findings have been split into actionable issues or otherwise resolved, with each requested interaction change clearly defined.

Written by the indexing model from the issue text.

Assessment

Domain
design
Issue type
Feature
Difficulty
5/5
Estimated time
Over a week
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
15/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.