Tuesday, June 23, 2009

Helpful resources on interface design patterns from Smashing Mag

Those rather helpful guys at
Smashing Magazine
have posted 40 useful resources for interface design patterns. I have some of these bookmarked and others where new.

They also just posted 10 design patterns to be paying attention to, talking about some of the recent patterns that are emerging and re-emerging in the websites that we know and love.

Good stuff to snack on and chew.

Labels: , , , ,

You're still counting clicks, huh?

UX Booth has a great article on Counting Clicks. The every famous "3 Click Rule", which is something like everyone should get to where they want to go in 3 clicks, is one of those "rules" that we aren't fans of.

Not because we don't like the challenge of making everything on your website available within 3 clicks. There might be times where it is applicable. As a general rule it places unnessary contrains on the architecture that might not really be a benefit to the user.

For example large navigation systems are not helpful for people to make decisions with. In that scenario people might want 4 clicks with smaller navigation items.

The truth is that hard, fast, and specific rules like this don't apply to everything. Just like saying that a glass of wine a day is good for you doesn't apply to everyone.

Labels: , ,

Thursday, June 4, 2009

The web without words

Explore the Web Without Words - a visual playground. Every week Paul Armstrong takes a popular and known website and reconstruct it by removing all words and images, replacing them with blocks (what is typical in the "concepting" and "wireframeing" phase of a architecture/ design process).

Can you guess which websites these are:

Website A
Website B

Labels: , ,

Tuesday, April 28, 2009

Get Wireframing: The All-In-One Guide




"Wireframing is a great tool to incorporate into your projects as it allows for rapid prototyping and helps to pinpoint any potential problems. I personally find it invaluable on projects to have a visual representation of content, hierarchy and layout. Overall it’s an excellent step to incorporate into your project before the design process begins for both you and your clients.

I am continually intrigued about how other firms and individuals incorporate the wireframing stage into their process. I know i’m not the only one, so this list aims to group together some of the best techniques, tools and resources to help you create effective wireframes."

Click here whole article

Labels:

Sunday, April 19, 2009

Typeface Inspired by Comic Books Has Become a Font of Ill Will

Vincent Connare designed the ubiquitous, bubbly Comic Sans typeface, but he sympathizes with the world-wide movement to ban it.

Mr. Connare has looked on, alternately amused and mortified, as Comic Sans has spread from a software project at Microsoft Corp. 15 years ago to grade-school fliers and holiday newsletters, Disney ads and Beanie Baby tags, business emails, street signs, Bibles, porn sites, gravestones and hospital posters about bowel cancer.

The font, a casual script designed to look like comic-book lettering, is the bane of graphic designers, other aesthetes and Internet geeks. It is a punch line: "Comic Sans walks into a bar, bartender says, 'We don't serve your type.'" On social-messaging site Twitter, complaints about the font pop up every minute or two. An online comic strip shows a gang kicking and swearing at Mr. Connare.

The jolly typeface has spawned the Ban Comic Sans movement, nearly a decade old but stronger now than ever, thanks to the Web. The mission: "to eradicate this font" and the "evil of typographical ignorance."

"If you love it, you don't know much about typography," Mr. Connare says. But, he adds, "if you hate it, you really don't know much about typography, either, and you should get another hobby."

Typefaces convey meaning, typographers say. Helvetica is an industry standard, plain and reliable. Times New Roman is classic. Depending on your point of view, Comic Sans is fun, breezy, silly or vulgar and lazy. It can be "analogous to showing up for a black-tie event in a clown costume," warns the Ban Comic Sans movement's manifesto. The font's original name was Comic Book, but Mr. Connare thought that didn't sound like a font name. He used Sans (short for sans-serif) because most of the lettering, except for the uppercase I, doesn't have serifs, the small features at the end of strokes.

Mr. Connare, 48 years old, now works at Dalton Maag, a typography studio in London, and finds his favorite creation -- a sophisticated typeface called Magpie -- eclipsed by Comic Sans. He cringes at the most improbable manifestations of his Frankenstein's monster font and rarely uses it himself, but he says he tries to be polite when he meets people excited to be in the presence of the creator. Googling himself, he once found a Black Sabbath band fan site that used Comic Sans. The site's creators even credited him. "You can't regulate bad taste," he says.

Still, he is tickled by -- and trades on -- his reputation. A picture signed by Mickey Mouse that was sent to Mr. Connare to thank him after Disney used the font in ads hangs in his house. His wife, Sue Rider, introduces him at parties as the father of Comic Sans. A friend of his claims to know someone who broke up with her boyfriend in a letter written in Comic Sans to soften the blow. But there certainly hasn't been much money in it for Mr. Connare since Microsoft owns the font.

