'Click on the left and right side'
of this box

◀

▶

This website breaks away from standardized modern web design, offering an alternative browsing experience.

It features a 3D and image-based navigation model, allowing users to explore contents interactively. The details of each image can be understood through the contents displayed in this cube.

3-Dimensional Space

Three-dimensional layout, unlike flat two-dimensional layouts, creates a sensation of directly moving toward the desired destination. This dynamic experience also offers the advantage of quickly viewing web components at a glance—an outcome that flat layouts struggle to achieve.

In flat layouts, it can be challenging to recall the exact location of specific information due to the lack of a visually intuitive structure. In contrast, three-dimensional space facilitates easier memory retention by associating information with spatial placement—much like recalling the precise shelf location of a book in a library.

Additionally, visualizing the connections between pieces of information is more effective in a 3D environment than on a 2D plane, as the additional depth and clarity provide enhanced representation of these relationships.

Functions

The "Modes" button, located in the bottom right corner, allows you to change the image layout. It is divided into two options: "Cubes," which presents a structure inspired by network model structure, and "Plane," which shows animation of the original image proportions.

Image Mapping

In the default "Cubes" mode, each cube has 2 to 5 images mapped onto its six faces. The first image displayed when clicked is the one that shows the description, while the remaining faces feature images related to it.

Since the main content consists of historical event photos and artworks, photos with a clearly identified photographer or artist often mapped onto 6 surfaces. However, when multiple related images are available, different perspectives of the same event are mapped onto different faces. These may include the original image, colorized versions, or restored versions, allowing viewers to see the same work from different perspectives.

Context

Traditional web browsing is predominantly linear in browsing contents on the website, limiting users’ ability to explore vast digital contents efficiently. ‘The Dimensional Navigation Model in Web Design’ introduces a three-dimensional navigation system that enables users to freely interact with information in a spatial context.

The website is designed using content from
Wikimedia’s "Historical" category , which primarily follows a linear browsing structure. The goal is to highlight the differences between 3D nonlinear browsing and traditional linear browsing within a web environment.

see Index here