デザインパート別記事一覧

紛らわしい情報アーキテクチャを正す6つの方法

アルファベット順は（たいていは）やめたほうがよい

Webサイトの階層構造：フラットにするか深くするか

情報アーキテクチャ（IA）とナビゲーションの違い

ナビゲーションメニューのIAに関する質問・トップ3

オーディエンスベースのナビゲーション：避けるべき5つの理由

メガメニューはサイトナビゲーションに効果あり

うまくいっていないメガメニュー

PCサイトでのグローバルナビの最小化は避けよう

メニューのデザイン： ユーザーを手助けする、15のUXガイドライン

ハンバーガーメニューと非表示のナビゲーションはUX指標を悪化させる

リンクタイトルは行き先が予想できるものに

リンクテキストの書き方： 重要な言葉で始め、目立ち、説明的なものにしよう

関連コンテンツがページビューを増加させる（やり方が正しければ）

リンクとは約束である

「さらに詳しく」というリンク：もっと良いものにできる

モバイルでのページ遷移を支援しよう（ハンバーガーメニューがあったとしても）

モバイルナビゲーションの基本パターン：入門編

ページ内リンクの使用は避けよう

ユーザーのページネーション設定と「すべて表示」

商品一覧の構造分析

カード：UIコンポーネントとしての定義

商品・サービス・機能の比較表

スクロールとスクロールバー

検索：目立つところにシンプルなものを

検索をナビゲーションに改変する

ユーザーの意図が検索フィルターのデザインを変える

自動送りカルーセルとアコーディオンは、ユーザーをいらつかせ、可視性を下げる

効果的なカルーセルをデザインする： お化け屋敷ではなく、しゃれた娯楽を創り出そう

PCサイトでの水平スクロールと擬似スワイプの利用にはご用心

複雑なPC向けコンテンツに対して、アコーディオンが常に答えになるとは限らない

モバイルデバイスにおけるアコーディオンUI

タブの正しい使い方

注目を求めるデザインパターン： “頼むから行かないで”ポップアップと“戻ってきて”タブ

モーダルと非モーダルダイアログ： 用いるべき場合とそうでない場合

エラーメッセージガイドライン

モバイルにおける入力フォームデザインのためのチェックリスト

ユーザーエラーの防止： 無意識なスリップの回避

Webフォームのユーザビリティ： アドバイス・トップ10

リセットとキャンセルボタン

ドロップダウン：デザインガイドライン

チェックボックス 対 ラジオボタン

パスワードを隠すのをやめよう

入力フォームのプレースホルダーを使ってはいけない

日付入力フォームのUXデザインガイドライン

モバイルでのユーザー登録やログインの入力フォームのチェックリスト

ウィザード：その定義とデザインアドバイス

ユーザーはWebをどう読んでいるか

識字能力の低いユーザー： 幅広い読者層に向けて文章を書く

見つけてもらうためには昔ながらの言葉を使おう

Webコンテンツを読む視線の軌跡は“F”を描く

さまざまな利用を想定して書く

モバイルユーザーに向けて書くときは、二次的なコンテンツは先送りしよう

Webサイトでの適切な商品説明のための3つのヒント

Webコンテンツとしての写真

画像重視のデザイン：大きければいいのか

最も嫌われる広告テクニック

バナーは目に入らないのか？～新旧の知見

右寄せのナビゲーションメニューは読みにくい

「OK」「キャンセル」、どちらが先か？

「右カラム無視」への対策

ファーストビューに関するマニフェスト： ページの折り目が今も大事な理由

レイアウトとコンテンツ、どちらを優先すべきか

フラットデザイン： 起源、問題、フラット2.0のほうが望ましい理由

フラットデザインへの長期接触： このトレンドが、どうユーザーの効率を下げているか

若年層はその親世代よりフラットデザインを好む

フラットデザインのベストプラクティス

アイコンのユーザビリティ

アイコンのユーザビリティテスト

リンク集は何色にすべき？ ～イントラネットの場合

青色リンクのその先に： クリック可能なものは見てわかるようにしよう

低コントラストのテキストは解決策にならない