September 2, 200926 Comments and 1 Reaction
Spending months and months building an effective and useful web application or service is only half the battle that any developer must face. It might be potentially the most powerful and useful app ever created, but will users like it? Will they understand how to use it? And most importantly, will they come back and use it again? These are the three questions developers must ask themselves before they launch any app.
Apps and services are about having simplified features, finding the easiest possible method for users to interact, understand and eventually love the app. Not only do the features have to be simple they have to emphasize the sites purpose and allow users to quickly achieve basic tasks.
If we look at some of the biggest names in web apps and services and ask the question, what do they have in common? Have a look at Google Search, Twitter, Delicious ot to a lesser extent Flickr, and ask the questions, how did they become so popular? What distinguishes them from there competitors? The answer is simplicity. They are all memorable because they are easy to use, learn and understand and of course, they are backed up by a powerful tool as well. When you arrive at each site the function that they perform is clearly defined, they use basic navigation that everyone can understand and you can very quickly perform tasks.
There is no winning design formula to a popular web app or service, just guidelines. Nor is there a typical design style for you to follow, as this post unintentionally proves. What we have done is showcased 50 of the best designed web app and service web sites, broken down into the following categories: Clean, Simple and Nice Designs, Minimal and Effective, Vector and Large Background, Corporate and Professional, Modern and Typical (Web 2.0ish), Stylish and Classic, Graphically Improved and Flash, Flex and AIR Designs.
Previous parts of the Top 50 Web Design Styles Series
50 Examples of Large Photography Backgrounds within Web Design »
50 Examples of Creative 404 – Page Not Found Pages »
A Showcase of 50 Amazing Personal Blog Web Designs »
50 Creative Examples of Illustrations in Web Design »
50 Professional Web Design Agency Web Sites »
50 Bright and Vibrant Web Designs – Color Inspiration »
50 Impressive Magazine and Newspaper Styled Web Designs »
50 Inspirational and Fresh Minimally Designed Web Sites »
50 Creative and Inspirational Personal Portfolio Websites »
50 Inspiring Web Application and Service Web Site Designs »
50 Examples of Effective Uses of Typography Within Web Design »
50 Beautifully Crafted Corporate Ecommerce Web Designs »
50 Creative Examples of Vintage and Retro in Web Design »
50 Examples of Creative 404 – Page Not Found Pages »
A Showcase of 50 Amazing Personal Blog Web Designs »
50 Creative Examples of Illustrations in Web Design »
50 Professional Web Design Agency Web Sites »
50 Bright and Vibrant Web Designs – Color Inspiration »
50 Impressive Magazine and Newspaper Styled Web Designs »
50 Inspirational and Fresh Minimally Designed Web Sites »
50 Creative and Inspirational Personal Portfolio Websites »
50 Inspiring Web Application and Service Web Site Designs »
50 Examples of Effective Uses of Typography Within Web Design »
50 Beautifully Crafted Corporate Ecommerce Web Designs »
50 Creative Examples of Vintage and Retro in Web Design »
Clean, Simple and Nice Designs
Image Spark
robo.to
Tumblr
PhotoSnack
YOKABOO
Verb
Server Density
WebMynd
The Invoice Machine
Big Cartel
Grapevine
Minimal and Effective
Minify Me
Flickr
Delicious
ColorSuckr
TASCK
ImgLot
Pictaculous
Vector and Large Background
StrawPoll
FriendOrFollow
TwitterFone
Everlater
Bet Your Followers
MiLK – The Mobile Learning Kit
Corporate and Professional
WordPress.com
crowdSPRING
Wellper – Collaborative Pricing
Amazee – Connect. Collaborate. Change.
Vyew – FREE Anytime Collaboration
Last.fm
Behance Network
Modern and Typical (Web 2.0ish)
Screenr
Print Friendly
Cork’d
Vimeo
Jing
Friends Call Me
Blogger
Plinky
SHOWN’D
Stylish and Classic Layouts
Typechart
Dialogix
Cobblestone Community Network
Graphically Improved Designs
Carbonmade
Wufoo
AppBoy
OCR Terminal
BabelWith.Me
Gambolio.com
Autodesk Project Dragonfly
Flash, Flex and AIR Design
uvLayer
Used cars : Volkswagen UK
Psykopaint
PDF Creator
“The most common way to get usability wrong is to listen to what users say rather than actually watching what they do.“
Jakob Nielsen, The King of Usabilty.
When developing your web app remember this: Users hate waiting, learning, repeating, non-standard navigation and really hate overlong and overblown pointless sigup forms. How about that for a simplifed guideline?
You might also like…
50 Essential Web Typography Tutorials, Tips, Guides and Best Practices »
50 of the Best Ever MooTools Plugins and Tutorials »
30 Tutorials Combining Both WordPress and jQuery »
50 Social Service and Bookmarking Icon Sets for Bloggers »/a>25 Fresh and New jQuery Plugins and Tutorials »
50 Useful Tools and Generators for Easy CSS Development »
50 of the Best Ever MooTools Plugins and Tutorials »
30 Tutorials Combining Both WordPress and jQuery »
50 Social Service and Bookmarking Icon Sets for Bloggers »/a>25 Fresh and New jQuery Plugins and Tutorials »
50 Useful Tools and Generators for Easy CSS Development »
View more from the web design styles series
50 Professional Web Design Agency Web Sites »
50 Bright and Vibrant Web Designs – Color Inspiration »
50 Impressive Magazine and Newspaper Styled Web Designs »
50 Inspirational and Fresh Minimally Designed Web Sites »
50 Creative and Inspirational Personal Portfolio Websites »
50 Inspiring Web Application and Service Web Site Designs »
50 Examples of Effective Uses of Typography Within Web Design »
50 Bright and Vibrant Web Designs – Color Inspiration »
50 Impressive Magazine and Newspaper Styled Web Designs »
50 Inspirational and Fresh Minimally Designed Web Sites »
50 Creative and Inspirational Personal Portfolio Websites »
50 Inspiring Web Application and Service Web Site Designs »
50 Examples of Effective Uses of Typography Within Web Design »
No comments:
Post a Comment