Blog 5: Definitions and examples

A site map is a visual or textually organized model of a Web site’s content that allows the users to navigate through the site to find the information they are looking for, just as a traditional geographical map helps people find places they are looking for in the real world. Site maps can be typed out or hand written.

SiteMap_new

site map-01

A schematic design is the initial design scheme that seeks to define the general scope and conceptual design of the project including scale and relationships between building components. At the end of the schematic design phase the designer will present some very rough sketches to the client for approval.

brand_brief_schematic1

A Web wireframe is a simple visual guide to show you what a Web page would look like. It suggests the structure of a page, without using any graphics or text. A website wireframe would show the entire site structure – including what pages link to where. Web wireframes are a great way to start your design work. And while it’s possible to create complex wireframes with huge amounts of detail, your planning can start with a napkin and a pen. The key to making good wireframes is to leave out all visual elements. Use boxes and lines to represent pictures and text.

website-wireframe

Style Tiles are a design deliverable consisting of fonts, colors and interface elements that communicate the essence of a visual brand for the web. They help form a common visual language between the designers and the stakeholders and provide a catalyst for discussions around the preferences and goals of the client.

styletiles-10

Advertisements

Leave a Reply

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

WordPress.com Logo

You are commenting using your WordPress.com 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 )

Google+ photo

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

Connecting to %s