Friday, July 22, 2011

Exposing a Facebook Failure

The Facebook system is failing small businesses.

Facebook Policy
"Only the official representative of an organization, business, celebrity, or band is permitted to create a Facebook Page."
The Facebook system does not allow you to create new pages for large brands. For example, creating the following Company page for Coca-Cola returns this message ...

However, as a small business you can create multiple Facebook pages using the same brand name.

Although it is not supposed to be possible, Facebook does allow multiple pages of the same name within a given category.  The system also allows users to create a page with the same name in all categories.  As malicious users register pages to rank higher for social media keywords, the potential to become a big PR nightmare increases.   

There are more bugs in the Create a Page system, but this is the main issue I found with small businesses brand names.   In my opinion, this is a disaster waiting to happen with Facebook.


Tuesday, July 19, 2011

Fluid vs. Fixed Layouts

There's no right or wrong choice.  Typically, if you have a site that uses a lot of Web 2.0 or contains short blocks of text then implement a fluid design.   If you have a site with a long blocks of text, like a blog site, then go toward a fixed width design.

Fixed designs define the width on the page, regardless of the browser window size.   A normal fixed layout has containers, images and other elements defined in pixel widths.  Some popular sites using fixed designs are Yahoo!, CNN and BBC News.

The advantage of fixed layouts is it gives the designer complete control over the design including the use of background images.  The faults of fixed design is that the design will look different depending on the user's platform.   Fixed layouts can create white space, or wasted space, for users with large screens and resolutions.  For users with smaller screens and resolutions the design will spill out of the window creating thus creating a bad user experience with the dreaded scroll bar.

#doc {
    margin:auto; /* center in window */
    width: 970px; /* fixed page width */

Fluid design allows the user to decide how the page looks based upon the size of their browser window and display settings.  The page fills up the entire available space.  Examples of fluid designs are Google, Wikipedia and Delicious.  A fluid layout has a container that fills 100% of the entire available space.  Within the layout widths of containers, images and other elements are defined in ems or percentages.

The advantage of using a fluid layout is the layout is adaptive and all the space on the page is used.  The disadvantage of using a fluid layout is it requires increased testing and not being able to use background images can limit the creativity of the website.

<div class="container" id="layout">
    <div class="container" id="column1"></div>
    <div class="container" id="MainColumn"></div>
    <div class="container" id="column2"></div>

#layout {
    padding-left:300px; /* "left col" width */
    padding-right:150px; /* "right col" width */

#column1 {
    margin-left:-300px; /* "left col" width */

#column2 {
    margin-right:-150px; /* "right col" width */

#MainColumn {