# My thoughts for a GUI 1.0 | looking for a frontend developer :)

**URL:** https://forum.syncthing.net/t/my-thoughts-for-a-gui-1-0-looking-for-a-frontend-developer/3002
**Category:** UX
**Created:** [June 10, 2015, 1:53pm UTC](https://forum.syncthing.net/t/my-thoughts-for-a-gui-1-0-looking-for-a-frontend-developer/3002 "2015-06-10T13:53:59Z")
**Posts on this page:** 20
**Page:** 2

<div class="post-metadata">

### Author: ![Eddy2909](https://forum.syncthing.net/user_avatar/forum.syncthing.net/eddy2909/32/2011_2.png) [@Eddy2909](https://forum.syncthing.net/u/Eddy2909)
#### Post date: [June 19, 2015, 12:35pm UTC](https://forum.syncthing.net/t/my-thoughts-for-a-gui-1-0-looking-for-a-frontend-developer/3002/21 "2015-06-19T12:35:45Z")

</div>

difficult with this layout 😕 But I’ll keep it in mind 😊

---

<div class="post-metadata">

### Author: ![Eddy2909](https://forum.syncthing.net/user_avatar/forum.syncthing.net/eddy2909/32/2011_2.png) [@Eddy2909](https://forum.syncthing.net/u/Eddy2909)
#### Post date: [June 21, 2015, 1:32pm UTC](https://forum.syncthing.net/t/my-thoughts-for-a-gui-1-0-looking-for-a-frontend-developer/3002/22 "2015-06-21T13:32:09Z")

</div>

@Updated 21.06.2015 (watch above)

- whitelist ip’s (future feature?)
- blocklist ip’s (future feature?)

---

<div class="post-metadata">

### Author: ![calmh](https://forum.syncthing.net/user_avatar/forum.syncthing.net/calmh/32/15311_2.png) [@calmh](https://forum.syncthing.net/u/calmh)
#### Post date: [June 21, 2015, 5:42pm UTC](https://forum.syncthing.net/t/my-thoughts-for-a-gui-1-0-looking-for-a-frontend-developer/3002/23 "2015-06-21T17:42:22Z")

</div>

In my mind, this

 ![](https://forum-uploads.syncthingcdn.net/original/2X/d/da356e88683f2438eda77e2d8440ef62c50b0c9c.png) 

is rather more cluttered than the current

 ![](https://forum-uploads.syncthingcdn.net/original/2X/a/a6450177989ec0dd511eeb1dd7fd5e3b4beac562.png)

with perhaps too many different colors and bars and too small text. The previous suggestion

 ![](https://forum-uploads.syncthingcdn.net/original/2X/c/c12f0f88469de140d70faac52455b9b4fb48876b.png) 

is also colorful but doesn’t attempt to cram as much information into a single screen (something the current UI also suffers from btw).

As an aside, I would suggest not including too many elements for features that don’t exist - if someone actually tries to implement this UI, that will need to be removed or wait for the features in question to exist… 😉

---

<div class="post-metadata">

### Author: ![Eddy2909](https://forum.syncthing.net/user_avatar/forum.syncthing.net/eddy2909/32/2011_2.png) [@Eddy2909](https://forum.syncthing.net/u/Eddy2909)
#### Post date: [June 21, 2015, 6:23pm UTC](https://forum.syncthing.net/t/my-thoughts-for-a-gui-1-0-looking-for-a-frontend-developer/3002/24 "2015-06-21T18:23:07Z")

</div>

you’re right - its not yet flat at all 🙂

but within the previous suggestion some imho important things were not layouted or are missing:

- folder \>\< device connection (which folder is shared to which device)
- which device up- or downloads from which device (current sync)
- button usage isn’t consistently (one button on top - one button below/ once there is a edit-button once not)
- progress on syncing (if using a responsive design, there can’t be a “hover” blob)
- global/local (same as above)
- progress overall/total (missing)
- filesync-details (missing)

once all these infos will be layouted, it will not be as clear as it is now I guess…

but these “missing links” were the reason to layout another gui. honestly I need to get it flat - but first of all, I always worry about the features and then about the final layout.

maybe “truth lies in the middle” as usual 😄 and it’s probably not the final version 😉

I’ll make it flat in the next versions 🕶

---

<div class="post-metadata">

### Author: ![Eddy2909](https://forum.syncthing.net/user_avatar/forum.syncthing.net/eddy2909/32/2011_2.png) [@Eddy2909](https://forum.syncthing.net/u/Eddy2909)
#### Post date: [June 21, 2015, 10:27pm UTC](https://forum.syncthing.net/t/my-thoughts-for-a-gui-1-0-looking-for-a-frontend-developer/3002/25 "2015-06-21T22:27:53Z")

</div>

update 22.06.: (watch above)

- rework colors & forms (get it flat)
- “edit device” beside devices (better mobile usability - less modals)

---

<div class="post-metadata">

### Author: ![Eddy2909](https://forum.syncthing.net/user_avatar/forum.syncthing.net/eddy2909/32/2011_2.png) [@Eddy2909](https://forum.syncthing.net/u/Eddy2909)
#### Post date: [June 22, 2015, 12:39pm UTC](https://forum.syncthing.net/t/my-thoughts-for-a-gui-1-0-looking-for-a-frontend-developer/3002/26 "2015-06-22T12:39:13Z")

</div>

update 22.06. II (watch above)

- added settings, device edit & filesync-details to the right panel (better mobile usability - less modals)

---

<div class="post-metadata">

### Author: ![Eddy2909](https://forum.syncthing.net/user_avatar/forum.syncthing.net/eddy2909/32/2011_2.png) [@Eddy2909](https://forum.syncthing.net/u/Eddy2909)
#### Post date: [June 23, 2015, 2:52pm UTC](https://forum.syncthing.net/t/my-thoughts-for-a-gui-1-0-looking-for-a-frontend-developer/3002/27 "2015-06-23T14:52:18Z")

</div>

update 23.06. (watch above)

- added folder-settings (finally 😊 )

---

<div class="post-metadata">

### Author: ![josuah](https://forum.syncthing.net/user_avatar/forum.syncthing.net/josuah/32/850_2.png) [@josuah](https://forum.syncthing.net/u/josuah)
#### Post date: [June 24, 2015, 11:57am UTC](https://forum.syncthing.net/t/my-thoughts-for-a-gui-1-0-looking-for-a-frontend-developer/3002/28 "2015-06-24T11:57:54Z")

</div>

Hello !

All this is so appealing to me! I know it’s a WIP, but is there a way to “test” one of these UIs ? None of them seem too colorful for me.

---

<div class="post-metadata">

### Author: ![Eddy2909](https://forum.syncthing.net/user_avatar/forum.syncthing.net/eddy2909/32/2011_2.png) [@Eddy2909](https://forum.syncthing.net/u/Eddy2909)
#### Post date: [June 24, 2015, 12:12pm UTC](https://forum.syncthing.net/t/my-thoughts-for-a-gui-1-0-looking-for-a-frontend-developer/3002/29 "2015-06-24T12:12:07Z")

</div>

I would love to get it developed - but my html, js / angular and css knowledge are - let’s say - rusty 😄I’m still searching for a developer, who could code this piece of code 😊

---

<div class="post-metadata">

### Author: ![canton7](https://forum.syncthing.net/user_avatar/forum.syncthing.net/canton7/32/9528_2.png) [@canton7](https://forum.syncthing.net/u/canton7)
#### Post date: [June 24, 2015, 12:41pm UTC](https://forum.syncthing.net/t/my-thoughts-for-a-gui-1-0-looking-for-a-frontend-developer/3002/30 "2015-06-24T12:41:33Z")

</div>

> [@Eddy2909](#):
>
> I’m still searching for a geek, who could code this piece of code

Labelling potentially interested frontend developers as “geeks” probably won’t help your cause 😉

---

<div class="post-metadata">

### Author: ![Eddy2909](https://forum.syncthing.net/user_avatar/forum.syncthing.net/eddy2909/32/2011_2.png) [@Eddy2909](https://forum.syncthing.net/u/Eddy2909)
#### Post date: [June 24, 2015, 12:59pm UTC](https://forum.syncthing.net/t/my-thoughts-for-a-gui-1-0-looking-for-a-frontend-developer/3002/31 "2015-06-24T12:59:03Z")

</div>

oh \*\*\*\*\*\*\* 😨 just translated it into german… in german it’s not negativ to call someone a geek and to be honest I would call myself a junior geek (german version!!) too 😜in german geeks are technically minded people, who are always up-to-date using new technics… let’s say: I’m searching for a Pro to develop this for us 😊

---

<div class="post-metadata">

### Author: ![Eddy2909](https://forum.syncthing.net/user_avatar/forum.syncthing.net/eddy2909/32/2011_2.png) [@Eddy2909](https://forum.syncthing.net/u/Eddy2909)
#### Post date: [June 24, 2015, 2:55pm UTC](https://forum.syncthing.net/t/my-thoughts-for-a-gui-1-0-looking-for-a-frontend-developer/3002/33 "2015-06-24T14:55:02Z")

</div>

just opened up a rep:

> **[Eddy2909/GUI4syncthing](https://github.com/Eddy2909/GUI4syncthing)**
>
> this is a alternative GUI for syncthing (https://github.com/syncthing/syncthing)

Everyone is invited. It would take too long if I would do it (alone) - and the results would be 💩

---

<div class="post-metadata">

### Author: ![Eddy2909](https://forum.syncthing.net/user_avatar/forum.syncthing.net/eddy2909/32/2011_2.png) [@Eddy2909](https://forum.syncthing.net/u/Eddy2909)
#### Post date: [June 29, 2015, 3:49pm UTC](https://forum.syncthing.net/t/my-thoughts-for-a-gui-1-0-looking-for-a-frontend-developer/3002/34 "2015-06-29T15:49:54Z")

</div>

Update 29.06.15 _added “iPhone-like” switch / toggle buttons to:_

- folderview
- device-settings
- foldersettings

---

<div class="post-metadata">

### Author: ![canton7](https://forum.syncthing.net/user_avatar/forum.syncthing.net/canton7/32/9528_2.png) [@canton7](https://forum.syncthing.net/u/canton7)
#### Post date: [June 29, 2015, 3:58pm UTC](https://forum.syncthing.net/t/my-thoughts-for-a-gui-1-0-looking-for-a-frontend-developer/3002/35 "2015-06-29T15:58:14Z")

</div>

> [@Eddy2909](#):
>
> Update 29.06.15

Where do we find these updates?

---

<div class="post-metadata">

### Author: ![Eddy2909](https://forum.syncthing.net/user_avatar/forum.syncthing.net/eddy2909/32/2011_2.png) [@Eddy2909](https://forum.syncthing.net/u/Eddy2909)
#### Post date: [June 29, 2015, 4:06pm UTC](https://forum.syncthing.net/t/my-thoughts-for-a-gui-1-0-looking-for-a-frontend-developer/3002/36 "2015-06-29T16:06:19Z")

</div>

in the pics above 😌I always update the “old” pictures…

---

<div class="post-metadata">

### Author: ![canton7](https://forum.syncthing.net/user_avatar/forum.syncthing.net/canton7/32/9528_2.png) [@canton7](https://forum.syncthing.net/u/canton7)
#### Post date: [June 29, 2015, 4:08pm UTC](https://forum.syncthing.net/t/my-thoughts-for-a-gui-1-0-looking-for-a-frontend-developer/3002/37 "2015-06-29T16:08:24Z")

</div>

Ah. That wasn’t obvious.

---

<div class="post-metadata">

### Author: ![fti7](https://forum.syncthing.net/user_avatar/forum.syncthing.net/fti7/32/4350_2.png) [@fti7](https://forum.syncthing.net/u/fti7)
#### Post date: [June 30, 2015, 4:34pm UTC](https://forum.syncthing.net/t/my-thoughts-for-a-gui-1-0-looking-for-a-frontend-developer/3002/38 "2015-06-30T16:34:55Z")

</div>

I guess the Names below “Shared with” doesnt scale very well if there are too many Hosts (like 10 or so)

---

<div class="post-metadata">

### Author: ![Eddy2909](https://forum.syncthing.net/user_avatar/forum.syncthing.net/eddy2909/32/2011_2.png) [@Eddy2909](https://forum.syncthing.net/u/Eddy2909)
#### Post date: [June 30, 2015, 5:12pm UTC](https://forum.syncthing.net/t/my-thoughts-for-a-gui-1-0-looking-for-a-frontend-developer/3002/39 "2015-06-30T17:12:09Z")

</div>

yes I know - but I have no solution for this for now… coming soon 😉

---

<div class="post-metadata">

### Author: ![Eddy2909](https://forum.syncthing.net/user_avatar/forum.syncthing.net/eddy2909/32/2011_2.png) [@Eddy2909](https://forum.syncthing.net/u/Eddy2909)
#### Post date: [July 6, 2015, 10:55am UTC](https://forum.syncthing.net/t/my-thoughts-for-a-gui-1-0-looking-for-a-frontend-developer/3002/40 "2015-07-06T10:55:46Z")

</div>

Update 06.07.2015 (see pics above)

- added “advanced” settings (button)
- added android contact-like identicons to folderview (thanks to @fti7)
- fixed settings view

---

<div class="post-metadata">

### Author: ![canton7](https://forum.syncthing.net/user_avatar/forum.syncthing.net/canton7/32/9528_2.png) [@canton7](https://forum.syncthing.net/u/canton7)
#### Post date: [July 6, 2015, 11:23am UTC](https://forum.syncthing.net/t/my-thoughts-for-a-gui-1-0-looking-for-a-frontend-developer/3002/41 "2015-07-06T11:23:42Z")

</div>

Random thoughts:

- I don’t like the drop-downs for adding new folders/devices. Since there are only 2 options available, why not have 2 buttons?
- The network graph takes up a huge area of the screen, by comparison with everything else
- The ‘Action -\> copy to clipboard’ on the Device ID seems a bit pointless. Why not just have a button to copy straight to clipboard?
- The Reused/Copied from original/Downloading/etc colours on the ‘Sync-Details’ page are too similar. People with forms of color blindness especially are going to hate you here, but as a color-seeing person I have to keep cross-referencing the colors against the key.
- The ‘restart needed!’ dialog is going to get annoying. Fast. What if you want to change a bunch of settings, then restart once afterwards? You’re going to have to click ‘later’ a bunch of times, and it’s going to piss you off.
- Why is there a ‘GUI Authentication User’ under ‘Folder-Settings’?
- Some numeric boxes have little \< and \> arrows, but others don’t.
- The icon you’ve used for the Syncthing version means ‘fork’, not ‘version’
- The options to shut down / reboot Syncthing are really hidden.
- I’m not a fan of the toggle buttons

[Previous page](https://forum.syncthing.net/t/my-thoughts-for-a-gui-1-0-looking-for-a-frontend-developer/3002.md?page=1)

[Next page](https://forum.syncthing.net/t/my-thoughts-for-a-gui-1-0-looking-for-a-frontend-developer/3002.md?page=3)
