IDEA * IDEAドットインストール代表のライフハックブログ
【Ajaxタブ活用例】買い物ユーザビリティが高いDNAアート販売サイト「dna11」
組織のマインドマップツールをマインドマイスターにすべき理由 伸びてる産業、会社、事業を紹介しまくるStrainerのニュースレターに登録!! 買い物のステップをAjaxでサクサク進ませる「dna11」 シンプルなインテリアに最適なDNAアート、「dna11」は、そのDNAアートを販売しているサイトです。実際に操作を見たほうが分かりやすいので動画にしてみました。 dna11 ↑商品のページで、ほとんどスクロールしないまま詳細項目を選択できるようにAjaxタブでうまくまとめられています。 関連するAjax ↑今回「dna11」で使われていたAjaxと同じ動きをするのがこのAjax。（デモページ） クールなデザインを実現しながらも、ユーザビリティまで向上させてくれるAjax、何よりも導入が意外と簡単なのが嬉しいですよね。 興味のある方はSimple Javascript Accordionsのエ
ウェブページを見る目の動きは「F」パターン - GIGAZINE
つまり人間はページを見る場合、「F」の字を描きながらページ全体を見ているというわけ。 これは232人の被験者を対象に行われたもので、大体1ページから重要なコンテンツを見つけるために2秒から3秒というものすごい短時間に驚異的な速度でページを見ていくそうで。 で、その視線の経路をビジュアル化したのがこの画像。全部で3段階のステップを踏んでおり、各段階を踏んでいった結果、「F」の字を描くというわけ。大体どのユーザーも一貫してこのパターンを踏んでいるらしい。以下がその全3段階の説明。どういうレイアウトが効果的なのかが分かります。 F-Shaped Pattern For Reading Web Content (Jakob Nielsen's Alertbox) http://www.useit.com/alertbox/reading_pattern.html 第1段階： 訪問者は最初にページの
ぼくはまちちゃん！(Hatena) - インタラクティブデザイン論
本が山盛りとどいちゃったよ！！ 最初は、ちょっと PHP の勉強しようかな！と思って、 Amazon で良さそうなの選んでただけなんだけど、 なんだか、どんどんお奨めされちゃって、どんどんクリックしていくうちに いつのまにやら DS用のゲームまで…！ (これ結構おもしろくていいけどね！) そんな中で、ぱらぱらっと読んでみて、いちばん面白そうだった本がこれ！ クロフォードのインタラクティブデザイン論 ちょっと難しそうな題名だけど、翻訳も上手で読みやすいし、 ぼくでも楽しく読めそうな本ですよ！ あ、内容は、ユーザーインターフェースについての色々なこと！ ちょこちょこっとページめくりながら引用してみますね…！ 第4章 「考える」 アルゴリズム 先ほどの簡単な例は、コンピュータプログラムではなくアルゴリズムです。 (中略) では、誰がアルゴリズムをデザインするのでしょうか？ 今までは、コードを記述
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
