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+


20
Mar 12

3, 2, 1, Launch!

Just click play

Outstanding video from NASA…
(via +michael interbartolo)

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


19
Mar 12

What the Plus! Free for 6 5 hours!

+Guy Kawasaki teamed up with +Samsung USA to offer his new book on #Google + What the Plus! as a free PDF download. What the Plus! is a collection of articles on making the best out of G+

Get it here http://yousend.it/whYuAr (the link will expire in about 5 hours, after that you can find it on Guy's page http://bit.ly/FQQPqU )
(Found via +ScienceSunday)

Google+: View post on Google+


17
Mar 12

Page flip effect with jQuery

Burn Flash, burn

Here's another use of Flash that can be converted to #HTML5 / #CSS3 : turn.js provides an easy to setup page-flip effect with just a few lines of codes.

Get it here http://bit.ly/FOHmkX and also check out this tutorial of an Instragram-powered "magazine" using turn,js http://bit.ly/ym1cDo

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


17
Mar 12

How to fit a large table of data in a small screen?

You don't ;)

So you decided to join the mobile world and create a unicorn/droid-ready version of your site. If you happen to use big tables of data on one of your pages you find out they don't really fit in a small screen.

The good guys of the filament group have come up with a #jQuery / #CSS3 / #responsivedesign solution that comes down to this:
- select what is important for a small screen
- show it and hide the rest
- adjust the presentation according to the device so that you don't have to have 3 versions of the same thing
- give the user the option in any case.

Read on how to do it: A Responsive Design Approach for Complex, Multicolumn Data Tables at http://bit.ly/xtiPo0

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+


15
Mar 12

Content worth sharing

What marketers can learn from cartoons

Here's an excellent (and huge!) article by +Tom Fishburne on creating content in the age of #social media

As a cartoonist and marketer, I learned that there is a lot to learn from the simple cartoon. Cartoons are “content worth sharing”. Today I want to talk about 5 lessons marketers can learn from cartoons, and I’m going to use cartoons to do it. These lessons are relevant no matter how you communicate with your audience. I’ll use case studies along the way too.

Tom explains why marketing content needs to be relevant ("worth sharing"), targeted, relevant to the audience, and much much more. Well worth the click (pun intended :) ), read on at http://bit.ly/xOasC4

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


14
Mar 12

The CSS3 Anthology, 4th Ed.

Just got Sitepoint's CSS3 Anthology book by +Rachel Andrew which has been updated to a fourth edition. It's a good over-400-pages reference book with basic and not so basic practical examples of using #CSS3 .

Hot topics covered:
* Responsive design: Smart layouts for all devices
* Stylish layouts: With tabular data, text styling, and CSS positioning
* Seamless navigation: Pretty rollovers and menus without JavaScript
* Cross-browser technologies: Compatibility troubleshooting and fixes
* Usable forms: Design forms that work, and look good too

Check this link http://bit.ly/xYiQBW for the table of contents.
It is currently offered as en e-book at $19 down from $29 http://bit.ly/yVFyf7

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


13
Mar 12

The Singing Paper

Sounds like magic but new advances in printing using special inks can create electrical circuits, converting a piece of paper to something interactive. Uniform has some ideas… http://bit.ly/zrO13R

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+