Tag Archives: Design

I Heart Post-Its, Why Post-Its Is An Effective Designer Tool

by Giancarlo Gallegos

gian4

Now, that I got your attention. I want to tell you a secret.

I love Post-Its. Period. I think they are one of the best inventions in the world. If there is anything I cannot live without, it would probably post-its. Okay. Maybe that might be an exaggeration. But, who has not benefitted from that yellow 76mm squared colored adhesive piece of stationery? I could never think of a more effective tool in reminding me of the things I need to do, of creating a stick man flip book, of communicating with others during meetings, of flagging emails print outs, bookmarking the last read chapter of my favorite novel, etc.

Lets Travel Back

If you are one of those unfortunate ones who is not familiar with Post-Its, here is a brief description of what they are. A Post-It note is a piece of stationery with re-adherable strip of adhesive on the back. It was designed to temporarily attach notes to documents and other surfaces such as walls, desks, computer screens, and so on. The most common color you would see is the yellow 76 cm square note (see image below). The unique thing about Post-Its note is that it uses low tack adhesive the can enables the note to be easily attached and removed on any surface without leaving marks or residues.

It was co-invented by Art Fry and Spencer Silver of the Minnesota Mining and Manufacturing Comapany or 3M, in March 9, 1970. Leveraging its yellow note success, 3M decided to manufacture other product related to the Post-It brand such mini post-its, highlighter pens with post-it tabs, etc. Computerized versions came out soon after.


Read more

Eye Catching Flash Website

badtaste

When thinking about a completely Flash based website, one (me) thinks, “that’s so early 2000’s”, integrating traditional HTML/CSS with Flash works a lot better and turns out cleaner and takes up less resources. Then, once in a blue moon, you find a site that is done so well that you can’t say much to criticize. Here’s an excellent example of what a real professionally done fully flash website could be. Love it.

Source: aToastToBadTaste.com

Design Spectrums as a Balancing Act

iStock_000002067017XSmall

Building a design spectrum is a method of visualizing the overall aesthetic and functional elements in a web design. It is important to use a gauge when measuring these properties to maximize the web site and ensure a balance is achieved between form and purpose. In web design, there are usually three spectrums that you can employ to measure if you are creating the right end result based on your objective. Spectrum one is to design the website to influence its users to generate a certain impulse, emotion or finish an objective. Spectrum two is used when your web design is focused on maximizing assistive tools to help the user complete the task generated by the design. The third spectrum is utilized when a product has functional and an aesthetic agenda, which require the web design to be attractive yet of good use.

A purely aesthetic approach would put your plans in spectrum one, where the design’s significant objective is to create sensory fulfillment, visual properties as well as color and stimulation are most important. Generating tools and creating portals or registration pages belong to spectrum two, where physical and behavioral stimulus is reinforced. In this spectrum, aesthetics are not important. Ergonomics and proportion is important in spectrum three; thus designs for projects like crafts, construction as well as objectives that mix visual and kinesthetic elements are best put in this category.

Usability against Aesthetic Value

This has always been a concurrent discussion in the design community, often referred to as “design versus usability” or a running argument that the elements of purpose completion is directly opposite to overall visual stimulus. One must need to consider that the overall design is influential; therefore an eye in aesthetic requirement is also important. It is practical to use one spectrum as compared to multiple design spectrums, it has often failed to deliver when a web design becomes a jack of all trades; trying to excel in both aspects.

A fundamental key to this is maintaining a balance between pleasing additions to a design and completing its functions. There are superior aesthetic sites that are functional and useful due to the developer’s diligent efforts to balance all elements in the layout, although this is not a concrete definition that all websites need to be on the aesthetic side.

When does your site need to be beautiful?

With websites whose primary objective is to promote product functionality helping the user achieve the completion of his task and fulfill the end goal of a specific objective is more important that creating an aesthetic feel to the project. In some cases, products that have a serious functional objective may be perceived as negative if drowned in high-end aesthetics and coloration. One must take into consideration that the more graphics embedded in a page, the slower it loads. This is often a disadvantage especially if high speed access to a specific site is detrimental.

The important thing to remember is to figure out the site’s ultimate objective. This will increase the chances for success and objectify the purpose of the product which will save you a huge amount of time avoiding redesigns. Placing specific markers at the start, middle and final review of the design to see if you are following your design spectrum will make sure that the objectives are met and you have a perfect balance between use and form.

Incredible Magazine-Style Designs

voyager

For those times when you need some inspiration for a magazine-style website layout, this nice list of 25 incredible examples form Vandelay Design should do the trick. I especially like the 1st one – bmi Voyager, it is really cool looking. Check them out, let me know which one you like the best.

Source: 25 Magazine-Style Layouts for Your Design Inspiration

Unique, Simple & Clean Blog Design

roquealonso

The cleanliness, the amazing use of “white” (shades of gray) space is what caught my eye on this blog design. The bold reds bringing important elements out. This blog design allows the visitor to be able to navigate with ease thanks to it’s simple navigation and pretty standard layout structure.  I think this blog’s ease of use approach is the best that I’ve seen in a while.

Source: RoqueAlonso.org