Wisdump

Dumping wisdom on design and the web

  • Design
  • Blogging
  • Designer Resources
  • Design Critiques
  • CSS
  • About
  • Advertise
  • Contact Us

Beyond logos or faces

April 27, 2011 By Sophia Lucero

Sam Wilson vs. Jeremy Swinnen: an avatar-website design comparison

So I was reading Elliot Jay Stocks’s post on the Apple tablet and noticed all the fancy gravatars his commenters had (maybe because they were not as small as the ones in the blogs I frequent). One in particularl that caught my eye was Jeremy Swinnen‘s and made me wonder if, like Sam Wilson‘s, it was a condensed version of his website and/or brand. I visited his site and turns out I was wrong.

Avatars are usually faces (photographs, caricatures, etc.) or logos, because that’s the most straightforward way to advertise yourself. But why not try something that remind people of your own website? Chances are that’s the first thing they do after reading your comment: check out who you are via your homepage.

If the logo in your avatar is featured prominently, which is probably the case anyway, then great. But I feel a disconnect when visiting a site that has no visual ties to the avatar associated with it. And putting a spin in your branding by using more than your logo in an avatar is a worthy challenge.

Sure, we also associate people with their respective URLs, but aren’t avatars the proverbial peacock’s feathers, the smoke and mirrors, the flashing neon sign—to lure people in, establish a connection, and possibly seal the deal on whatever it is you’re “selling”?

If you’re not choosing the most effective way to bring people over from Mr. Stocks’s site, then you could be missing out.

Filed Under: Design Tagged With: avatar, branding, Business, gravatar, logo, personality

Holding a Conference? Spice It Up With These Geeky Ideas

January 21, 2011 By Sophia Lucero

The mark of anything well-made is found in the details, and when it comes to geeky conferences for designers and developers, organizers are coming up with geeky new ways to spice up the offline event experience.

Badges

Gravatar-enabled WordCamp Badges

Gravatar-enabled WordCamp Badges

Let me first say that Gravatars, or globally recognized avatars, should be a staple in every social network or web app that lets uses upload avatars, because why upload one everywhere when it can be pulled from a centralized location?

Now combine Gravatar with sister application WordPress, specifically its conference WordCamp, and you’ve got brilliant automated way to print photos on conference badges. The best part is you can download the source code!

Creative Mornings Q&A Badges

What would make you a good client?

This one’s not so high-tech, but a neat little idea nonetheless, especially for smaller, more frequent gatherings such as Creative Mornings. In place of names on the nametags, participants have to fill in the blank with an answer to a certain question.

Past sessions have asked questions like “What would you like to redesign?”, “What can you teach me?”, “What would you do if you had your own storefront?”, and “What would make you a good client?” Cheap, easy, and an instant icebreaker.

Crowdsourcing

dConstruct Time Capsule

dConstruct 2009 Time Capsule

With the theme of dConstruct 2009 being Designing for Tomorrow, it makes total sense to come up with a Time Capsule competition, where the best entry wins free passes including hotel accommodations and a seat at the speakers dinner.

The question is simple: “What do you see that you would like to preserve for the future?” but it also underscores how important understanding the past and present is in order to build for the future. Especially when it comes to the Web.

SXSW Panel Picker

SXSW PanelPicker

For such a massive event as the South By Southwest (SXSW) Conferences and Festivals, tapping into the wisdom of the masses makes sense. Not only does the SXSW PanelPicker increase interactivity by letting the participants vote for the talks that will go live, but it also builds extra buzz as the speakers themselves campaign for their own panels.

Twitter & Co. Mashups

MIX09 Flotzam

MIX09 Flotzam 6

These days everybody is contributing to the coverage of any one event, and it’s even more awesome to experience that collaboration during instead of after the fact. Mashups such as Flotzam grabs streams from Facebook, Flickr, YouTube, Digg, Twitter, and the blogosphere. This one looks especially nice with the Tetris skin, which was originally built for Microsoft conference MIX09.

Read more about the process here. Grab the .NET and Silverlight source code here.

