15 Principles of successful web apps

Please note the last 5 principals have been cribbed from ‘Shortboredsurfer and great principals they are too. It’s not my intention to claim them as my own, just compile them with the others I collected to provide a list I think is the most useful.

The following functional principals, along with the measurements of Usefulness, Findability, Accessibility, Desirability, Usability and Credibility are my little list of ‘must-haves’ when designing stuff. I’ll likely continue to add stuff to the list when I find it. So keep checking back.

1. Speed

First and foremost, we believe that speed is more than a feature. Speed is the most important feature. If your application is slow, people won’t use it. I see this more with mainstream users than I do with power users.

2. Instant Utility

What this means is the service is instantly useful to you. If you build a service and the user has to spend an our configuring the service, setting it up, importing contacts, doing a lot of data entry, I don’t think people are going to – most people aren’t going to put up with that. The service has to be useful right from the start.

3. Software is Media

This is one that I got a lot of questions on. My view is that software is media today. Particularly consumer software, when people use it, they approach your software in the same way they would approach media. When I say media, I’m talking about a magazine, or a newspaper or a TV show. Software and web applications, Apps and gadgets need to have an attitude, and a style and uniqueness.

4. Less is More

Less is more, and I really believe this, particularly early on when you launch something. Over time, you can grow the utility of your service, and Facebook today probably offers 20 or 30 different features of significance in their service. But, when they launched, it was really quite simplistic. I think that’s true of most great services.

5. Make it Programmable

Talking to a group of web app developers, I think this probably goes without saying, but I think it’s important to make your application programmable, and make it possible that others can build on top of or connect to or add value to, in some way, your web application. That means API’s, and in my opinion read/write API’s.

6. Make it Personal

Personal means many things to many people, but essentially, it’s a lot like the prior slide. You want third-party developers to infuse your application with their energy. You also want to make your application infused with your users’ energy. The more of their data and their personality and energy that they can contribute to your application, the more ownership that they feel of it, and the more likely they are to advocate it and become, in effect, your marketing force. It’s very important to make your application personal for everybody. Clearly, user-generated content lets people start to feel ownership of your web application better.

7. Discoverabilty

When you launch a web app, it’s a needle in a haystack. There are hundreds of thousands, if not millions of web apps out there on the World Wide Web, and how is anybody ever going to find yours? At its base level, for me, this means search engine optimization. You have to understand search engine optimization and you have to understand the rules; you’ve got to know how to do it. You have to build your application from the ground up to be discovered by Google, and optimized for Google.

8. Clean

Clean, to me, means that the application cannot be busy on the page. You need to be able to look at it and not be bothered with lots of stuff. It’s white space, or dark space; it doesn’t really matter whether it’s white or dark, but lots of space. I think big fonts, not too much functionality presented on any one page. Make it very inviting, and make it so the people know, right away, what they need to do.

9. Playful

Last but not least, is playful. We have 6 words that we live by at Union Square Ventures. Only one of them actually made it into this deck. The 6 words are: mobile, social, global, playful, intelligent, and I’m forgetting what the last one is so I’m going to fail today, but in any case, that’s kind of what we think about thematically in terms of web apps. Only one of them made it onto this slide deck, and that’s “playful”.

10. Viral

Viral conjures up visions of Old Spice Man, but it’s more than that – It’s the power of pass-it-on… being able to share things with your peers, friends and family and let them join you in the experience and then tell their peers, friends and family to expand their experience too. It’s not about chuckling at a video on YouTube and emailing a link or Tweeting a response, it’s purer than that – Viral is about joining in and taking other people along for a ride. Here are the golden rules of viral:

  • Web-based – Viral loops are far better suited to the frictionless world of the internet
  • Free – Users consume the product at no charge; after aggregating a mass audience, you may be able to overlay various revenue generators
  • Organizational technology – These sites don’t create content, their users do. They simple organize it, but facilitating can lead to a mass audience – Just ask Google.
  • Built in virality – Users spread the product purely out of their own self-interest and, in the process, offer a powerful word-of-mouth endorsement to each subsequent user.
  • Network effects – The more people who join, the more people there are who have an incentive to join
  • A point of non-displacement – A tipping point, after which it’s nearly impossible to take a company down.

11. Match Experience & Expectations

When using a product or service for the first time there is likely to be an element of learning needed to get to grips with it. This learning curve can often be an uncomfortable experience especially if the proposition doesn’t feel familiar. Match your audience’s prior experiences and expectations is achieved by using common conventions or UI patterns.

12. Cognitive load

Cognition is the scientific term for the “process of thought”. When designing interactions we need to minimise the amount of “thinking work” required to complete a particular task. Another way of putting it is that a good assistant uses their skills to help the master focus on their skills.

13. Functional Layering

The Pareto principle (also known as the 80-20 rule), in the context of interaction design, is the rule that 20% of the functionality is used 80% of the time. Therefore we should make the most common or important functions easiest to find. We can do this by hiding or reducing the prominence of infrequently used or advanced functions.

14. Mousing

In my daily interactions ‘mousing’ is becoming less of an issue as I begin to rely more on touch screen interfaces such as my iPhone and iPad. However, in the classic desktop environment ‘mousing’ relates to the ease in which you are able to move between controls, which is described best through Fitts’ law.

Fitts’ law is a model of human movement in human-computer interaction (HCI) and ergonomics which predicts that the time required to click an object is proportional to the distance and inversely proportional to the object size.
With key functions or sequential mouse-operated controls we need to maximise the size of the controls and minimise the distance between them. This not only improves efficiency but in certain instances can reduce the risk of error.

15. Hierarchy of Control

