Explore things tagged 'ui'

parkerlsmith says...

Nov 24, 2009

Subscribe

Experiential Nits: Facebook Self-Serve Ad Charts

One of my favorite blogs is Junk Charts. The reason I like it (and Tufte's books and other chart/visual design resources) is that graphics are such a critical and often overlooked component of making a compelling argument. While complicated graphics can obfuscate meaning, a total lack of charts makes deciphering meaning from textual data significantly more difficult. Your chart should convey all the data necessary for communicating your message. No more. No less. Since message clarity and communicating meaning/importance are also fundamental to designing experiences, chart design principles also apply to aspects of experience design. As with charts, good experiences depend on message clarity.

In this department, Facebook's Self-Serve Ad graphics fall short of delivering a compelling argument. While I've snapped the images I'm referring to, you can go to Facebook Advertising and click on "Case Studies" to see them in all their glory. A couple of things here:

Average Circles (Reach Your Audience graphic)- The first graphic starts out fine. Sort of boring, but it's effective. Its basic message is that Facebook ads can improve your targeting to specific audiences. I don't necessarily need a "circles drawn to scale"-quality graphic here and while the last ring isn't labeled, I'm fine to assume it's the general FB population. So far so good.
Scale-less (Easy and Cost-Effective graphic) - Yikes, here's where we run into problems. This next graphic is missing a very important thing: scale. Unlike in the first image, in this case it's actually really important. While the chart helpfully shows "Before Facebook" and "After Facebook" it fails to specify what it's comparing. Same store sales? Conversion rate? The article mentions 50% and 10% increases in each of these respectively. But then this chart looks like neither. It looks more like 20%. Without a scale there's no way to know.
Scale-ful (Pages and Ads graphic) - Perhaps as a way to compensate for their previous scale-less chart, this one has a very prominent scale. But not really in a good way. As if inspired by This is Spinal Tap, this scale goes all the way to 100%. Only it doesn't need to. It could really be more impactful if it were tightened down a little. Make the scale max out at, say 30% or 40%. That would really illustrate the improvement and also reduce a lot of the empty chart space.

Now I'm not a professional chart designer (or graphic designer for that matter) and I'm not intentionally picking on Facebook, but it was very surprising to me to see a company like Facebook make two very noticeable graphical mistakes in the information surrounding one of their most innovative features - self-serve ads. I guess I'm just expecting more polish from a big web name like Facebook.

Then again, maybe it's not so surprising.

Click here to download:

Experiential_Nits_Facebook_Sel.zip (46 KB)

Filed under: ui

Loading mentions Retweet

Comment (0) »

Tocki says...

Nov 24, 2009

Subscribe

UAHH!! Swype For Android Is Next. look at hte video!

via techcrunch.com

Filed under: UI

Loading mentions Retweet

Comment (0) »

jkusunoki says...

Nov 22, 2009

Subscribe

Al parecer Google estrenaría nueva interfaz

Según Search Engine Land un pequeño grupo de usuarios ya habría empezado a ver los cambios. Es un cambio para bien. Los espacios mejor distribuídos, botones más claros y filtros (esos que son un dolor de cabeza) correcta y claramente ubicados.

Creo que era un cambio que ya se veía venir, no podían estar ajenos a las tendencias ni al código gráfico que cada vez más sitios y aplicaciones están usando.

Filed under: ui

Loading mentions Retweet

Comment (0) »

Paul says...

Nov 21, 2009

Subscribe

B2B Home page User Interface Notes

The home page is often the most visited page on the site, and also the ‘face’ of the company. It is important for this page to mirror the goals and mission of the company along with presenting a strong sense of a dynamic and growth orientated company.

It's important that the main content area change at least once a week. This sets the user and search engine's expectations that they need to check back that often to find the new content. The more relevant and meaningful it is, the higher impact that content will be.

Flash animation on the home page can be a dangerous thing, at least as a Hero Image or main banner. Many times the same conversion goals can be accomplished in a more SEO consistent way. For example, a carrousel of images switched via javascript can be implemented, and that is very SEO friendly. Flash, not so much. Also, animation, unless done well, really challenges users.

Another important factor is the labels on the page, or headlines. These must be what is expected. They need to be the same general visual tone as the rest of the text. If they are too different, the user will not immediately see them as a text element, but as a graphic.

Also, what is the one thing that you want users to do when they come to your site? If it's a lead generation site, make sure that's evident. If you are trying to nurture the lead, make that click path evident and easy. Use strong messaging.

Getting the home page right is hard. The one thing you can do is to test. Test to see what works and what doesn't.