tags: user-interface, graph-visualization, zooming-elements-based, parent-children-orbiting, fractal-structure-inspired
Would you like to bring a touch of adventurous spirit to your contents? Presenting your contents, FlakeUI does things a bit differently. As an original graph content navigating environment, it provides unusual experience in discovering information among your content selection. Possible applications are surely endless, and they are waiting to be discovered by that awesome child of creativity in you.
FlakeUI is a fractal-structure inspired, parent-child orbiting, and zooming-elements based graph user i
16 Comments
alwa
It reminds me of the glory days when “hypertext” was a term uttered with a straight face to great stroking of beards—HyperCard, exercises in nonlinear narrative, VRML-based “navigation,” Apple eWorld [0] and the like.
> Would you like to bring a touch of adventurous spirit to your contents?
I personally would not, but I’m really glad people more adventurous than I are still exploring the periphery of UI design!
[0] https://www.macworld.com/article/223467/remembering-eworld-a…
drops
a brilliant idea in the correct direction of naturally-organic UI, but the example site is rather slow in Chrome on an M3 Air
anorak27
Reminds me of prezi[0]. It would be great if there is an open source version of prezi similar to reveal js.
[0] https://prezi.com/p/p6evz0gdy5dr/ux-design-tips-for-product-…
unalarmed
I'd like to suggest adding support for clicking and tapping for navigation. Having to drag feels unintuitive.
mindcrime
I really like this. And conveniently, I am just now working on creating a new personal website[1] + blog, and I could very well see using this for at least part of the site I'm building.
The only nit that I really have is that my intuition was that I'd be able to select new "sections" (or "bubbles" or whatever they're called) by clicking or double clicking. Having to grab and drag isn't bad but it violated the "principle of least surprise" for me a little bit. But not exactly a big deal.
[1]: https://www.philliprhodes.name
TechDebtDevin
Nice!
threekindwords
are you aware of this prior implementation [0]? it's now defunct, but may give you some ideas!
[0] http://www.spicynodes.org
remon
There's a significant performance issue. There's no good reason for a few ovals and texts to stutter on my system. May be worth investigating.
kstrauser
Make it themeable like Gabocorp[0] and the world will beat a path to your door.
[0]https://www.webdesignmuseum.org/gallery/gabocorp-1997
QRe
Kudos for building something new, fresh & exploring, experimenting.
I don't see a scenario where this would be useful. It reminds me of exploded-view drawing but I don't see this being useful for textual content. Do you have an explicit use case? The example page, to me, looks very cluttered, overwhelming and IMO aesthetically unpleasing when reading on a mobile device.
runoisenze
Nice work. I wonder how the experience would be in VR.
settsu
This reminds me of the time a few years ago when mind mapping sites and apps exploded into popularity among the… "technorati" and sort of slightly seep into the wider online awareness but then seemingly, just as quickly, disappear into the background noise of the internet (I'm terminally online to a degree, especially when it comes to tech news—and have a pretty decent general awareness of pop culture trends—and can't recall having seen the topic referenced since the trend faded. But perhaps I'm just not in the right circles?)
lacoolj
Seems to be a navigational flaw here – you can't get to any of the intermediate "sections" without manually going back one by one (other than "Home" to get to the absolute top)
Otherwise, this is pretty cool and would be great for one-way traversing (maybe a quiz/test would do well here)
einpoklum
I tried the example site. The way this notion is implemented right now, I don't see a benefit. One can barely see anything in the nodes other than the main one; nor can one distinguish them. TBH, even a tree of notes with titles, with collapse/expand controls, would probably have been more useful in emphasizing what FlakeUI offers.
Verdict: thumb down.
But – perhaps the example is only partial and perhaps this will develop into something more meaningful.
chris_pie
This is very similar to the idea of Zooming User Interfaces (ZUI) https://en.m.wikipedia.org/wiki/Zooming_user_interface
waingake
Have you seen / did you create this series on youtube? The final video lands on something very similar to this. https://youtube.com/playlist?list=PLsfH1Ahi4SzE-QmrsrtyZubGm…