A website wireframe, aka – a page schematic or screen blueprint – is the visual guide that represents the skeletal framework of a website. It is what depicts the relationship between the page and element components.
It’s the move from concept to manifesting it.
If we were making a movie it would be the thematic line and basic function of the acts with scenes/script starting to form at minimal level.
Aside from websites, wireframes are utilized for the prototyping of mobile sites, computer applications, or other screen-based products that involve human-computer interaction.
What our GenXwest team will create is: an initial wireframe that has limited typographic style, color, or graphics, since the main focus lies in functionality, behavior, and priority of content. In other words, it focuses on what a screen does, not what it looks like. That comes later.
We break up wireframes to have different levels of detail into two categories in terms of fidelity (Low/High). The key is time dedicated to the collection and sequencing of the layout.
We include either of these elements into our wireframes in addition to:
- skeleton plan
- information design
- navigation design
- interface design
Page layout is where these components come together, while wireframing is what depicts the relationship between these components.