Visuals

Here are some visuals from during the design process and some screenshots of the end result, a working demo.

Sketch - before indexing an image

A digital sketch of what the user interface could look like, based on my research.

Sketch - after indexing an image

This is a conceptual sketch of what the application status should look like after indexing the photo.

Visuals from the working demo

As part of my dissertation, I developed a working proof of concept. People were able to index and retrieve images from the database with the demo, by using the interaction design that I came up with.

Unindexed image

This is a screenshot from the indexing-module, with an unindexed photo.

Indexing an image

The photo is being indexed.

Symbols are being dragged on top of the photo. Next, they cam be scaled, rotated, coloured and/or multiplied.

The system stores all these symbols with their variables. Afterwards, one can search for the image by using the same symbols and variables.

An indexed image

The user has indexed the photo. It can be found by searching for any of these objects in the indexing/searching module.

Searching (querying) for an indexed image

From the main console, one can invoke the indexing/searching module.

'Drawing' a search query

The exact same module as the indexing module is used for searching, for the sake of usability.

In the same way, one drags symbols to the plane. The symbols recieve a rotation, colour, scale and a multiplication.

The closer the produced search-image matches an index of a photo in the system, the better the photo will be retrieved from the system. The matches appear in order of matching rate.

In this case, the symbol for 'man' is dragged to the scene and the bottom-right search-button is clicked.

Image retrieval from PhotoIndex

The search query has been entered. The system searched for a black-coloured 'man' symbol and all indexed images with the symbol are retrieved.

The first photo's index has a higher resemblence to the search query.