Thursday, August 11, 2005

BlinkList embraces AJAX (in action)

If you are interested in learning about AJAX, then one of the most important posts you can read is by Adaptive Path here.

BlinkList is also quickly turning into one of the best resources to find the latest and greatest information on AJAX since we have lots of power users that are leading AJAX developers. http://www.blinklist.com/tag/ajax/

We have long been big fans and proponents of AJAX because it can dramatically increase the usability of websites. Since AJAX is still new, I thought many people might want to see AJAX in action. There are 5 areas where we are currently using AJAX on our BlinkList site:

1. Pagination with AJAX
2. Favourite STAR
3. Tag rename
4. Copy, Edit, and Deleting links within Blinklist
5. Submitting Comment

1. Pagination with AJAX

Forget having to browse from page to page. With AJAX, new data can be sent between a users browser and a server, without having to do a complete reload of a users page. One of the best examples of AJAX on www.BlinkList.com is browsing through links. If you want to see the next page of search results, just click on the ">" (arrow) and you will see how the page is refreshed using AJAX. This makes browsing through search results faster and easier than before.

Of course this implementation is not perfect yet. It suffers from one of the most common flaws of Ajax design - namely it makes the back button useless. There are ways around this and we'll be experimenting to find a solution.


2. Selecting Favorites (starring links and tags)

One of the unique things about BlinkList, is the ability to mark (star) your favorite links and tags. Once again, we used AJAX to enable this feature. The benefit, users no longer have to click on a button such as "submit" to initiate and save the action. It all happens automatically.


3. Tag rename

We also allow users to rename their tags, incase they want to make changes. However, instead of having to send users to a different page, we can simply enable and bring up this feature via AJAX.

This helps us keep the UI super clean, simple, and easy to use. This is one feature where the advantages of Ajax can be very easily demonstrated.

4. Copy, edit, and deleting links

The benefit of using Ajax to enable these features are the same that as above. The complexity is hidden from the user. To them, the act of copying, editing, or deleting links is just seamless.

It also improves speed. Before using Ajax, the user would have to waste 2 clicks to delete a link. Now this is done with one click. Less time plus prettier effects.

5. Commenting on links

One of the new areas we are working on is allow users to comment on links. Once again, we are using AJAX to enable this. There is no major user usability advantage in our use of ajax here. Ajax is simply used to allow the comments to appear instantaneously. In addition we use some javascript, courtesy of script.aculo.us to create the smooth transition effect.


It's pretty obvious that we are using AJAX for almost all features where the user either submits or requests new data from blinklist. The clear advantages are speed and elegance As we move to web 2.0, we believe AJAX will play a central role.

If you have any questions about our implementations of AJAX or suggestions for improvements please do let us know.

Mike, Vishen and Jiangti

Blink It

7 Comments:

Anonymous George Papadakis said...

Mike — Read a reply to your comment in Qupy here : http://www.qupy.com/log/2005/08/11/web2/

9:15 AM  
Blogger Useless Mortal said...

Your combination of filters and AJAX looks cool. Why did'nt i think of it!!!!!!

Am unsure about how you are planning to implement the back button. (have never managed to think of any possible solution to that problem).

9:04 AM  
Blogger Paolo said...

How did you solve the back button problem for Pagination, if you don't mind me asking.

Paolo

1:14 PM  
Blogger dainfo said...

workout at home with dumbbells
at home workouts
lose weight at home
abs workout at home
exercise machines at a gym
chest workout at home
get fit with exercise
how to exercise at home
run a marathon to shed pounds and improve cardio
how to lose weight at home
a healthy heart comes with exercise
medicine ball abs
fatigue your muscles by using weights or your body
upper body workout at home
be sure to hydrate your muscles as often as possible
dandruff home remedy
Good share you have here hope you keep it up, and don't forget to use dumbbells while exercising, even better though you can do these lose weight at home
where to buy venapro
buy venapro
venapro
venapro reviews
venapro review
best tooth whitening system
bleaching your teeth
teeth bleaching products
teeth bleaching trays
tooth whitening bleach

3:25 PM  
Anonymous wedding dresses said...

Thanks for sharing this with all of us. Every girl has her most beautiful moment in the life just when you wear your own wedding dresses in your wedding.You can visit our wedding dress shop.Cheap wedding dresses have good quality. You can find ball gown wedding dresses,mother of the bride dresses,mermaid wedding dresses,flower girl dresses,strapless wedding dresses,a line wedding dresses,plus size wedding dresses,column wedding dresses,beach wedding dresses,empire wedding dresses,tea length wedding dresses,bridesmaid dresses,cocktail dresses,evening dresses,prom dresses your dream. Get your wedding dress in our bridal shop. Finally,I hope you have a happy wedding.

1:21 AM  
Blogger Zheng junxai5 said...

2015-09-18 zhengjx
hermes birkin
Coach Outlet Store Online Free Shipping
Ray Ban Sunglasses Outlet Store Online
Abercrombie And Fitch New York Outlet Store
hollister clothing
Louis Vuitton Outlet Purses and Handbags For Sale
michael kors handbags
abercrombie & fitch
ralph lauren uk
celine handbags
Louis Vuitton Handbags Outlet Sale
michael kors bags
Louis Vuitton Handbags Official USA Website
timberland boots
Christian Louboutin Shoes Outlet Sale Cheap Price
michael kors handbags
Louis Vuitton Handbags Factory Outlet
uggs australia
Louis Vuitton Handbags UK For Sale
ugg boots sale
louis vuitton outlet
coach factory outlet
Michael Kors Outlet USA Store
coach outlet store online
Michael Kors Outlet Stores Online
uggs outlet
Michael Kors Outlet Factory Online Store
Louis Vuitton Outlet Handbags Pursers In USA
michael kors outlet
canada goose jackets

11:36 PM  
Blogger 柯云 said...

2016-07-20keyun
michael kors outlet
michael kors handbags
toms shoes
adidas factory outlet
abercrombie outlet
fitflop shoes
coach factory outlet
ray ban sunglasses outlet
air jordan 8
marc jacobs outlet
celine outlet
nfl jerseys wholesale
longchamp handbags
coach outlet online
lebron 11
coach outlet
cheap ray ban sunglasses
rolex watches
oakley sunglasses wholesale
coach factory outlet online
oakley sunglasses wholesale
concord 11
ray bans
air jordan 4
true religion outlet online
coach outlet canada
jordan retro 13
replica watches
montblanc pen
michael kors outlet online
michael kors outlet online
oakley sunglasses
michael kors outlet
oakley outlet
replica rolex watches
ralph lauren sale
louis vuitton handbags

11:29 PM  

Post a Comment

<< Home

see web stats