Of course, there would be no movement to ban Comic Sans if it weren't so popular. "We've been using that font for years," says Peter Phyo, a manager at O'Neals' restaurant across the street from Lincoln Center in Manhattan. "That is just the procedure. I wouldn't know the exact reasoning. It also looks nice on the menu." Mr. Phyo says he hasn't had any complaints.

The proliferation of Comic Sans is something of a fluke. In 1994, Mr. Connare was working on a team at Microsoft creating software that consumers eventually would use on home PCs. His designer's sensibilities were shocked, he says, when, one afternoon, he opened a test version of a program called Microsoft Bob for children and new computer users. The welcome screen showed a cartoon dog named Rover speaking in a text bubble. The message appeared in the ever-so-sedate Times New Roman font.

Mr. Connare says he pulled out the two comic books he had in his office, "The Dark Knight Returns" and "Watchmen," and got to work, inspired by the lettering and using his mouse to draw on a computer screen. Within a week, he had designed his legacy.

A product manager recognized the font's appeal and included it as a standard typeface in the operating system for Microsoft Windows. As home computers became widespread, Comic Sans took on a goofy life of its own.

Out to crush that goofy life is Ban Comic Sans, whose weapons include disapproving stickers, to be slapped on inappropriate uses of the font wherever they are found.

Ban Comic Sans was conceived in the fall of 1999, when Holly Sliger was a senior at the Herron School of Art and Design in Indianapolis, studying typography and graphic design. Designing a museum gallery guide for a children's hands-on artifact exhibit, Ms. Sliger says she was horrified when her bosses told her to use Comic Sans. She told them it was a cliché, and printed out a list of other typefaces she thought better suited the project. They insisted on Comic Sans.

"It was like hell for me," she says. "It was everywhere, like an epidemic."

In the midst of the project, she met her future husband, Dave Combs, at synagogue one Saturday. He was a recent college graduate working as a graphic designer, and she knew he would sympathize. "This is horrible," he remembers saying. She says, "That's when I knew he's the guy I would marry." The couple did wed a year later and continued to gripe about the font.

ing for his master's degree in type design at the University of Reading in Berkshire, England. He got an email from Mr. Combs asking for permission to use his photo for stickers, T-shirts and coffee mugs to promote "typography awareness" for the movement to ban Comic Sans that he and his wife had founded. Busy and distracted, Mr. Connare said OK.

"It sounded a bit silly," he says. He didn't think it would amount to much.

But the Combses had global ambitions. A map hangs in their daughter's bedroom, marked with little red flags to show the dozens of locations around the world from which people have requested their stickers. "They're like parking tickets," Mr. Combs says. As the movement grew, Mr. Connare's image became the logo for Comic Sans bashing.

Mr. Connare eventually, in February 2004, asked the Combses to stop using his picture, and they did.

Today, Mr. Connare sometimes speaks at Internet conferences, using 41-page PowerPoint presentations written in you-know-what. He talks with the Combses about creating an "I Love/I Hate Comic Sans" picture book together.

The font has become so popular that it's approaching retro chic. Design shop Veer is selling a T-shirt with a picture of human heart on it made entirely of tiny Comic Sans characters. Veer's text: "Love it, love to hate it, or hate that you love it."

Source Link: Wall Street Journal

Labels: , ,

Wednesday, March 11, 2009

Pleasant things work better

In this talk from 2003, design critic Don Norman turns his incisive eye toward beauty, fun, pleasure and emotion, as he looks at design that makes people happy. He names the three emotional cues that a well-designed product must hit to succeed.

This is exactly why we want to make our websites fun, delightful, and pleasurable.




Don, says the three ways that good designs make us happy

Visceral Level - deep in inward subconscious feelings

Behavioral - the feeling of control

Reflective - the voice in your head that lets you know how to feel

Labels: , , , ,

Tuesday, March 10, 2009

Nielsen: Social Nets Overtake E-mail

As online paradigm shifts, advertisers must find a way to add value, rather than follow the 'push' model

NEW YORK Social networking has overtaken e-mail as the most popular Internet activity, according to a new study released by Nielsen.

Active reach in what Nielsen defines as "member communities" now exceeds e-mail participation by 67 percent to 65 percent. What's more, the reach of social networking and blogging venues is growing at twice the rate of other large drivers of Internet use such as portals, e-mail and search. Read More>>

Labels: , , ,

Monday, March 9, 2009

Silverback is Launched


Spontaneous, unobtrusive usability testing software for designers and developers.

Capture screen activity
Video the participant’s reactions
Record the participant’s voice
Add chapter markers on the fly
Control recording with the remote
Export to Quicktime

Check out Silverback

Labels: , , ,

Monday, March 2, 2009

Websites and Books Mentioned at the Future of Web Apps

You know when you go to conferences there are many references to websites and books. Here is a list of websites and books from the Future of Web Apps that occured last week in Miami.

Websites

AListApart

