Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Looking for help with ui/ux/design #421

hovancik opened this issue Jun 30, 2019 · 5 comments


Copy link

@hovancik hovancik commented Jun 30, 2019

Hi all,

I am looking for help with design/ux/ui of stretchly.

stretchly was always the app I made for myself, and while I tried to make it look nice and all, there's a lot of room for improvement.


  1. due to different bugs in electron, tray hover behaves differently on different platforms, and right now correctly works only in windows

Screen Shot 2019-06-30 at 11 57 18

  1. tray menu could use some reorganisation (probably)

Screen Shot 2019-06-30 at 11 58 35

  1. a lot of people don't understand how break settings work

Screen Shot 2019-06-30 at 12 01 07

  1. in fact all 3 sections of settings could use a reorganisation to make them more understandable

  2. differenced between high and low dpi screens

  3. Elements like buttons, links etc doesn't look like they should

  4. and more probably


I think stretchly needs overall redesign and some deep thought about what should be where and how to communicate settings and so on.

For example for tray, I was thinking it could be redesigned to use window instead of menu, similar how other apps do it (to use instead of tray hover and tray menu):
Screen Shot 2019-06-30 at 12 14 49
Screen Shot 2019-06-30 at 12 16 31

All screens would need to be redesign, and some special thought given to organisation of settings

There's a lot of functionalities on tray and on settings and I'm not good with design so if anyone is willing to help, that would be awesome. This could lead to stretchly version 1.0

If you are a ui/ux person or know someone who is and is using stretchly, let them know.



This comment has been minimized.

Copy link

@decadent decadent commented Jul 1, 2019

For the ‘next break’ indication, one option on Mac that I personally like is to put it in the dock icon. AntiRSI does that superbly. The two arcs indicate time to the break and the microbreak:


Since icons in the Mac dock are rather compact compared to Windows' taskbar panels, this doesn't take too much space—but is still legible.

Drawing the dock icon is pretty easy in Electron, and I can share a very similar piece of code from another app of mine. However, such animations in Electron do use some CPU—a handful of percents on lower-end machines but still noticeable.


This comment has been minimized.

Copy link

@cpshanley cpshanley commented Jul 15, 2019

Happy to help out. I've run a design practice in central London for donkey's years. I've sent you an email. Cheers, Colin.


This comment has been minimized.

Copy link

@mfyz mfyz commented Aug 18, 2019

Hi @hovancik @cpshanley what's the status of your engagement? We are also a small team that we already internally put dozen of tweaks, some visual tweaks. I'm in the process to create each one of these tweaks as PRs coming your way @hovancik.

On the design side, we also love to contribute together aside with @cpshanley or if it's stalled, we can take over as well.


This comment has been minimized.

Copy link
Owner Author

@hovancik hovancik commented Aug 26, 2019

Hi @mfyz we are slowly making progress through the screens! I was on holidays but I am now back.


This comment has been minimized.

Copy link

@mfyz mfyz commented Aug 26, 2019

Awesome @hovancik, let us know if you guys need any help. My team is enthusiastic to help you on the design front.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
None yet
4 participants
You can’t perform that action at this time.