• web
• soft­ware
• media
• hard­ware

web

ueberlego.de

Truly an over-night project. Within a few hours in the evening, ueber­lego and I designed, imple­mented and pub­lished this web­site. The whole lay­out scales com­pletely fit­ting any kind of screen size and ratio. Con­tent includes—besides text—embedded audio and video in the lower left and the lat­est media from Flickr (col­lected live) in the lower right.

» Check it out! (Ger­man con­tent only) »

inte­grat­ing con­tent and navigation

A gen­eral web inter­face is split up into two parts, nav­i­ga­tion (e.g. a menu) and con­tent, there­fore, a user needs to relate the posi­tion of the con­tent and the high­lighted menu entry. To save space and ease the ori­en­ta­tion of the user within a web site, I started to think about ways, to inte­grate con­tent with nav­i­ga­tion as zoomable UI and masked float­ing layer. To test this idea, I cre­ated a per­sonal home­page back in 2005 mainly focused on my graph­i­cal and pho­to­graphic pro­duc­ing and col­lected infor­mal user feed­back about the usabil­ity, but found it not suf­fi­ciently usable, as user com­plained about insuf­fi­cient read­abil­ity and to be irri­tated by the mov­ing con­tent. The project has been stopped, con­tent not been updated ever since, but find­ings and expe­ri­ence have been incor­po­rated into mag­net.

» give it a try! (Ger­man con­tent, guest­book inactive)»

edu­ca­tion por­tal for Augs­burg, Germany

www.bildung.augsburg.de is meant to be a cen­tral plat­form about all kind of infor­ma­tion and events con­cern­ing edu­ca­tion in and around Augs­burg (Ger­many). I have been cre­at­ing this web­site as a mem­ber of a team of three stu­dents on the basis of Typo3.

» go to see the website »

alle­via

I have been work­ing for alle­via GmbH, Augs­burg as web devel­oper, soft­ware archi­tect and engi­neer. I got in touch with usabil­ity eval­u­a­tions and how usabil­ity aspects, joy-of-use and user expe­ri­ence can be main design prin­ci­ples. My mayor task over two years was to design and par­tially develop a pro­pri­etary CMS, focus­ing mainly on mak­ing it most flex­i­ble in terms of its appli­ca­tion and to cre­ate an easy-to-use back-end for our cus­tomers. Thus, the CMS became a trans­par­ent frame­work with mis­cel­la­neous dynamic con­tent com­po­nents, which could be included in any page, on demand. In this way, we could cre­ate an non-obtrusive sys­tem, which does in no way restrict the free­dom of the designer, to cre­ate each page of a web­site in a dis­tinc­tive way, fine tuned to its con­tent. In between, I addi­tion­ally cre­ated sev­eral Flash wid­gets and ani­ma­tions, like those you can see on the com­pany por­tal allevia.de, or cre­ated some designs myself and/or turned designs into CSS and assisted usabil­ity eval­u­a­tions. Finally, the user test on mag­net was per­formed by myself within the com­pa­nies own usabil­ity laboratory.

» go to allevia.de »

soft­ware

aquaris

Aquaris is a game ded­i­cated to impart knowl­edge about renew­able energy tech­nolo­gies and energy-saving mea­sures to chil­dren of the fourth grade. Not only the game but also spe­cial con­troller devices have been developed.

» videos & more info »

mag­net

Mag­net visu­al­izes enti­ties of any kind and there sim­i­lar­ity among each other. In the course of my degree dis­ser­ta­tion, a pro­to­type has been cre­ated and eval­u­ated by con­duct­ing a think-aloud user test. The find­ings have been inte­grated in a follow-up inter­face. This new inter­face and the soft­ware behind is a still ongo­ing project.

» pro­to­type & more info »

foaf-o-matic

Eval­u­at­ing the GUI of my colleague’s web appli­ca­tion revealed more than 60 prob­lems, includ­ing sev­eral crit­i­cal ones. I have col­lected a best-of and their solu­tions, fol­low­ing Nielson’s Heuristics.

» errors & solutions »

lib­Swb

Lib­Swb (pro­nounced lib­swib) will become a library for brows­ing the Seman­tic Web by con­struct­ing a global graph from dis­trib­uted RDF doc­u­ments and cut it down to an entity of inter­est and its envi­ron­ment, called the entity con­text. My part so far was mainly the the­o­ret­i­cal back­ground and the library archi­tec­ture (inter­faces, thread­ing, mod­u­lar­iza­tion), less the graph con­struc­tion, merg­ing and prun­ing part. As the library gets more func­tional and sta­ble, I intend to use mag­net as a visu­al­iza­tion on top of it. A short paper (four pages) with poster (300dpi) has been accepted for SWAP2008 (Seman­tic Web Appli­ca­tions and Perspectives).

» paper »
» poster »

media

draw­ings

See some draw­ings of mine.

» see drawings »

ikarus

A stop-motion movie pro­duced in the first year of my stud­ies on the basis of the task “Make a movie about the topic bird”.

» see movie & more info »

dream worlds — traumwelten

Some sleep­less nights with a pen­cil, quite some sheets of paper and some pots of fruit tea — but finally, this small movie became some­thing beau­ti­ful and unique and I ended up quite happy and proud . The video part and the col­oration of the drawn part has been done by col­leagues of mine.

» see the movie & more details »

pho­tos

Pho­tog­ra­phy is one of my big pas­sions. Mostly focus­ing on details, a sin­gle object or idea, try­ing to con­vey a spe­cific emo­tion, but always as close to the orig­i­nal as pos­si­ble.
I recently started to pub­lish my pho­tos on flickr.com.

» see a selec­tion »
» go to flickr.com »

hard­ware

key­board gloves

As com­ple­tion for a head-mounted dis­play, I envi­sioned key­board gloves, a com­plete replace­ment for a con­ven­tional key­board. Let­ters are typed by touch­ing fin­gers together, dif­fer­ent com­bi­na­tions result in the sim­u­la­tion of dif­fer­ent key­strokes. Finally, by using key­board gloves, one could move around freely while oper­at­ing a portable computer.

» more details »

fin­gers

Is a plat­form, to exchange ideas and spread inspi­ra­tion. It is made from a pub­lic touch­screen with draw­ing appli­ca­tion, where stu­dents can share thoughts or opin­ions and get inspired by con­sum­ing cre­ations of others.

» more info »