#User Interface Design | Dr. Georg Hackenberg

Sep 15, 2026

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

Sep 8, 2026

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

Mar 4, 2017

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

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

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

Dec 16, 2015

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

Dec 1, 2015

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

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

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

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

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

Mar 14, 2012

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

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

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

Jul 13, 2011

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

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

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

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

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

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

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

Jun 15, 2011

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

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

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

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

Apr 20, 2011

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

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

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

Jan 18, 2011

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

Jun 26, 2010

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

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

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

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 Posts33

📚Reviewed Publications6

Model-based design of integrated transportation systems using approximate dynamic programming

GITHUB FOR PRODUCT DEVELOPMENT-HOW COULD THAT LOOK LIKE?

Modellbasierte Konzeption von Benutzerschnittstellen im Entwicklungsprozess von mechatronischen Systemen

Lightweight palm and finger tracking for real-time 3D gesture control

An Adaptable XML Based Approach for Scientific Data Management and Integration

SciPort: An Adaptable Scientific Data Integration Platform for Collaborative Scientific Research

🎓University Courses1

Mobile & Cloud Development