#User Interface Design | Dr. Georg Hackenberg

Top-down architectural blueprint on a pine timber desk in Grünau im Almtal illustrating concentric elliptical envelope curves and center-heavy pendulum bin-packing of tag pills

Oct 17, 2026•13 min read

2D Elliptical Bin-Packing for Responsive DOM Tag Clouds

How we engineered a deterministic 2D elliptical bin-packing layout engine in TypeScript that shapes interactive DOM tag clouds with zero layout shift.

#web-development #typescript #optimization #data-visualization #ux-design #user-interface #performance #astro

Dr. Georg Hackenberg analysiert am Ultrawide-Monitor im Almtal Home Office die zeilenexakte TreeWalker-Textkontur und das 2D-Signed-Distance-Field-Punktraster

Oct 14, 2026•14 min read

Zeilenexakte Text-Geometrie & 2D-SDF-Gitter mit TreeWalker im Hero-Layout

Wie wir mit TreeWalker, Range.getClientRects() und 2D Signed Distance Fields (Quilez smin) ein kollisionsfreies Hero-Layout mit 60 FPS Canvas-Batching bauten.

#web-development #typescript #javascript #computer-graphics #ux-design #user-interface #performance #optimization #astro #software-architecture

Sep 15, 2026•9 min read

Building a Dynamic Parallax Content Gallery: Kinematics, Zero-Duplication Pooling, and LRU History Tracking

How we engineered a living 3-tier parallax content gallery in Astro and TypeScript featuring optical motion kinematics, zero on-screen duplication, and a two-factor probabilistic selection engine powered by localStorage LRU history tracking.

#web-development #astro #typescript #localstorage #ux-design #user-interface #software-architecture

Open WebUI: Mensch-Maschine-Schnittstelle und kollaborative Kontrollzentrale für das souveräne KI-Ökosystem

Sep 8, 2026•14 min read

Architektur und Funktionsweise von Open WebUI: Entkoppelte Human-in-the-Loop Orchestrierung, In-Process Functions, hybrides RAG und Enterprise Governance

Eine softwaretechnische Tiefenanalyse von Open WebUI: Wie die Entkopplung von SvelteKit und FastAPI echte Multi-Model-Souveränität schafft, warum In-Process Functions externe Pipelines ablösen, wie hybrides RAG mit BM25 und Cross-Encoder Präzision garantiert und welche Rolle die Plattform in Lehre, Forschung und Unternehmen einnimmt.

#open-webui #agentic-ai #artificial-intelligence #enterprise-ai #keycloak #local-ai #open-source #rag #software-architecture #user-interface #ux-design #vllm

Now, that zumida has emerged into a mature platform, it is time to present the first public video. See zumida in action, from registration to content creation a...

Mar 4, 2017•1 min read

A new zumida video is out on YouTube!

Now, that zumida has emerged into a mature platform, it is time to present the first public video. See zumida in action, from registration to content creation a...

#data-visualization #hyperkit-software #knowledge-management #user-interface #youtube-video #zumida

Dec 28, 2016•2 min read

Explaining the new zumida dashboard

Recently I have been working on the zumida dashboard. The dasboard provides an overview of the information managed with zumida. From there you can dive into the...

#data-visualization #hyperkit-software #knowledge-management #user-interface #ux-design #zumida

Sep 27, 2016•2 min read

The new zumida user interface revealed!

Some time ago I started working on a new version of zumida, a software for knowledge management, communication, and presentation. Today, I want to share two scr...

#data-visualization #hyperkit-software #knowledge-management #user-interface #ux-design #zumida

The MaCon approach covers a wide range of engineering tasks for manufacturing systems, from requirements analysis, to system design, to component and system tes...

Dec 16, 2015•1 min read

A complete MaCon project in 4:30 minutes

The MaCon approach covers a wide range of engineering tasks for manufacturing systems, from requirements analysis, to system design, to component and system tes...

#manufacturing-engineering #manufacturing-systems #mechatronic-systems #systems-engineering #user-interface #youtube-video

