emotional branding

• Either way, Gobe has written ten commandments of emotional branding.
• First, from consumers to people. Consumers buy. People live.
• Second, From product to experience.  Products fulfill people's needs. Experiences fulfill desires.
• Third, from honesty to trust. Honesty is expected. Trust is engaging and intimate.
• Four, from quality to preference.   Quality for the right price is a given today.   Preference creates the sale.
• Number five, from notoriety to aspiration, being known does not mean that you are also loved.
• Number six, from identity to personality.  Identity is recognition.  Personality is about character and charisma.
• Number seven, from function to feel. The functionality of a product is about practical or superficial qualities only. Sensorial design is about experiences.
• Number eight, from ubiquity to presence. Ubiquity is seen.  Emotional presence is felt.
• Nine, from communication to dialog.  Communication is telling, dialog is sharing.
• Number ten. From service to relationship.Service is selling, relationship is acknowledgement.  
• Basically, people love brands, but brands don't love back.This book is an effort in evaluating how to change that. Again, very marketing and advertising heavy. But still relevant, when in the design process, in determining color and typographic systems.

how to add google commetz

How to add Google+ Comments to any Website

Similar to Facebook's comment system, Google has created an embeddable comment system that can be added to websites and blogs. In my opinion, it looks very nice and works quite well, as well as integrating into Google+. Only problem is, the comment system is only officially available for Blogger, and it's not obvious how to add it to your website.

Luckily, it's actually quite easy to add Google+ comments to your own website. All you have to do is embed this little HTML snippet in your page and a comment box will appear there.

<script src="https://apis.google.com/js/plusone.js"></script>
<div id="comments"></div>
<script>
gapi.comments.render('comments', {
    href: window.location,
    width: '624',
    first_party_property: 'BLOGGER',
    view_type: 'FILTERED_POSTMOD'
});
</script>

The first script is essential, as without it you'll be left with a blank box instead of comments. The width component in the call to gapi.comments.render is also configurable - you can use it to set the default width of the comment box. However, it's responsive so it'll fit in a smaller box if you want it to.

There is however a limitation with this method of creating a comment box - for some reason there is a minimum height of around 600px so you may be left with a bit of blank space underneath your comment box. AFAIK there's not a way to get around it but it isn't that big of a problem uneless you're putting comment boxes in the middle of pages. The issue goes away when the comment box grows because there are more comments inside.

Here's an example of a comment box on this website. Test it out!