5 ms·

Show HN: A smarthome dashboard concept using zircle-ui

90 points by tinchox5 8y ago

guillebot 8y ago
Great UI!
mahesh_rm 8y ago
Very great concept. Will play around with it. Demo wise: I find it a little difficult to navigate back, especially from mobile devices. How a back UI could be optimally added to zoom based interfaces? (Something other than arrow keys)
- tinchox5 8y ago
  Thank you! As default you can go back by touching outside the main view, but it could be great to add touch gestures like swipe left for example.
  - mahesh_rm 8y ago
    I was thinking, why not a round red plain old back button reading BACK?
    - tinchox5 8y ago
      Yes that could be added as well :) But at this point I think that may be better that the developer creates a custom back button. If it is enabled by zircle the button's position could be overlaped by another custom z-spot. Having said that, I think there is room for further optimizations regarding zircle-ui. I truly appreciated your views!!
  - usermac 8y ago
    I like the way it is now.
0xferruccio 8y ago
Awesome job Juan!
usermac 8y ago
Now this is a great UI. Thank you for showing this.
gm-conspiracy 8y ago
So, this totally reminds me of the gabocorp.com Flash website UI/UX from like 1998ish.
tinchox5 8y ago
This concept offers a different approach to the home-automation UIs. It is not a real working app, but the result of a tutorial to learn how to use zircle-ui, which is the library used in this example (https://github.com/zircleUI/zircleUI https://github.com/zircleUI/zircleUI). I think that anyone with some experience working with home-assistant and/or openHAB UIs, may use this dashboard as a starting point to create a real app.
- ObsoleteNerd 8y ago
  It does some funky things in Firefox on Android, fwiw. Touching any buttons tries to "select" them like selecting text to copy/paste, then when the animation is done playing, you're stuck with the Copy/Paste popup menu still open. I love the design though. I'm trying to pick how I want to put my DIY home automation system together right now, and this is going straight to the top of the list for the UI.
  - tinchox5 8y ago
    Thank you for your feedback! Could you inform this issue on https://github.com/zircleUI/smarthome-tutorial https://github.com/zircleUI/smarthome-tutorial? It would be great if you can provide some screenshot as well :)
mromanuk 8y ago
@tinchox5, you should show the demo, which I found it, quite impressive https://codesandbox.io/embed/23wlzq4l1r?hidenavigation=1&view=preview https://codesandbox.io/embed/23wlzq4l1r?hidenavigation=1&vie... edit: typo
- SquareWheel 8y ago
  That's pretty dang neato. Thanks for the link.
- dvh 8y ago
  Slow. Can't navigate back. Looking at map through circular keyhole is truly retarded. Worst UI I've seen in a while.
  - deleted 8y ago
    [deleted]
  - dang 8y ago
    It's unacceptable to be a jerk anywhere on HN, but especially in Show HN threads. Please read the rules and follow them from now on. We ban accounts that won't. https://news.ycombinator.com/showhn.html https://news.ycombinator.com/showhn.html https://news.ycombinator.com/newsguidelines.html https://news.ycombinator.com/newsguidelines.html
beaconstudios 8y ago
I love zoomable UIs - something about these niche UI controls is just really cool. It's like a movie or game UI feature. Does anyone know of any collections of unusual/exotic UI controls? I always like to take inspiration from unique ways developers enable their users to browse and update their apps intuitively even if the data or structures you're working with are odd.
- Fnoord 8y ago
  Feels very intuitive, the trick is to still be readable from a distance while the UI is not being used. The elephant in the room is npm/Node on IoT devices (security, performance, and due to performance: cost of hardware).
  - superice 8y ago
    Not at all. Raspberry Pi-like hardware can run Node perfectly fine. A startup I used to work at had hardware specs comparable to a Pi, but was running multiple user apps in separate processes, weighing in at over 20MiB of memory each before you even had the user code running. This ran fine up until 20 user apps or so, since the device had 512MiB of RAM on board. Ontopic: this is some very cool UI work! It is very hard to unite the desire of loads of cool features (it is a smart home after all!) with a simple and intuitive user interface.
  - tehlike 8y ago
    Almost all ha devices use zigbe/zwave. You only need node in main ui, not a big problem
- petepete 8y ago
  https://www.reddit.com/r/fui https://www.reddit.com/r/fui
  - beaconstudios 8y ago
    thanks! There's some really cool examples in that subreddit.

90 points by tinchox5 8y ago

Great UI!

Very great concept. Will play around with it. Demo wise: I find it a little difficult to navigate back, especially from mobile devices. How a back UI could be optimally added to zoom based interfaces? (Something other than arrow keys)

tinchox5 8y ago
Thank you! As default you can go back by touching outside the main view, but it could be great to add touch gestures like swipe left for example.
- mahesh_rm 8y ago
  I was thinking, why not a round red plain old back button reading BACK?
  - tinchox5 8y ago
    Yes that could be added as well :) But at this point I think that may be better that the developer creates a custom back button. If it is enabled by zircle the button's position could be overlaped by another custom z-spot. Having said that, I think there is room for further optimizations regarding zircle-ui. I truly appreciated your views!!
