インタラクションデザインをレベルアップさせる、「インビテーション」の考え方 - Feel Like A Fallinstar
プラットフォームが多様化し、設計に求められるレベルが上がる中、特にWebで重要になってくるものの1つが「インタラクション設計」 従来のHTML＋CSS主体の画面から、振る舞い（Behavior）を含む設計へとレベルアッップすることで、様々な表現が可能になります。また、ブラウザー等の進化もそれを後押ししています。 その時に非常に役に立つ、”インビテーション”という考え方を少々書いてみたいと思います。 インビテーションを、意識的に仕掛ける 最初に、デザイニング・ウェブインターフェースに定義があるので引用、と。 インビテーションとは、ユーザをインタラクションへと誘導するためのプロンプト・合図のことだ。 そのインターフェースで次に起こることをさりげなく示す、状況に応じたツールチップや視覚的アフォーダンスが用いられることが多い。 判りやすいところで言うと、クリックできるところに矢印がパカパカ点滅して
Amazon.com、そのショッピングカート進化の変遷 - Feel Like A Fallinstar
7600万人が利用するAmazon.com。 世界最高峰のUIを誇るこの類まれなるECサイトは、カート1つをとっても大きな変更を何度も繰り返しており、EC関係者にとっては、おおいに参考になります。 Amazon's Add-to-Cart Evolution 1 初期バージョンのボタン。 ネット初期のEC慣れしていない人でも気持ちよくボタンを押せる訴求を以下の2点で実現 カートに入れても、商品をあとから消せることを記載（you can always remove it later） セキュリティ（shopping with us is safe） 2 1クリック注文が追加される カートボタンの位置はそのままに、1クリック機能をリリース。 3 "You can always remove it"を取り除いて、ボタンをシンプルに 4 Amazon2.0へ 3D装飾の入った形になり、A9サーチエ
PhotoShopで美しいボタンを作るチュートリアル39個:phpspot開発日誌
39 Photoshop Button Tutorials You Should Have in Your Arsenal > Design Vitality Your website navigation plays an integral role in keeping your site easy to use and navigate. PhotoShopで美しいボタンを作るチュートリアル39個。 次のような美しいボタンをPhotoShopで作成するチュートリアル集が公開されています。 IRIS Design: Web 2.0 Style Photoshop Button Tutorial BlogWatts: A Different Stlye of Web 2.0 Buttons AvivaDirectory: Windows Vista Style Nav Bar Butto
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
