Readers: 880 | Updated: 2007

Rudder of interactive usability of Web

1. Auto focusing on input controller and input the focus by keyboard switch

Right after loading pages by using JavaScript, it focuses on the first input controller automatically. You can use Tab key ( IE default) or direction key to switch to the next input controller.

2. To submit with Enter (or Ctrl+Enter) key, and ensure the effect is the same to clicking submit

Do not add JavaScript such as onClick="…"onto submit buttons.

3. Clew and Response to mouse actions

Regarding the users' mouse action, when it moves to a responsible position, visual and acoustical prompt should be provided.

4. Verifying the validity of the data as soon as clients finishing input

Validity verifying of input data should be tested by JavaScript at client. Unless the verifying has to be done on the server, you'd better finish verifying as early as possible.

5. Whether or not use midterm transition pages between table page and after-submit return page depends on applying situations

It's decided whether to display recieving table page ( transition page between table page and after-submit return page) and how to display it by different applying situations.

6. Avoiding of repeated submitting of tables

To avoid repeated submitting in long response time of network situations by graying the submit button after press. To avoid backing to submitted table by using expired invalid pages.

7. Rules for open page links in new windows, original windows or popped up windows

Generally, it will add target="_blank" attribute to the first page to open links in new windows, but in the other pages it will open new links in original window or popped up window. If the linked page is not so important or accessorial, it could be used in popped up windows.

8. Arranging choices and operation steps as few as possible

To arrange operation menu options as few as possible upon users' operation habits, and make less operation steps .

9. To ensure the safety of data's operation by avoiding logical defects

It's safe and precise of the logical relationship between operations in multi-pages and multi-operations in one page. It can make sure that the unallowed combination of users operations will not exist, at least it's impossible to have bugs for uses' inappropriate operations.



From The Blogs

BlogStorm

03-18
Guide to Geo Targeting for SEO and Usability
Managing an international website isnt as straightforward as running a site focussed on a single local market. There are several issues that need to be handled very precisely in order to maximise your... 查看全文

Internet Observation

2007
Do you know what's your customers looking for?
I gained a lot from a share meeting of demand collecting held last afternoon. So here I want to show my point of view on demand. Actually, our UED department is mainly focus on the handling of demand ... 查看全文

OhGizmo!

04-10
Sega Private Ocean Interactive Clock Is Nothing Like Being There
By Andrew Liszewski Based on the product shots, I originally thought this Private Ocean interactive clock used one of those segmented LCD displays like youd find on Tiger and Nintendo GameWatch handhe... 查看全文

The Design blog

04-14
Gordon interactive modular bench by Team Tentakulus
Asmita:Nominated for the Wiesner-Hager Design Award, Gordon is the perfect modern alternative to the traditional public space bench with an infinite flexibility and modular design. The interactive ben... 查看全文

ProBlogger Blog Tips

03-08
Top 5 Ways to Improve Your Blog’s Usability
Skellie is a regular writer for ProBlogger. Check out her new blog Anywired if you’re interested in earning an income online. Usability. Yaaawn, right? Think of it like this: the art of making it as e... 查看全文

Blog Design Blog

05-09
What Everybody Ought to Know About Usability and Web Design
Even people who have no idea about usability feel the need to write articles about it to tell other people what they themselves should be doing. Usability has become a hot topic and everyone wants a p... 查看全文

Gadgets Club

03-20
Onkyo DSA2X Remote Interactive Dock for iPod
Onkyo DSA2X Remote Interactive Dock for iPod With the ability to accommodate video files alongside audio, the DSA2X brings out the full potential of the latest iPod models, while delivering famed Onky... 查看全文

Coolbuzz

2007
Fuwa pica – Interactive furniture with chameleon instincts
Fat is not at all in and if you’re desperately brooding on ideas to get rid of that extra flab, here is a weird furniture that rings the alarm bell by changing color when you sit on it and if you are ... 查看全文

Smart Mobs

03-14
The IQ and EQ of Social Networks: Getting Smarter and Happier by (Interactive) Association
No longer than a century ago Gustave Le Bon said that mobs are by nature irrational, unconscious, angry, negatively gregarious and stupid. They were ready to praise effective leaders and to devour ine... 查看全文

core77.com's design blog

03-10
Snapshots of SXSW Interactive 2008
Photos courtesy of Mike Pick's new camera!Design, technology, parties, robots, beer, barbeque, legos, MIT, Google, video games, blogs, music. Those are some of the words that come to mind after the fi... 查看全文
More Articles

Translator: