Design


21
Mar 12

It's not you, it's the user

Software as social hacking

Finding out how you site/app/whatever is being used and percieved by the users is as important (or more) as your original specifications for it. This is what Grupper (a social service that sets up up drinks between 3 men and 3 women) discovered when they realized that cancellation rate for their events was extremely high.

On paper, they had done everything right. They had made cancelling an event very easy in order to provide a great customer service. What that meant though was the their system was allowing people to cancel for insignificant reasons. While this is was convenience for the person who was cancelling, it was quite the opposite for the other five persons who had their plans cancelled on them. So, if you could "sum the experiences", for each one good experience Grupper was creating, it was also creating five bad ones. And that terrible for the entire service, which could easily be end up being characterized as "site filled with %#%%!" ;) In the end, Grupper made the cancellation process personal, by forcing people to call up and announce themselves their change. That dropped cancellation rates 90%

One might argue that this is just the case of a social site, and it can't be applied elsewhere. But the point is understanding how your users are actually using your software (application, site, anything), what they expected to do and what they thought they got from the result. For example, consider a search form in a database with 40 category choices. Presenting all 40 options to the user sounds like the way to go. But if 60% your data is in 5 of the options, this means that user will start clicking on options and mostly get few results. This instantly is a bad experience, blamed on the system ("I tried it but I got no results. The system is broken"). Obviously, there should be a better way for the interface to allow the user to get the data he was looking for.

In the end, it's good to remember that it's not you that is using the software, it's the user. ;)

Read Grupper's article here http://bit.ly/GEPjuv (found via +Guy Kawasaki)
Somewhat related video: George Constanza on "It's Not You, It's Me" :) http://bit.ly/GCBZTs

Google+: View post on Google+


16
Mar 12

Responsive design strategies

Through fluid grids and media query adjustments, responsive design enables Web page layouts to adapt to a variety of screen sizes. As more designers embrace this technique, we're not only seeing a lot of innovation but the emergence of clear patterns as well. I cataloged what seem to be the most popular of these patterns for adaptable multi-device layouts.

Full read: +Luke Wroblewski's article "Multi-Device Layout Patterns" at http://bit.ly/xo77F7

Google+: Reshared 1 times
Google+: View post on Google+


12
Mar 12

Glyphs, Icons, Pictograms, Free!

I've been a long time user of the famfamfam.com icon library but recently I've been looking for something fresh. Here are some very nice choices for your icon greed :)

Entypo by +Daniel Bruce
Over 100 icons in EPS or as OpenType font. Free with attribution (you can donate, 50% goes to wikipedia)
http://bit.ly/wEuNiE

+GLYPHICONS by +Jan Kovařík
350 icons in 16×16 PNG. Free with attribution (royalty free options available with additional AI, PSD files)
http://bit.ly/xKQ1Dw

Fugue by +Yusuke Kamiyamane
A very large icon (16×16 PNG) collection with a total of 3.346 variations! Source files provided as well. Free with attribution (royalty free option available)
http://bit.ly/w5AWz3

Enjoy! :)

In album 2012-03-12 (3 photos)

Entypo

Google+: View post on Google+


10
Mar 12

It's an upside down world

I know you like maps on signs so I put a QR code on your sign to open up a map…

Someone please explain the rationale for placing a huge QR code on a sign on the space where you would normally put a map, and then having the QR code be a link to the map (if you happen to have a proper device to handle it). And of course placing driving directions aligned centered :)

This distorted view that everything is better done digitally doesn't end there. Yesterday, finally the big the news came: there is now an app so that you can knock on people's door with an SMS http://bit.ly/AmVWe8

At some point we need to see that some things can also be done physically ;)

Google+: View post on Google+


25
Feb 12

Responsive design wireframing

The #responsivedesign concept is quickly becoming a must-have item in any new web design project. But while the miracle of "code once, run everywhere" is upon us, some challenges are ahead for the designer. Suddenly, it's not one #wireframe , but three or four (for each #layout of the website). And while there may be some tricks to make the process easier, you might not have the best result in each device/resolution case.

Leigh Howells explores the situation on boagworld http://bit.ly/yFyZx4


21
Feb 12

iOS 1986

Awesome retro iOS icons by Anton Repponen http://bit.ly/xq0RJj


20
Feb 12

Can you convince me in 5 seconds?

Value proposition is the #1 thing that determines whether people will bother reading more about your product or hit the back button. It’s also the main thing you need to test – if you get it right, it will be a huge boost. If I could give you only one piece of conversion advice , “test your value proposition” would be it.

The full article: Useful Value Proposition Examples (and How to Create a Good One) at ConversionXL http://bit.ly/zoS2HF


7
Feb 12

How to Design User Flow

Getting visitors to your site is one thing. But once they are there, you need to provide an exciting/useful/engaging/you-name-it experience if you are going to have results.

The good folks at conversionXL.com have a very thorough post on how to guide your visitors to the desired action (whatever that may be: sale, quote form, support information, etc). The article include actual examples on getting started with the described concepts.

Check the full thing at http://bit.ly/A5BbnO


30
Jan 12

Testing your responsive design

So you're following the latest trends in #web development and have decided to develop your new site with a #responsive design. You quickly realize that's kind of hard testing the site on multiple resolutions every time you make a change.
+matt kersley has a nice solution: http://bit.ly/ycYno9
A simple setup with iframes will show the same URL is four different resolutions.

Of course this doesn't fully replace testing on actual machines (and their specific browsers) but it will certainly speed up the initial development time.

If you want to host it locally, you can grab the html/js on GitHub http://bit.ly/xu39c5


24
Jan 12

Amazing Cisco

What kind of mind decides that a "contact support" form should have a 128-characters limit? That said, when there is an issue with an account and it gets disabled, what kind of mind decides "let's not send an e-mail to the customer about it, he'll figure it out next time he tries to use our service!"?
#CustomerSupportFail #UIFail :)

[Update] So 24 hours later, #Cisco support has contacted me once, to tell me that my request was bumped from one department (technical support) to another (client manager)… Awesome…