- usermac 8y ago
  I like the way it is now.

0xferruccio 8y ago

Awesome job Juan!

usermac 8y ago

Now this is a great UI. Thank you for showing this.

gm-conspiracy 8y ago

So, this totally reminds me of the gabocorp.com Flash website UI/UX from like 1998ish.

tinchox5 8y ago

This concept offers a different approach to the home-automation UIs. It is not a real working app, but the result of a tutorial to learn how to use zircle-ui, which is the library used in this example (https://github.com/zircleUI/zircleUI https://github.com/zircleUI/zircleUI). I think that anyone with some experience working with home-assistant and/or openHAB UIs, may use this dashboard as a starting point to create a real app.

ObsoleteNerd 8y ago
It does some funky things in Firefox on Android, fwiw. Touching any buttons tries to "select" them like selecting text to copy/paste, then when the animation is done playing, you're stuck with the Copy/Paste popup menu still open. I love the design though. I'm trying to pick how I want to put my DIY home automation system together right now, and this is going straight to the top of the list for the UI.
- tinchox5 8y ago
  Thank you for your feedback! Could you inform this issue on https://github.com/zircleUI/smarthome-tutorial https://github.com/zircleUI/smarthome-tutorial? It would be great if you can provide some screenshot as well :)

mromanuk 8y ago

@tinchox5, you should show the demo, which I found it, quite impressive https://codesandbox.io/embed/23wlzq4l1r?hidenavigation=1&view=preview https://codesandbox.io/embed/23wlzq4l1r?hidenavigation=1&vie... edit: typo

SquareWheel 8y ago
That's pretty dang neato. Thanks for the link.
dvh 8y ago
Slow. Can't navigate back. Looking at map through circular keyhole is truly retarded. Worst UI I've seen in a while.
- deleted 8y ago
  [deleted]
- dang 8y ago
  It's unacceptable to be a jerk anywhere on HN, but especially in Show HN threads. Please read the rules and follow them from now on. We ban accounts that won't. https://news.ycombinator.com/showhn.html https://news.ycombinator.com/showhn.html https://news.ycombinator.com/newsguidelines.html https://news.ycombinator.com/newsguidelines.html

beaconstudios 8y ago

I love zoomable UIs - something about these niche UI controls is just really cool. It's like a movie or game UI feature. Does anyone know of any collections of unusual/exotic UI controls? I always like to take inspiration from unique ways developers enable their users to browse and update their apps intuitively even if the data or structures you're working with are odd.

Fnoord 8y ago
Feels very intuitive, the trick is to still be readable from a distance while the UI is not being used. The elephant in the room is npm/Node on IoT devices (security, performance, and due to performance: cost of hardware).
- superice 8y ago
  Not at all. Raspberry Pi-like hardware can run Node perfectly fine. A startup I used to work at had hardware specs comparable to a Pi, but was running multiple user apps in separate processes, weighing in at over 20MiB of memory each before you even had the user code running. This ran fine up until 20 user apps or so, since the device had 512MiB of RAM on board. Ontopic: this is some very cool UI work! It is very hard to unite the desire of loads of cool features (it is a smart home after all!) with a simple and intuitive user interface.
- tehlike 8y ago
  Almost all ha devices use zigbe/zwave. You only need node in main ui, not a big problem
petepete 8y ago
https://www.reddit.com/r/fui https://www.reddit.com/r/fui
- beaconstudios 8y ago
  thanks! There's some really cool examples in that subreddit.