“For people who make websites” - A List Apart Magazine (ISSN: 1534-0295) explores the design, development, and meaning of web content, with a special focus on web standards and best practices.

Atlas
Yea, you just gotta check this out, trust me you won't regret it.

BriteKite
Brightkite is a location-based social network. In real time you can see where your friends are and what they're up to. Depending on your privacy settings you can also meet others nearby.

CMSReview.com/Stages

Content Management is a complex business and is best understood by breaking it down into the major stages or phases involved in managing the content lifecycle.

Delivr
Interesting ways to share URLs

Domainr
Domainr helps you explore hundreds of domain names.

FaceBook Connect
Facebook Connect is the next evolution of Facebook Platform - enabling you to integrate the power of Facebook Platform into your own site.

Jott
Capture thoughts, create to-dos and set reminders with a simple phone call

Kallow
Kallow is a product recommendation site built specifically to give you the nerd-
stamp-of-approval on common electronics that are usually confusing.

Mashville
Maybe sometimes you took turns drawing something together with another person. This is the best way to explain how the work displayed here was made.

MindMeister
Free web-based collaborative mind mapping tool for brainstorming and project-managment.

Ning
Create your own social network for anything

OpenTable
Make restaurant reservations the easy way. Find a restaurant » Choose a table » Book online. Trusted by 10,000 restaurants & 90 million diners

PatternTap
A collection of interface design solutions from all over the web, where users can mark patterns they like, and learn from other's design solutions.

Picnik
Photo editing made fun

PipelineDeals
Simple CRM for big business: Organize your deals and prospects, Track the entire sales process, Report on your sales pipeline, and Close more deals, more efficiently. $15/ month.

Sifter
Sifter is designed to be a bug and issue tracker for non-technical people. We're passionate about making bug and issue tracking simple enough to get everyone involved and working together.

Truvay
I dunno yet. Sign up and find out with the rest of us.

TweetDeck
An application that aims to evolve existing functionality of Twitter by breaking down Twitter feeds into more manageable bite sized pieces.

Ubiquity
Ubiquity is a Mozilla Labs experiment into connecting the Web with language in an attempt to find new user interfaces that could make it possible for everyone to do common Web tasks more quickly and easily.



Books

Crossing the Chasm
Author Geoffrey Moore makes the case that high-tech products require marketing strategies that differ from those in other industries. His chasm theory describes how high-tech products initially sell well, mainly to a technically literate customer base, but then hit a lull as marketing professionals try to cross the chasm to mainstream buyers. This pattern, says Moore, is unique to the high-tech industry.

Getting Real
Getting Real is the business, design, programming, and marketing philosophies of 37signals — a developer of web-based software used by over 1 million people and businesses in 70 countries.

Letting Go of the Words

"Redish has done her homework and created a thorough overview of the issues in writing for the Web. Ironically, I must recommend that you read her every word so that you can find out why your customers won't read very many words on your website -- and what to do about it." -- Jakob Nielsen, Principal, Nielsen Norman Group

I know there were more so if I missed anything shoot me an email at pkathiari@localwisdom.com or add a comment.

Labels: , , , , ,

Whoa, Skittles.com is aactually a Twitter Search

So we're not the only one trying to let other people update our homepage (ok, that's coming soon).

Check out Skittles.com, if you can get past the annoying age verification or the floating ad banner like navigation. It is an interesting experience.

Labels: , , , , , ,

Tuesday, January 13, 2009

Web Statistic Charts

Here are some charts taken from data from W3Schools.com, the charts tell an interesting story of trends of the past and a look into whats to come. The data has been collected from W3Schools' log-files over a period of five years. You can find this data on the W3School website.

Click on the chart to see larger.

Browser Statistics



Monitor Display Resolution

Operating Systems

Monitor Color Depth


Download the Excel Document I used to create these charts.
W3School_Stats.xlsx

Labels: , , , , ,

Wednesday, January 7, 2009

Will the real IA please stand up

I came across a very interesting and entertaining presentation from Gail Lejia, UX expert. Learn about Information Architecture through some entertainment.



There has been a lot of discussion over the years about what exactly information architecture is. These "Defining The Damned Thing (DTDT)" conversations have been primarily around the What, rather than the Who. But who are these people? Where do they come from? And why?

Labels: , ,

Intranets are the latest rage

So whats the difference between talking with our customers and talking with our employees and collegues. Nothing really. Well, there shouldn't be, we are all humans. This is something talked about in the Clue Train Manifesto.

I digress, the point of this post is that there is a shift in the way we've been thinking about Intranet sites. Teams need to collaborate, communicate, and connect in ways that were never really needed. This year along we've seen a drastic increase in Intranet sites. From sites that organize information, to sites that allow community discusions, to sites that are highly interactive and motivational.

We're not the only ones who see this. Jakob Neilson talks about it in his latest alertbox titled, 10 Best Intranets of 2009.