The hierarchy of influence between elements should be clearly apparent. Generally, controls which affect an object, should be grouped with the object, such as zoom controls on a map.

Controls which influence a group of objects should be associated with the entire group, forming a hierarchy.

25 Comments

  1. incorporate business
    January 14, 2011 at 11:43 am ·

    This is such a great resource that you are providing and you give it away for free. I enjoy seeing websites that understand the value of providing a prime resource for free. I truly loved reading your post. Thanks!

  2. Yon Lipitz
    March 26, 2011 at 2:04 pm ·

    Incredible! Your site has a ton readers. How did you get all of these viewers to look at your post I’m jealous! I’m still studying all about posting information on the web. I’m going to click on more articles on your site to get a better understanding how to attract more people. Thanks for the assistance!

  3. Travis Pariseau
    March 28, 2011 at 5:57 pm ·

    I really liked scanning this content, I’m just simply anxious to find out would you industry featured content pieces? My business is constantly hunting for anyone to generate investments with in addition to basically assumed I might question.

  4. Pat Pacelli
    March 28, 2011 at 7:55 pm ·

    I really liked scanning this content, I’m just simply anxious to uncover out would you industry featured content pieces? My business is constantly hunting for anyone to generate investments with in addition to basically assumed I might question.

  5. Darryl Ominelli
    March 29, 2011 at 6:33 pm ·

    Following study few of the blogposts on your website considering that yesterday, and I genuinely like your style of blogging. I tag it to my favorites website list and is going to be checking back soon.

  6. Tomas Pacholec
    March 30, 2011 at 12:06 pm ·

    Hi! This truly answered my problem, thank you!

  7. Eddie Stoudymire
    March 30, 2011 at 1:26 pm ·

    I am not sure where you are getting your information, but outstanding topic. I needs to spend some time learning much more or understanding much more. Thanks for remarkable information I was trying to find this info for my mission.

  8. Angel Weld
    March 30, 2011 at 3:03 pm ·

    Hi! Spot on with this write-up, I really think this website needs much much more consideration. I’ll probably be again to read much a lot more, thanks for that info.

  9. Janine Sapper
    March 30, 2011 at 4:19 pm ·

    Nice fill a person in on and this enter helped me alot in my college assignement. Thanks you as your details.

  10. Jackie Dingillo
    March 31, 2011 at 12:22 am ·

    Wow, suprisingly I never knew this. Keep up with great posts.

  11. Mohammad Cool
    March 31, 2011 at 3:40 pm ·

    You were so excellent! I actually don’t think Ive take a take a look at a single thing like that in the past. Totally helpful to find an individual some innovative suggestions on this specific content.Thanks for your time for beginning this up. this terrific website can be a thing that’s required over the web, a person with a bit of originality. critical job for such as something totally new to the internet.

  12. Luigi Tinsley
    March 31, 2011 at 5:43 pm ·

    I recently came accross your site and have been reading along!! I thought I would leave my extremely first remark. Nice weblog. I will keep visiting this website extremely often

  13. Melani Fraise
    April 3, 2011 at 10:25 pm ·

    Hi! I am often to blogging and i truly appreciate your content. The post has truly peaks my interest. I’m going to bookmark your internet site and keep checking for new information.

  14. Rashad Tenny
    April 4, 2011 at 8:01 pm ·

    Where can I subscribe to the Rss of your web site? The articles here are always interesting, and this is no exception.

  15. Malcolm Ellison
    April 4, 2011 at 8:19 pm ·

    Maintain posting stuff like this i truly like it

  16. Alexandria Dagg
    April 4, 2011 at 11:17 pm ·

    Wow, suprisingly I never knew this. Keep up with good posts.

  17. Vannesa Stalberger
    April 5, 2011 at 5:18 am ·

    Interesting article! I read about this before. Thanks to author. Properly, you will find much more things to read within the web. Thank you.

  18. Jon Klutz
    April 5, 2011 at 9:38 am ·

    I discovered this short write-up bookmarked and that i genuinely appreciated what I just read. will book mark it too and even undergo your own different discussions in the future.

  19. Maritza Heidelburg
    April 5, 2011 at 3:49 pm ·

    You made some great points there. I did a search on the topic and hardly discovered any distinct details on other internet websites, but then excellent to be here, seriously, thanks…

  20. Dennis Petrosky
    April 8, 2011 at 2:48 pm ·

    Took me time to read the entire write-up, the write-up is fantastic but the comments bring more brainstorm ideas, thanks.

  21. Mason Kollar
    April 21, 2011 at 11:37 pm ·

    found your site on del.icio.us today and genuinely liked it.. i bookmarked it and will be back to check it out some more later

  22. Lesha Krivanek
    April 22, 2011 at 4:09 am ·

    I’m impressed, I’ve to say. Really hardly ever do I encounter a blog that’s both educative and entertaining, and let me inform you, you might have hit the nail on the head. Your thought is great; the difficulty is something that not sufficient people are speaking intelligently about. I am extremely comfortable that I stumbled across this in my search for some thing relating to this.

  23. Anibal Baylor
    April 22, 2011 at 9:54 pm ·

    Almost all of what you state happens to be astonishingly legitimate and that makes me ponder why I hadn’t looked at this with this light prior to. This write-up really did switch the light on for me personally as far as this topic goes. Nevertheless there is certainly 1 problem I’m not too comfy with and whilst I try to reconcile that with the actual central theme of the problem, permit me see precisely what the rest of your visitors need to point out.Nicely completed

  24. April 24, 2011 at 2:03 am ·

    i’d love to share this posting with the readers on my site. thanks for sharing!

  25. Gabriele Robichaud
    November 3, 2014 at 5:31 pm ·

    Awesome article.

Choose post category

open