In the last days, I prepared a YouTube video demonstrating MaCon: A tool for consistent cross-discipline conception of manufacturing systems. The video explains...

Dec 1, 2015•1 min read

MaCon YouTube Video

In the last days, I prepared a YouTube video demonstrating MaCon: A tool for consistent cross-discipline conception of manufacturing systems. The video explains...

#manufacturing-engineering #manufacturing-systems #mechatronic-systems #systems-engineering #user-interface #youtube-video

Sep 22, 2015•2 min read

First mechatronics engineering workbench screenshots!

After three years of work I am happy to show you the first screenshots of the mechatronics engineering workbench. The workbench represents the core of my disser...

#manufacturing-engineering #mechatronic-systems #systems-engineering #user-interface

Jul 19, 2015•1 min read

zumida goes online!

I am happy to announce the launch of www.zumida.com! We invented zumida to revolutionize corporate and public knowledge exploration. Check it out and give us fe...

#hyperkit-software #zumida #knowledge-management #data-visualization #user-interface

Feb 18, 2013•1 min read

Model Visualization for Windows and Android

As part of our virtual smart grid testbed lab we have been working on an interactive visualization for our models including their structure and behavior. Here a...

#data-visualization #energy-systems #simulation #user-interface

Apr 11, 2012•1 min read

Introducing Timeline Navigation and Facebook Like

To improve the usability of my blog I worked on two new features: (1) The timeline navigation and (2) the Facebook like button. When reading an article, the tim...

#blog #user-interface #ux-design #web-development

Due to the overwhelming response from the research community over the past 2 years I decided to put online my Master Thesis written at Fraunhofer FIT. I hope my...

Mar 14, 2012•2 min read

3D Multi-Touch Master Thesis

Due to the overwhelming response from the research community over the past 2 years I decided to put online my Master Thesis written at Fraunhofer FIT. I hope my...

#motion-capture #gesture-recognition #computer-vision #user-interface

Jan 4, 2012•1 min read

JavaScript/SVG Tag Graph Interface

Here's another interface in the series of JavaScript/SVG interactive respectively animated prototypes: The tag graph. The idea is to display the article tags as...

#blog #data-visualization #hyperkit-software #javascript #knowledge-graphs #user-interface #zumida

Jul 28, 2011•1 min read

Official 3D Multi-Touch Websites

Recently, two websites went online about the 3D multi-touch prototype that I developed during my Master thesis at Fraunhofer FIT. They serve as the public hub f...

#motion-capture #gesture-recognition #computer-vision #user-interface

Some time ago I was working on free hand 3D gesture interfaces similar to Microsoft Kinect. What this work essentially means is collecting digital camera images...

Jul 13, 2011•4 min read

3D Multi-Touch with Computer Vision

Some time ago I was working on free hand 3D gesture interfaces similar to Microsoft Kinect. What this work essentially means is collecting digital camera images...

#motion-capture #gesture-recognition #computer-vision #user-interface

Jul 3, 2011•1 min read

Fraunhofer Prize Award 2011

After finishing graduate classes at RWTH Aachen University I decided to go to Fraunhofer FIT, a non-profit R&D organization at the interface between science...

#award #motion-capture #gesture-recognition #user-interface #computer-vision

Jun 29, 2011•1 min read

Blog Cover Interface

In the previous post I demonstrated Animated Article Tiles, a new type of interface for blogs. One problem people had using the interface was that the images/ti...

#blog #data-visualization #user-interface

Jun 28, 2011•1 min read

Animated Article Tiles

In my previous posts Blog Calender Interface and Blog Timeline Widget I demonstrated how to use the time information to build navigation controls for blogs. In ...

#blog #data-visualization #user-interface

Jun 27, 2011•1 min read

Blog Calendar Interface

In my last post Blog Timeline Widget I demonstrated how to provide a timeline for navigating your blog posts. In this article I show a modified version of the i...

#blog #data-visualization #user-interface

Jun 26, 2011•1 min read

Blog Timeline Widget

The main purpose of a blog is to provide access to articles (HTML documents) organized by date. To reflect this idea I designed a timeline that visualizes the t...

