デザイニング・ウェブインターフェース
TOPICS Web , Design 発行年月日 2009年12月 PRINT LENGTH 332 ISBN 978-4-87311-434-7 原書 Designing Web Interfaces, First Edition FORMAT PDF 本書『デザイニング・ウェブインターフェース』はウェブのインタラクションをよりリッチにするためのパターン、ベストプラクティスをまとめた書籍です。ドラッグアンドドロップ、オーバーレイ、展開／折りたたみ、アニメーション、ライブプレビューなど、75以上の重要なパターンが「直接的なインターフェースを作ろう」から「すばやく反応しよう」まで、6つの原則のもとに整理され、操作の概要、利用すべき状況、そしてアンチパターンまで、丁寧に解説されています。すべての解説例が、Yahoo!、Google（Gmail、Google Maps）、Flickrなど実際の
ユーザーエクスペリエンスポータルPROJECT UX
期間限定で Surface Pro 8 ご購入で対象のキーボードが無料になり、本体にも特別価格が適用されます。
CSS Nite in Ginza, Vol.37：フォローアップ｜CSS Nite公式サイト
CSS Nite in Ginza, Vol.37：フォローアップ 記事公開日：2009年7月25日（土） 2009年7月16日（木）、アップルストア銀座にて開催したCSS Nite in Ginza, Vol.37のフォローアップとして、安西 敬介さん（オムニチュア）のセッション『評価型解析からアクション指向型解析へ』のスライドと音声をシェアします。 スライド（PDF、59ページ、4.5MB） 音声（MP3、43:20、19.8MB） ベストセッション20192019年、CSS Niteでは49回の関連イベントを通して123セッションが行われました。その中からベスト・セッション＋αを選びました。 2010年から2019年のベスト・セッションCSS Niteベスト・セッション2019CSS Niteベスト・セッション2018CSS Niteベスト・セッション2017CSS Niteベスト・
若きCMSが悩み : シーズン3 ウェブユーザビリティの法則 - ビジネススキル勉強会
どうも、「好きな焼き方は、備前」でおなじみ、豪です。 シーズン３の最初の発表を任せてもらったのに、こんなに書くのが遅くなってしまって申し訳ないです。 今回は、今も開発が進む livedoor Blog の新CMSのユーザビリティについてやいのやいの言いましたのでそのご報告をいたします。 教科書のおさらい 今回の教科書は『ウェブユーザビリティの法則』。 一通り読んでみましたが、非常に実践的実用的な内容がフルカラーの図解たっぷりで紹介されているので、Webサイトに携わる人はいますぐにでも試してみたくなるはずです。 そんな本が今なら2,800円！！ なにはともあれ、まずはポチっと(ry ウェブユーザビリティの法則 改訂第2版 著者：スティーブ・クルーグ 販売元：ソフトバンククリエイティブ 発売日：2007-03-01 おすすめ度： クチコミを見る 最初のテーマは「中の人ならでは」 先だって公開さ
サイト公開前に役立つ２５のユーザビリティチェックリスト:phpspot開発日誌
25-point Website Usability Checklist | User Effect サイト公開前に役立つ２５のユーザビリティチェックリストが公開されていましたのでメモしてみました。 サイトの公開前にチェックリストとして使うといいかもしれません。 アクセシビリティ 1. ロード時間が速いか？(60KBぐらいがベター) 2. テキストと背景のコントラスト調整(差異が低く見にくくないか) 3. フォントサイズが読みやすいサイズか？行間、文字間は適切か？ 4. Flashやアドオンは控えめか？ 5. 画像に適切なALTタグが指定されているか？ 6. カスタマイズした404ページがあるか？デフォルトは非常に不親切 7. カンパニーロゴが分かりやすい位置におかれているか？ 8. キャッチフレーズが適切に設定されているか？ 9. 5秒で大体どんな内容が分かるものになっているか？ユーザは
リーダビリティの優れたリストをデザインするための5つのポイント | コリス
読みやすく理解しやすいリストをデザインするための5つのポイントをWeb Design Tutsから紹介します。 How To Design The Perfect List 重要なポイントは「カラー」「スペース」「ライン」「タイポグラフィ」「アイコン」の5つで、これらを効果的にリストのデザインに取り入れます。 単にデザインがきれいというだけでなく、コンテンツとして目立ち、理解しやすく、クリックしやすい、ということも重要な要素です。 Color（カラー） Spacing（スペース） Dividers（ライン） Typography（タイポグラフィ） Icons（アイコン） リストの実装例 Color（カラー） カラーは美しいレイアウトを実装するのに、重要な要素です。リストの項目や背景に効果的なカラーを使用することで、情報を目立たせることができます。 下記の例では、視認性の高いコントラストを
The State of the Web 2008 - Web Directions
Welcome to this detailed report from our first “State of the Web” survey of professional web designers and developers. It includes details and analysis of all the responses to over 50 questions covering technologies, techniques, philosophies and practices that today’s web professionals employ. You can read all the questions, download the complete (anonymized) set of responses, see tabular results
ウェブサイトの品質を判断する50のチェックポイント | コリス
Search Engine Journalのエントリー「50 Questions to Evaluate the Quality of Your Website」から、あなたのウェブサイトの品質を判断する50のチェックポイントの意訳です。 50 Questions to Evaluate the Quality of Your Website アクセシビリティ ナビゲーション デザイン 内容(コンテンツ) セキュリティ その他：テクニカル その他：マーケティング 法関連 アクセシビリティ コンテンツは、ナビゲーションから独立していますか？ ウェブサイトは、クロスブラウザに対応していますか？ ウェブサイトのコードは、正しいHTML/CSSを使用して、W3Cに準拠していますか？ Altは、画像にありますか？ 画像などマルチメディアで構成された箇所に、代替となるテキストベースの要素がありますか？
リンクの設置時に気をつけたい15のポイント | コリス
Wwohn.comのエントリー「The 15 rules of quality hyperlinks」から、リンクの設置時に気をつけたい15のポイントの意訳です。 The 15 rules of quality hyperlinks 「ここをクリック」などではなく、リンク先を明確に表現する。 title属性を使用する。 テキストリンクを青い下線以外にする場合、明確に分かるようにする。 テキストリンクには、シェード効果や明るいグレーを使用しない。 visitedを設定して、訪問済みを明示する。 リンク切れは、なるべく早く修正・削除をする。 PDFのようなダウンロードリンクは、クリックする前に分かるように明示する。 一行に続けて複数のリンクを記述しないで、リストやビュレットを使用して間隔を持たせる。 テキストリンクは、一行まるごとにしないで、なるべく短くする。 リンクを新しいウインドウで開くよ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
楽天Webディレクション&デザイン2009: 「楽天ブックス」ユーザー中心設計アプローチの実践と商品検索UIの改善 | 水無月ばけらのえび日記