Carsonified @HelloApp

Carsonified @HelloApp

@HelloApp, which debuts at the Future of Web Apps – London 2009, lets conference-goers meet new people via Twitter. First you tag yourself during check-in, earn badges and points for meeting new people and completing certain tasks, and browse the seating chart according to professional background (design, development, PHP, Rails).

A perfect blend of socializing and tweeting at the same time. Read how Carsonified created it.

What’s your great idea?

Got a great conference idea already executed, or still brewing? The moral of the story here: don’t leave your geekiness behind when you go offline. Embrace it, because it makes things a hell of a lot more interesting.

Filed Under: Web Experience Tagged With: carsonified, conferences, crowdsourcing, dconstruct, events, future of web apps, gravatar, helloapp, mashups, Microsoft, mix, networking, social media, sxsw, Twitter, visualization, wordcamp, WordPress

Will Twitter avatars render Gravatar irrelevant?

February 13, 2010 By Sophia Lucero

Twitter Images & Gravatar avatar services

I can’t help comparing Twitter Images (tweetimag.es), which extract a user avatars with just a URL to the more established universal avatar provider Gravatar, which is dependent on an email address.

While there are certainly more email users than any web service out there, Gravatar isn’t quite as buzzworthy as Twitter; it’s a more specific service after all. However, because of this Twitter Images service, extracting an avatar is much easier than Gravatar’s implementation and could gain more traction as a legitimate avatar solution on blogs. I won’t be surprised if Twitter scooped up this little project for itself.

On the other hand, being dependent on Twitter—whose popularity still causes downtimes to this day—may not be such a good idea for critical endeavors, and it may be more advisable to go for the service whose sole business is avatars (or if possible, identity management).

Gravatar and Twitter don’t have to be adversaries. I’d want Gravatar to take the high road and embrace all the popular identity channels, be it Twitter, Facebook, Google, Yahoo, MobileMe, OpenID, etc. Or should one leave the multiple avatar sources feature to the developers just like you can have different login and identity options on blogs and web services? Perhaps Mix Online’s Incarnate is the right way to skin the cat.

Filed Under: Web++ Tagged With: avatar, gravatar, identity, openID, Twitter

Categories

Web Design Tools You Wish You Knew About When First Designing Your Website

It’s easy to have perfect vision in hindsight, but when designing a website a little planning ahead can give you a perfect vision from the get-go. Many web designers find themselves performing redundant tasks, or creating things with manual effort that could otherwise be automated. Check out these useful web design tools that you’ll be […]

Best Resources to Use for Web Design Ideas

Web designers may have their own ideas when creating a layout design for a website but similar to writers, they also experience the so-called mental block syndrome at certain times. Fortunately, the web has a wealth of information available and designers can always turn to it for inspiration. It may surprise you to know that […]

The “Horrible Web Design Client:” An Infographic Look

Web design is a new frontier in creative designing. It takes a special set of design skills to make an effective web site. A good web site is not just pretty to look at, or filled with a lot of cool Flash animations, it is also easily navigable, with well laid out elements that are […]

Pagelines PlatformPro 1.3 – The Upgrade

PlatformPro 1.3, the latest upgraded version of the successful PlatformPro Theme by PageLines, has finally hit the market. Packed with 20 or so new options and features, it has undergone some major changes; the most important of which are listed here: The new Web Typography tool provides direct integration with Google’s Font API. This provides […]

Design tip: use extraordinary imagery

Drawn.ca has posted 2 interesting sources of atypical imagery which, I realized, can be great design inspiration: First, Dogfoose uses close-up images of produce in his illustrations. The sample below uses broccoli as treetops for a kids magazine illustration: What an amusing way to channel the miniature look (achieved through tilt-shift photography) for infographics purposes! […]

iThemes Builder – Your one-stop WordPress Theme Builder

This revolutionary new theme is incredibly easy to install – simply upload it into the themes folder, click activate – that’s it! As with all their themes, iThemes have included a My Themes widget, providing links to special features within the theme itself, as well as relevant information for the configuration of WordPress. The layout […]