素晴らしいディテールを備えたインターフェイスデザインのまとめ -Little Big Details
Post on:2012年11月12日
sponsors
いつも見ているあのウェブページやアプリのユーザーインターフェイスが備えている素晴らしいディテールに注目し、コレクションしているブログを紹介します。

ブログでは週に1, 2のペースで更新されており、最近のディテールからいくつかチェックしたものを紹介します。

メールのインタラクションを紙飛行機に例えているのがかわいいですね。

Googleのフライト検索のモバイル版では、発着地を示すラインに飛行機が使われています。飛行機のカラーはグリーンがフライト予定通り、レッドが遅れてるサインです。

Amazonでは注文を完了後に「ありがとうございました」と、ページのタイトルも変わります。

パスワードを変更するとき、古いパスワードの欄には古いデザインのカギ、新しいパスワードの欄には今風のデザインのカギがデザインされています。

Colllorでは選択したカラー(#2E8A4B)とファビコンのカラーがマッチします。

表示サイズに合わせて、Privateのタグの向きをアニメーションで変更します。
サイズが小さいと省スペースの縦に。

交際ステータスを既婚にすると、そのカップルの性別に基づいたアイコンが表示されます。
上は、男男のカップルです。

メッセージを送信する際にエラーになると、アプリケーションのアイコンが悲しい表情になります。

ツールページでブックマークレットをブラウザに加えようとすると、キャラクターが応援します。

iTunesの検索欄にアスタリスク(*)を入力すると、歌のレートで検索ができます。

ピンを留める時、元ページのテキストを選択しておくと、キャプションに反映されます。

検索する際の、テキストを入力するデザインがかっこいいです。

アクセスしたら、その時の曜日で歓迎のメッセージを表示します。

iOSの[設定]-[一般]-[アクセシビリティ]で読み上げ速度の早さを表現するために、カメとウサギのキャラクターを使用しています。

FirefoxのMac OS X版では、「進む」ボタンは前のページに戻った時にスライド表示されます。
sponsors