#blog #data-visualization #user-interface #youtube-video

Jun 21, 2011•2 min read

Interactive Animated Sitemap

Last summer I had the chance to develop an innovative sitemap widget for the company Le-Tex, which was intended for use at the international book fair in Frankf...

#hyperkit-software #zumida #knowledge-management #data-visualization #user-interface #youtube-video

In a previous article The Evolution of a Functional Prototype I demonstrated how to transform sketches into prototypes backed by database content and applicatio...

Jun 15, 2011•2 min read

From Layout to Animation

In a previous article The Evolution of a Functional Prototype I demonstrated how to transform sketches into prototypes backed by database content and applicatio...

#blog #drawing #user-interface #ux-design #youtube-video

Jun 10, 2011•4 min read

The Evolution of a Functional Prototype

In a previous article From Sketch to Prototype I illustrated the change from fuzzy whiteboard sketches to more structured and formal HTML prototypes. In this ar...

#blog #drawing #product-design #user-interface #ux-design

Jun 8, 2011•3 min read

Comparing Interface Design Options

Developing graphical user interfaces requires us to develop visual representations of information and controls. My previous article, From Sketch to Prototype, e...

#drawing #human-computer-interaction #user-interface #ux-design

Jun 5, 2011•4 min read

From Sketch to Prototype

I have been long thinking how to reorganize my website to migrate from a pure blogging system to a more complete personal portfolio while keeping an original bu...

#blog #user-interface #drawing

Beginning of this week the research group I currently work at was going onto a two day seminar trip onto the country side south of Munich. Since we are a very l...

Apr 20, 2011•1 min read

Research Group Seminar Winter 2011

Beginning of this week the research group I currently work at was going onto a two day seminar trip onto the country side south of Munich. Since we are a very l...

#motion-capture #gesture-recognition #computer-vision #user-interface #slideshare-presentation

Mar 23, 2011•2 min read

IEEE VR 2011 in Singapore

Last week I went to Singapore to present the results of my Master thesis at IEEE VR 2011, one of the world's most prestigeous virtual reality conferences. It wa...

#conference #slideshare-presentation #motion-capture #gesture-recognition #computer-vision #user-interface

Jan 26, 2011•2 min read

3D Multi-Touch Product Vision

As you might know I was developing a prototype for 3D multi-touch interaction during my Master thesis at Fraunhofer FIT. Lately I had the chance to talk with a ...

#drawing #motion-capture #gesture-recognition #computer-vision #user-interface

After being online with the original layout and navigation concept for almost two years it was time for some central improvements. Among others the RSS feeds ha...

Jan 18, 2011•1 min read

Improved Website Usability!

After being online with the original layout and navigation concept for almost two years it was time for some central improvements. Among others the RSS feeds ha...

#blog #human-computer-interaction #user-interface #ux-design

After finally completing my Master Thesis project at Fraunhofer FIT me and some friends took some time to prepare a demonstration video. The video is now availa...

Jun 26, 2010•1 min read

Master Thesis Video.

After finally completing my Master Thesis project at Fraunhofer FIT me and some friends took some time to prepare a demonstration video. The video is now availa...

#youtube-video #motion-capture #gesture-recognition #computer-vision #user-interface

May 29, 2009•3 min read

HyperKit - A lightweight CMS written in PHP.

Recently, I helped a friend of mine who is starting his own business with his website. I searched for a lightweight content management system which provides eno...

#hyperkit-software #software-systems #user-interface #web-development

Feb 21, 2009•1 min read

eLearning Course Project Sketches.

Here are some impressions from my last term at university. I participated in a course called eLearning. The goal was to teach us how to develop eLearning produc...

#drawing #education #user-interface

Feb 13, 2009•1 min read

Entrepreneurship Lab Screenshots.

This term I participated in the lab for Entrepreneurship and New Media. The students were split into groups and assigned to an industry partner. Then, a softwar...

#product-design #software-systems #user-interface

Blog Posts35

Reviewed Publications6

University Courses1

Mobile & Cloud Development