TE
TechEcho
Home24h TopNewestBestAskShowJobs
GitHubTwitter
Home

TechEcho

A tech news platform built with Next.js, providing global tech news and discussions.

GitHubTwitter

Home

HomeNewestBestAskShowJobs

Resources

HackerNews APIOriginal HackerNewsNext.js

© 2025 TechEcho. All rights reserved.

Semantic Zoom

191 pointsby bpierreover 1 year ago

24 comments

baliexover 1 year ago
This reminds me of Jef Raskin’s humane interface: <a href="https:&#x2F;&#x2F;en.wikipedia.org&#x2F;wiki&#x2F;The_Humane_Interface" rel="nofollow noreferrer">https:&#x2F;&#x2F;en.wikipedia.org&#x2F;wiki&#x2F;The_Humane_Interface</a><p>Edit: more specifically, Archy: <a href="https:&#x2F;&#x2F;en.wikipedia.org&#x2F;wiki&#x2F;Archy_(software)" rel="nofollow noreferrer">https:&#x2F;&#x2F;en.wikipedia.org&#x2F;wiki&#x2F;Archy_(software)</a> which has its roots in the “Zoomable user interfaces in scaleable vector graphics” paper (which I can’t find a working link for right now)
评论 #37366147 未加载
评论 #37366875 未加载
评论 #37374015 未加载
skrebbelover 1 year ago
I have a touchscreen laptop. I love it, but UIs like these would make me love it even more. Having information detail literally at your fingertips sounds amazing.<p>This seems like such a sensible idea to me, it makes me wonder why it isn’t commonplace yet. I hope it will be!
评论 #37363562 未加载
评论 #37362556 未加载
perilunarover 1 year ago
Digital timelines are typically zoomable interfaces, though usually only in one dimension. I built one that scales 300+ orders of magnitude: <a href="http:&#x2F;&#x2F;www.timepasses.net&#x2F;" rel="nofollow noreferrer">http:&#x2F;&#x2F;www.timepasses.net&#x2F;</a>
pphyschover 1 year ago
&quot;Semantic zoom&quot; is a strange phrase because neither of those words describe what is happening (in this article). Note that the demos mostly involve clicking rather than wheel&#x2F;zoom gestures.<p>The semantics of regular zoom are clear: scale+translate the viewport.<p>The semantics of &quot;semantic&quot; &quot;zoom&quot; are undefined. It&#x27;s really just a smooth UI transition between different views. Those views could be anything, and the transition could be anything. So it&#x27;s not really clear where &quot;zoom&quot; comes into this, aren&#x27;t we just talking broadly about nice interactive UI transitions?<p>Sure, perhaps there is latent design space in using the mouse wheel &#x2F; zoom gesture to navigate flat GUIs, but what is the accessibility story there?
评论 #37398001 未加载
intrasightover 1 year ago
I think semantic zoom will play an important role with AR&#x2F;VR. The physical world has a lot of opportunities to zoom with overlayed semantic info.
NelsonMinarover 1 year ago
I&#x27;ve often thought it was time to pick up Ben Bederson&#x27;s work on Pad++ again, now that we have such great UI and hardware for zooming in interfaces. Here&#x27;s a late-90s video of it in action: <a href="https:&#x2F;&#x2F;www.youtube.com&#x2F;watch?v=BlIRYTuSv0Q">https:&#x2F;&#x2F;www.youtube.com&#x2F;watch?v=BlIRYTuSv0Q</a>
评论 #37366943 未加载
lampiaioover 1 year ago
Looks great for use as a movie UI. For me, in real life that would be an unpredictable nightmare.
globular-toastover 1 year ago
Anyone remember eagle mode: <a href="https:&#x2F;&#x2F;sourceforge.net&#x2F;projects&#x2F;eaglemode&#x2F;" rel="nofollow noreferrer">https:&#x2F;&#x2F;sourceforge.net&#x2F;projects&#x2F;eaglemode&#x2F;</a> I remember playing with this in Windows XP days (perhaps even earlier). I think a lot of people assumed the window paradigm would eventually evolve, but it hasn&#x27;t really.
Veuxdoover 1 year ago
I&#x27;m trying to do something very similar (if not exactly the same) to semantic zoom with architecture diagrams [0]. It&#x27;s of course <i>much</i> simpler when the components are view-only and have a fixed UI. An entire design system for any kind of desktop&#x2F;tablet app would be amazing.<p>[0] <a href="https:&#x2F;&#x2F;twitter.com&#x2F;ilographs&#x2F;status&#x2F;1651011570330206209?t=a-htIY_b28zNOCtbL8qLqQ&amp;s=19" rel="nofollow noreferrer">https:&#x2F;&#x2F;twitter.com&#x2F;ilographs&#x2F;status&#x2F;1651011570330206209?t=a...</a>
评论 #37364104 未加载
评论 #37361818 未加载
评论 #37364874 未加载
fuzzistover 1 year ago
Smalltalk solved this problem and many others a very long time ago but we are stuck with Unix and its variations. A live computational environment that can be molded by the individual for their own use cases was not commercially successful and so Smalltalk is now relegated to the dustbin of computing history instead of being the main paradigm for computer interaction[1].<p>1: <a href="https:&#x2F;&#x2F;lively-kernel.org&#x2F;" rel="nofollow noreferrer">https:&#x2F;&#x2F;lively-kernel.org&#x2F;</a>
评论 #37371311 未加载
ballenfover 1 year ago
Anyone remember the photo viewer from 10+ years ago that started with a tiled view of every photo and you zoomed in kind of organically to what you wanted? At the time it was revolutionary to me. Kind of in the Picasa era or earlier. I believe it was shareware or freeware and might have been Java-based.<p>And I&#x27;d love help with a search query. Can&#x27;t figure out the right words to avoid links about restoring old photos, or details of various MS Photos applications over the years.
评论 #37361662 未加载
评论 #37361570 未加载
评论 #37361854 未加载
评论 #37361565 未加载
评论 #37361560 未加载
评论 #37368329 未加载
a1oover 1 year ago
I prefer predictable zoom. Because this will make it&#x27;s way in desktop apps and having a bigger monitor will not give me more screenspace.
评论 #37361791 未加载
g0xA52A2Aover 1 year ago
The general athesetic reminds me of the design concept &quot;Mercury OS&quot;.<p><a href="https:&#x2F;&#x2F;uxdesign.cc&#x2F;introducing-mercury-os-f4de45a04289" rel="nofollow noreferrer">https:&#x2F;&#x2F;uxdesign.cc&#x2F;introducing-mercury-os-f4de45a04289</a>
carapaceover 1 year ago
I think you need a <i>grammar</i> of gestures. Without that you can&#x27;t really replace CLI or GUI (or the new talking interfaces.)<p>Sign language is a language.
montroserover 1 year ago
This is hard to get right, but awesomely powerful when it works. The only collaborative whiteboard I&#x27;ve seen do this well is Plectica[0]. It has its other quirks but nails this part nicely.<p>[0]: <a href="https:&#x2F;&#x2F;beta.plectica.com" rel="nofollow noreferrer">https:&#x2F;&#x2F;beta.plectica.com</a>
User23over 1 year ago
I really just want a 200ish dpi monitor that’s the size of a full wall whiteboard. Say something like 10 feet tall and 20 feet long. Touchscreen of course, but with alternate inputs too.
fb03over 1 year ago
<a href="https:&#x2F;&#x2F;en.wikipedia.org&#x2F;wiki&#x2F;Zooming_user_interface" rel="nofollow noreferrer">https:&#x2F;&#x2F;en.wikipedia.org&#x2F;wiki&#x2F;Zooming_user_interface</a>
UltimateEdgeover 1 year ago
The examples on this blog are really quite neat. Can I download the software being shown, or are these just recordings of the author&#x27;s private experiments?
LinAGKarover 1 year ago
That&#x27;s not zoom, that&#x27;s just resizing the window. Instead of making things bigger when you try to zoom, it just adds more things.
zagrebianover 1 year ago
This is possible on the web with the Visual Viewport API.
wahnfriedenover 1 year ago
Watching the videos before reading the text, was a series of baffling surprises
评论 #37361529 未加载
the_gipsyover 1 year ago
This always looks amazing in the showcase video where the user does the expected gestures. But when you use it in real life, you want to kill yourself.
评论 #37364876 未加载
nottheengineerover 1 year ago
While it&#x27;s nice to imagine what this could be used for, it just looks like frontend dev hell with so many moving parts.
评论 #37364870 未加载
kajaktumover 1 year ago
This looks good but will come out horrible in practice:<p>1. This requires so much thought to implement and I don&#x27;t think the average UX team can implement it. A half ass implementation of this will probably be worse than a simple page with hyperlinks.<p>2. This requires so much thought that each implementation will naturally diverge and so the user have to deal with hundreds of different unique and horrible UX.<p>From the example, when the app zooms into the &quot;pace&quot; page, how do I go back to the summary?
评论 #37363792 未加载