Hacker News new | past | comments | ask | show | jobs | submit login
Show HN: A smarthome dashboard concept using zircle-ui (github.com/zircleui)
90 points by tinchox5 on Aug 30, 2018 | hide | past | favorite | 21 comments



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.



thanks! There's some really cool examples in that subreddit.


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).


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.


Almost all ha devices use zigbe/zwave. You only need node in main ui, not a big problem


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


That's pretty dang neato. Thanks for the link.


[flagged]


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/newsguidelines.html


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).

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.


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.


Thank you for your feedback! Could you inform this issue on https://github.com/zircleUI/smarthome-tutorial? It would be great if you can provide some screenshot as well :)


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)


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.


I was thinking, why not a round red plain old back button reading BACK?


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!!


I like the way it is now.


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


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


Great UI!


Awesome job Juan!




Join us for AI Startup School this June 16-17 in San Francisco!

Guidelines | FAQ | Lists | API | Security | Legal | Apply to YC | Contact

Search: