目次
特集1:jQuery Mobile実践ガイド
HTML5と独自の属性を使用することでリッチなUIを簡単に構築するための手法を紹介。海外ではよく利用されているjQuery Mobileだが日本国内ではまだ利用されているサイトは少ない。記事にはWordPressのテーマの作成方法も掲載されている。WordPressはレスポンシブWebデザイン対応だがPCと同じデータはスマホだと表示が若干遅くなるので覚えておくと役に立つかも。
特集2:サイト設計のための心理学入門
Webサイトで役立つ心理学の解説。主な内容は以下の通り。
アフォーダンス理論
過去の体験に基づいて物をどう取り扱ったらよいかについて示してくれる理論
クレショフ効果
イメージの組み合わせによって異なる印象を与える効果
ストループ効果
テキストの意味と色・アイコンのように同時に目にする二つの情報が干渉しあう効果。
バンドワゴン効果
多数に受け入れられていることで支持が一層強くなる効果
スノッブ効果
需要が大きいほど個々の需要が減少する効果
ヴェブレン効果
価値が高いほど効用も高まる効果
ツァイガルニック効果
完成したものよりも未完成のもののほうが興味を引く効果
カクテルパーティー効果
自分の興味のある情報に意識を向かせる効果
視線解析
目の動きから心理状態を読み取ること
コンストラスト効果
比較対象によって印象が変わる効果
マジカルナンバー
短期記憶で保持できる情報量は7個(個人差により±2個)
認知的不協和
矛盾する認知を同時に抱えた状態。人はこれを解消するために態度や行動を変更する
カリギュラ効果
禁止されるとかえってやりたくなる効果
jQuery Lab._無限スクロールを実装する
最近よく使用される無限スクロール。自分はライブラリをよく使用するがjQueryだけで実装する方法が掲載されている。…がサンプルが動作しない。コードのどこかが間違っているようだ。
Smartphone Lab._jqMobiを実践的に使ってみよう
jQuery Mobileと同じく最近よく使われるjqMobiの解説。jqMobiは約5KBしかないのでjQuery MobileのデザインUIを使用しない場合はこちらを使用するとよい。
データと処理を格納した箱「オブジェクト」
JavaScriptのオブジェクトについて解説。JavaScriptの基礎ができる人でもオブジェクトに関する理解はいまいちだったりすることがある。単純なデータ格納の場合、配列の方が使用されることが多いが最近は変数や関数の衝突を防ぐために使用されることが多いのでぜひ覚えておきたい。
Web Designing (ウェブデザイニング) 2012年 08月号 [雑誌]