Category Archives: Design
We have been diligently researching the Facebook switch on Friday from FBML to iframes. Our advice? Don’t panic. Static FBML will be around for awhile.
All this move changes is that developers and designers now need to know HTML and have access to a hosted site in order to make custom applications and graphics for your Facebook page. Most page owners don’t realize that this is simply a change in how the coding of a Facebook app (i.e. a custom page) works. It’s a slow phasing out of Static FBML, Facebook’s proprietary application that allows users with little coding experience create custom tabs Facebook Pages.
With an iframe application, the main difference is that content must now be located within an HTML document that is hosted outside of Facebook’s servers—usually, your own website (although they can and should be hidden). An iframe is simply HTML code or “inline frame.” Basically, customs apps will now be a hosted “web page” layered on top of your Facebook Page. And your designer will need to know HTML.
There is already a lot of hype surrounding this change, and a lot of companies are trying to make money off of it, such as Wildfire and Involver, to name a few. Don’t buy into the propaganda. Remember that “Free for 3 months” is not ultimately free.
In fact, there’s even a possible SEO downside to switching to iframes. At present, search engines do not crawl content within iframes, so anchor text links on your existing FBML tabs will not be crawlable. Unless something changes, iframes have absolutely no search engine value, and FBML does.
Your existing Static FBML tabs (like welcome pages and contests) will be fully supported by Facebook for a while. They can still be edited or replaced with new FBML code. No page owner with FBML-based apps needs to panic. When your current FBML apps no longer serve your audience, that’s the time to look into iframes. Right now, the cost of recoding into HTML and adding monthly hosting fees are too high to justify a switch.
For the near future, there is no reason we can see to upgrade existing static FBML tabs to iframes. Rest easy for now, Facebook friends.
We’re in awe (and horrible shock) that something so hideous could come out of an iconic company. I’m talking about the new logo of GAP, the clothing company. Who would let this happen? Umair Haque, of the Harvard Business Review, takes a stab at the trainwreck in his article, “The Gap Logo Debacle: A Half-Brained Mistake“. Below is our response to his five questions to gauge whether you’re taking design seriously enough:
• Do designers have a seat in the boardroom — or just in the basement? How often does your CEO ever talk to a designer?
Counterintuity’s foremost goal in any endeavor we undertake is creativity. That means creativity in design, creativity in thought, creativity in writing and creativitiy in implementation. We are always having discussions about the look and feel of anything we develop.
• Are designers empowered to overrule beancounters — or vice versa?
Our most recent staff meeting included the importance of empowering everyone, including designers, by asking the question, “I don’t know, what do you think?” It’s played a key role in how we approach problem solving.
• Is the input of designers considered to be peripheral to “real” business decisions — or does it play a vital role in shaping them? Is design treated as a function or a competence?
The aesthetics of a website, of print material, of a logo are the first impression one has about a business. Since that is the case, design is key and we strive to create fresh material that reflects the businesses we represent in a helpful and meaningful way that is unique to them. No one business is the same, and no one look is the same. A cookie-cutter approach doesn’t work in this day and age. Counterintuity’s President, Amy Kramer, has often said to clients, “If you want to look like everyone else, then use someone else.” We approach each project uniquely because no one is the same.
• Are designers seen just as mechanics of mere stuff — or as vital contributors to the art of igniting new industries, markets, and catgeories, sparking more enduring demand, building trust, providing empathy, and seeding tomorrow’s big ideas?
Take a look at our business card, you’ll realize that our design is much more than mechanics. We used our creativity in design and in actionable writing to create an effective business card that would start a conversation, drive business, and create a lasting impression.
• How much weight does senior management give to right-brained ideas, like delight, amazement, intuition, and joy? Just a little, a lot — or, as for most companies, almost none?
Creativity is key and the only way to produce creativity is to encourage it. In some way or another, we all get kicks out of the little things we see out from others and inside our office. Including… GAP’s new logo.
Does your business take design seriously?
Flickr is a great way to keep your website photo gallery current as well as a bevy of other social marketing benefits:
- Search engine optimization. Tag your images with keywords and fill in your profile with your website or blog address.
- Share images. People want to see what they’re getting, and you want them to see (and get) you.
- Provide free images. You can find free images (for use on your blog or other marketing) under Creative Commons by Attribution license.
- Promotions. You can hold photo or image contests, and use the system to collect submissions.
- Drive traffic to your site. When people search for images, your images will come up on Google, Yahoo, and other search platforms.
Recently, a number of friends and clients have asked how they can embed their Flickr photo sets on their website or blog. Following is a handful of tools to help you get a slideshow on your website or blog:
And here’s how you can embed the slideshow directly from Flickr.
Please share any additional suggestions in the comments below. We’d love to know about more options!
The basics for every website start with choosing a color combination that works with what you are trying to sell or market. Choosing the right color scheme can be crucial to selling a product, as you don’t want the buyer to get turned off and not make a purchase.
When choosing a color combination for your website, you should refer to a color wheel, available online or at any art store. Graphic designers live and die by this color wheel. As you can see below, the color wheel splits into two equal sections: warm colors and cool colors.
Warm colors are based on reds, oranges and yellows:
Cool colors are based on greens, blues and purples:
Exploring warm vs. cool colors for your website is important. When choosing colors, keep in mind that cool colors recede and warm colors advance. Depending on the color scheme you choose, your website will give the viewer different feelings, such as calming (warm) or refreshing (cool). Remember that the human eye is immediately drawn towards bright, warm colors and white.
Warm color palette:
The Royal Palms color scheme makes the viewer feel warm, cozy, and comfortable.
Cool color palette:
Wrigley’s color scheme provides the feeling of cool, fresh and clean.
For a dramatic and eye-catching effect, you can mix the two color palettes. Using two complementary colors—those that are immediately opposite one another on the wheel—invokes more than one emotion from your viewers.
Betty Crocker uses different shades of cool blue as the background, and a very powerful warm red as the foreground. The viewer is drawn to the red links and buttons, which helps navigate through the site in the manner intended by the company.
Another contrasting yet user-friendly color palette is green and orange. Notice how the green relaxes and recedes. The vibrant orange pops.
Start your website palette with the color or color combo of your logo. To make the site visually stimulating and flowing, use no more than two colors (although you can use different shades of those colors) plus white and black.
By using color to influence your viewers, you have the power to guide what your visitors see first and how they navigate your site.
Color is a major factor in design. The color decision-making for your branding, products or website is very important. Choosing the wrong color can mislead the buyer or reader. Every color has a meaning, symbolism and psychology behind it. Counterintuity’s logo uses two expressive colors: blue and orange.
Meaning of the color BLUE:
The color blue is the most favored color. It means strong, important and intelligent. It is seen in our everyday lives, in the sky and the ocean. This is why researchers have found that people are more productive in blue rooms. Seeing the color blue actually causes the body to give off chemicals of calming and direct.
Meaning of the color ORANGE:
Orange is the combination of red and yellow. Red gives off energy while yellow represents happiness. Together creating orange symbolizing enlightenment, energy and warmth. Seeing the color orange draws the viewer’s attention (i.e. traffic signs). The color orange is always in-style and is associated with new creations.
As you can see, colors have a lot of meaning and can really impact. Counterintuity’s colors are counterintuitive. One represents calm while the other is nothing even remotely calm. So these two colors define the Counterintuity team: we are creative, exciting, trustworthy and we think and work from both extremes.
Here’s an example of how design makes the difference.
The top badge is mine from our Get Connected! social media seminar.
The one on the bottom is from an event Amy and I attended last week. Nice design, huh?
The undesigned badge signals this: “We haven’t given this a lot of thought.” And that’s what the event was like: a little sloppy and a little lazy. When I arrived, this badge wasn’t even ready! Instead, they stuck an orange post-it dot on my lapel and asked me to come back to the registration desk in a few hours.
Every scheduled session started late.
Speakers weren’t introduced.
There were handouts and schwag — but no tote to put them in. (So everyone left it all behind on the floor.)
Good design says “We’ve thought about this.”
Want increased productivity? Then maybe the idea of skittering around the office all day is for you.
Note that there’s also a two-seater version so that a colleague can appear equally foolish.
This latest innovation reminds me of an earlier product design, but one with more functionality:
New is not always better.