Blog Post #5 – Explanation and examples

A website is an ecosystem by itself, and it is important that when designing one you implement a sense of order. Depending on the purpose of the website you may have a different thought process or production timeline, but what it is indispensable is that the user understands at first glance the structure of the site.

A site map is a model of a website’s content that is visually and textually organized. It allows the user to navigate around the site to basically find the information they are looking for. It is a table of contents that composes the website, and in which each listed item links directly to its counterpart sections. Sitemaps are mostly organized hierarchically, breaking down the website’s information into increasingly specific subject areas


A wireframe is the architectural blueprint of any site. It is a visual guide that represents the outline framework of a website. The use of visual elements is really important for the designer who arranges and organizes them to pursue  the client objectives through a visual strategy that most likely would also include some sort of user experience methodology. How can we arrange the content so the user only needs to do 2 clicks to go where they need to? That and similar issues are what modern designs try to solve. The effectiveness of the layout will determine its success. The wireframe usually lacks typographic style, color, and graphics. The main focus lies in functionality, behaviors, and priority of content.


In the other hand a schematic diagram or website schematic are very similar to wireframes in the sense that it is also a necessary map of information and elements. A schematic would include components such as instructions or icons that indicate how social media is going to be included, advertising spaces, or connectivity. Schematics need to work in conjunction with wireframes for optimal results.

schematic diagram

And last, but not least, style tiles are design deliverables that consist of fonts, colors, and interface elements that communicate what the essence of the brand the web is going to communicate visually. The use of style tiles is needed to keep the discussion about effectiveness. It is important that the goals of the client and that the strategy are perfectly reflected on the style tiles is created. Another reason why style tiles are important is because it is a way for designers and developers to present the final project to the client with the interface choices made without making the initial investment in multiple photoshop mockups.



One thought on “Blog Post #5 – Explanation and examples”

  1. I found it interesting that you related a website to an ecosystem. I have to agree with you after reading your response and thinking about how each of these components can in fact represent a valuable asset within a website, much like how a living organism acts. Energy is exchanged between each of these components that make up a website. The site map feeds the page schematics and wireframes which feeds the style tiles. They all must merge together in order to produce the ultimate exchange in energy, a perfect website.


Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )


Connecting to %s