The Skeleton Plane is a major part of the planes because this is where a creator defines how the product/service will work. This is where detail and further refinement is done. The Skeleton Plane includes the realms of Interface Design, Navigation Design and Information Design.
The Interface Design is directing the important parts of a webpage to stand out first, like having an appealing and larger button on a website that attracts you user to take action. Interface Design may be like gestural controls, but they help operate the system and success of a webpage. Think of checkboxes on a website, they allow a user to independently take action on a website.
The Navigation Design is directing the user to different parts of the website, which in theory sounds easy, but it can get complex if a creator doesn’t communicate the relationship between certain contents. The navigation must be easy in enabling a user, take them where they want to go, and give them options to other contents of the website.
The Information Design serves as the way to convey a message—which can be visual. It involve grouping information together or organizing them so they consciously make sense to the user. Think of when you fill out a shipping address, first your name, street address, city, state, and zip code. If it were in a different order, it fails in information design because it’s not comprehensible or familiar to other websites.
Important: Wireframes are an important process in this stage and is something you will encounter in design one time or another.
The Surface Plan…last but certainly not least, is dealing with arrangement on a website. The final plane needs to wrap up all the other four, but still remaining its own individual plane. Here is where Sensory Design and presenting the arrangement of the website. All five senses need to be taken into account—what senses is a creator trying to create?
Let’s go back to HTML and CSS. HTML is writing the text, and in this plane the text needs to be concise and organized where is should be in website. After all, HTML is a just a coded language, it’s up to the creator to know where the text is going. CSS is the design of the text and webpage, and in this plane the text and visuals need to entice the user positively with continuity. For example, if a creator uses a logo at the header on every page but one—the missed continuity will be noticed by the user. Do not under estimate a user!