Intranets are getting more strategic, with increased collaboration support. Team size is growing by 12% per year, and platforms are becoming integrated, with a strong showing for SharePoint. Improving usability increased use by 106% on average.

The winners of the award for 10 best-designed intranets for 2009 are:

  • Altran, a large engineering and innovation consultancy (France)
  • Advanced Micro Devices (AMD), a developer of computer and graphics processors (USA)
  • BASF SE, the world's leading chemical manufacturing company (Germany)
  • COWI Group A/S, a consulting group focusing on engineering, environmental science, and economics (Denmark)
  • Deloitte Touche Tohmatsu (DTT), a global professional services network providing audit, tax, consulting, and financial advisory services (a Global member organization)
  • Environmental Resource Management (ERM), one of the world's leading providers of environmental consulting services (Global)
  • HSBC Bank Brazil (Brazil)
  • Kaupthing Bank (Iceland)
  • L.L.Bean, a vendor of apparel and outdoor equipment (USA)
  • McKesson Corporation, a large provider of pharmaceuticals, medical supplies, and health care information technologies (USA)
Read the full article

Labels: , , ,

Monday, January 5, 2009

Anchor Links with Fitt's Law in Mind

In a blog post, 10 Useful Techniques to Improve Your Interface, Smashing Magazine talks about using padding on anchor links to increase the size of the clickable area. The idea is that a link or button will get more clicks the closer it is to the mouse arrow and the bigger it is.



The code looks like this:

a {

display
: block;
padding
: 6px;

}


See this and other useful techniques at Smashing Magazine

Labels: , ,

Tuesday, December 30, 2008

Don't Make Me Think: the relationship between Humans & Computers

I saw this as an ironic tell-tale twist on Steve Krug's usability book
"Don't Make Me Think"

Labels: , , , ,

Friday, November 21, 2008

UX and Design


Brandon Schauer, on Sketchboarding - an interesting design method he presented at CanUX in Banff, Alberta, Canada.

Check out video:

Labels: ,

Sunday, September 21, 2008

Usability Testing Software

Found this after following Pinaki's post to the Javascript post:

Morae 3

http://www.techsmith.com/featured/2008/morae/user_experience/?cmp=WDWM001

Seems pretty cool, and it's amazing how much easier things like usability testing and focus groups are starting to become!

Labels: , ,

Javascript in Modern Web Design

Web designer wall has a new post that catalogues some I'd the most
used javascript functions to extend designs and inscrease user
experience.

http://www.webdesignerwall.com/general/javascript-in-modern-web-design/

Labels: , ,

Thursday, August 28, 2008

Scrolling all the waaaay....

There is another design trend that I am seeing for websites where the whole website is on one page and the links scroll the page to the location of the content.

Nick La has a list of single page sites, check it out.

Labels: , ,

Friday, August 22, 2008

Inexpensive Usability Testing Service





Haven't tried it but looks like it could be a useful and inexpensive way to get some unbiased usability testing and feedback on a project.

HOW IT WORKS

You sign up for user testing, specifying the demographic profile of your target audience and how many user testers you want (one user costs $19, five users cost $95). You watch and listen to them use your site. Each user's session - mouse movements, clicks, keystrokes, and spoken comments - is saved as a Flash video for you to watch. You read their review. What they liked. What they didn’t like. What would have caused them to leave your site.

Click logo to check it out.

Labels: ,

Another Successful LW website Launch


And I think Shaquille O'Neal will be coming to the Launch party to celebrate with all the LW staff!

Please visit the site so we can prove that it's making a difference on day 1 :)


Thanks to the whole team for all the work put into it, special shoutouts to Christine (keeping me in check and putting up with me when I'm mean), Pak (for making the PNG's a huge issue) and Barry for final round cleanup!

Labels: , , , ,

Monday, July 28, 2008

There is a thin line between simple, clean, and powerful and simple, clean, and boring

Watching the movie helvetica... I have a new appreciation of design and typography.

Labels: ,

Its coming... Maybe... PS4.0 ALPHA BETA CHARLIE Edition...

Friday, July 25, 2008

Information design

Wednesday, July 23, 2008

Have you seen this man???


The Dov!!!


check out his newest project: http://twoguysonbeer.com/




Labels: , , ,

Tuesday, June 17, 2008

One Laptop per Child (OLPC)

One Laptop per Child has the mission to to provide children around the world with new opportunities to explore, experiment and express themselves.

The bold and radical innovative the Graphical User Interface (GUI) was build to enable a child to work alone or work collaboratively with neighboring laptops. This would work wonders in my office.

I've gotten a chance to play with these laptops in last years UX Week by Adaptive Path and heck, I want one for myself and my team.

Labels: ,

Wednesday, June 4, 2008

Let's put a effin' post up