前の記事 ≪:マイクロフォーマット用、クールなアイコン集
次の記事 ≫:フリーのアイコン配布サイトいろいろ

javascript情報サイト「JavaScriptist」のユーザビリティ改善

2006年12月07日-はてなブックマーク

スポンサード リンク
[PR] 英単語を忘却曲線アプリを使って超効率よく記憶する方法

JavaScriptist - javascript/ajax/サンプル/入門/リファレンス/ライブラリ

javascript情報サイト「JavaScriptist」のユーザビリティの改善、という程ではないのですが、検索窓からよく使うページに移動できる機能を追加しました。検索窓に「proto」とか、「aculo」とかを入力してEnterキーでprototype.js、script.aculo.usリファレンスに一発移動が出来るように改善しました。


prototype.jsリファレンス


script.aculo.usリファレンス

ページを開いた際、デフォルトで検索窓にフォーカスが映るようになっているので、好きなページに移動したい場合は、ここに入力して移動するのが最短です。

ページ数が大量にある場合、ナビゲーションの配置順や位置など、デザイン面で難しい問題が出てくるのがこういったインタフェースであれば、簡単かつ高速にページ移動できますね。
我ながら、なかなか良いインタフェースが出来たのでは、と思っています。

このサジェスト機能自体は、script.aculo.usAutoCompleter.Local を使って実装されています。

他にも、次に示すページへの移動が可能になっています。

各種インデックスページ

JavaScriptリファレンス各種ページ

是非ご活用ください。

関連の記事検索:JavaScript, usability, reference, Ajax
スポンサード リンク

By.KJ : 2006年12月07日 23:34 livedoor Readerで購読 Twitterに投稿

間違いの指摘をしていただける方はメール、あるいはTwitter/FBでお願いします(クリック)