A House of the Ozarks: UX/UI

Brianna jenkins ho main

When users start the application, they are presented with a orbit-view on the Jones family home.

Brianna jenkins ho tutorial

Users can discover the possibility space through exploration or, if they find themselves lost, can activate a tutorial mode. The tutorial walks them through all of the functionality of the application, and gives them an introduction to the subject matter.

Brianna jenkins ho main levels

While in orbit mode, users can toggle the different levels of the houses using the house levels button, exposing how the houses work in a structural way.

Brianna jenkins ho spec levels

This is a view of the nearby speculative house which Fay designed but never completed before his death, with the roof toggled off. With only the plans he left behind and the foundation, we were able to digitally construct the house.

Brianna jenkins ho walkselect

One the user is ready to explore on foot, they can use the center mode switching button, and then select a point in the house or surrounding area they would like to place themselves at.

Brianna jenkins hw

Once on the ground in first-person mode, the player is presented with two major forms of interaction; discovering documents and information about the house by clicking on information nodes, and walking through the house via on-rails walking nodes.

Brianna jenkins hw gr

A view of Jones' studio and garden room, this shows an example of one of many information nodes through the house. Collectively, they construct a deeper narrative about Fay and his work.

Brianna jenkins hw gr ipop

If users were to select the information node on the rock in the previous image, they would discover a historical photo of the house while Fay and his family was living there, and accompanying information.

Brianna jenkins tm 1905

A view of the TimeMap feature with the timeline set to 1905. Users can see works and life events of Fay and his contemporaries up to 1905 pinned on the map.

Brianna jenkins tm 1965

If the user slides the timeline forward to 1965, the map will continue to populate with works and life events as they happen, and the user can see sociopolitical events of the time pop up on the top left (and fade out as they pass).

Brianna jenkins tm grouppop top

If the user clicks on a pin on the map, they will get more information on that piece of architecture, life event, or, in this case, a combination of both clustered on that point.

Brianna jenkins tm grouppop mid

As the user zooms in on the map, the pins spread apart as they no longer lie on top of each other. Shown here is a mid-level zoom.

Brianna jenkins tm house smpop

If the DeMarco house had been selected in the pop-up on either of the previous two screens, the user would zoom in to the lowest viewing level, and see this preview pop-up of the house. At this point, the user can click on the pop-up to view more.

Brianna jenkins tm house bgpop

Once the user clicks on the preview pop-up from the previous screen, this larger pop-up is shown with full informational text about the house and a small gallery of house images.

A House of the Ozarks: UX/UI

A House of the Ozarks is a WebGL and touch application which allows users to explore the family home of award-winning Ozark architect Fay Jones as well as his nearby speculative house, which was never finished. Users are allowed to explore in two different modes; orbiting the house, which allows the users to appreciate the architecture structurally and holistically, and walking through in first-person mode, which allows the user to understand the house as it relates to the human body and experience. Supplementing the main house experience is a "TimeMap" feature, which unfolds how Fay and his Mid-Century Modern contemporaries developed their architecture over both time and space (in the US), as well as in relation to each other and their sociopolitical contexts. As well as being the project lead on this project, I was directly responsible for designing and producing the UI and designing and refining the UX.

The webGL version can be played at https://ahouseoftheozarks.uark.edu