効果的なフォームをデザインする：構造、入力、ラベルおよびアクション | POSTD
画像の出典：form-ux-tips あなたのアプリやサイトを利用する人々にはある一定の目的があります。そしてその目的を達成するために フォームに 記入しなくてはならないことがよくあります。Webやアプリにおいてフォームは、ユーザにとって未だに最も重要な 種類の操作 であるからです。事実、フォームは目的を達成するまでの 過程における最後のステップ と見なされることも多いのです。 フォームは目的達成の手段にすぎません。迅速に混乱なく、ユーザがフォーム入力を完了させられるようにするべきです。 この記事では、ユーザビリティテスト、フィールドテスト、視線計測（アイトラッキング）、そしてユーザからの実際の不満の声に基づく実用的なガイドラインを紹介します。 フォームの構成要素 一般的にフォームは以下の5つの要素から構成されます。 構造 。フィールドの順番、ページの外観、各フィールドとの論理的な関連付け
コピペOK！外部リンクをCSSとアイコンフォントで目立たせる : おち研 技術部
外部サイトへのリンクに印を付けます。fontawesomeのアイコンフォントを使っているので、基本コードはコピペで実装可能です。 ページ内のリンクを押したら外部サイトにいきなり飛んでいくとびっくりすることがあるので、前後にアイコンを付けて判りやすくします。 振り分け条件ごとに複数の書式があるので、いろいろと書き出してみました。 リンクにアイコンを表示するための基本設定 リンクの後ろにマークを付けて判りやすく目立たせます。 利用するマークはアイコンフォントの fontawesome を使うと手軽です。多数のアイコンに対応しているうえにCDNも用意されているため、コピペで実装できるのがミソ。 Font Awesome, the iconic font and CSS toolkit デモ これは外部リンクです。（押してもこのページに帰ってきます） HTML 【HTML】 <head> <lin
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
