During the website design process, I will be following the Garrett 5 Layer Design framework as reference. This will keep significant documentation of the each design step cohesive and organised.
The framework focuses on the site as a whole, delving into factors such as:
- Client Aims and User Experience
- Structural Features and Functions
- Visual Aspects
GARRETT 5 LAYER DESIGN
The Garrett 5 Layer Design, by Jesse James Garrett, is a strategic framework heavily referred to during the process of website design and the user experience development process.
I will be referring to an excerpt from Chapter 2 of Garretts book ‘Elements of the User Experience’ which gives great detail of the 5 planes.
The Five Planes
The Surface Plane
On the surface you see a series of web pages made up of images and text. This plane focuses on the first visual aspects of the site.
The Skeleton Plane
Beneath the surface is the skeleton of the site; the placement of buttons, tabs, photos and blocks of text. The skeleton is designed to optimise the arrangement of these elements for maximise the user’s experience and the efficiency of the site.
The Structure Plane
The skeleton expresses the abstract structure of a website, whereas the structure plane defines the placement of interface elements. The skeleton may define the arrangement of navigation and the structure would then define what those categories actually were.
The Scope Plane
The structure defines the way in which the various features and functions of the site fit together. The scope of the site constitutes to what those features and functions are. Any feature being included on a site is a question of scope.
The Strategy Plane
The scope is fundamentally determined by the strategy if the site. The strategy defines the primitive client aims and overall user experience.