タグ

ボタンに関するfagaiのブックマーク (4)

  • Amazon Dash Button にみるドメイン特化クラスのヒント - Shin x Blog

    この投稿は、PHP Advent Calendar 2016 - Qiita の 7 日目です。 DDD のようなドメインを意識した開発手法でなくても、ドメインコンテキストで必要な操作のみを実装したクラスを作ってみましょう話です。 Amazon Dash Button Amazon Dash Button は、ボタンが一つだけあるデバイスです。このボタンを押すと、あらかじめ決められた商品の注文が Amazon に送信され、商品が配送されるというシンプルなものです。 このデバイスは、「商品を届けて欲しい」というユースケースに対して、ボタンを押すというシンプルなインターフェイスを実装しています。単にボタンを押すだけなので、その裏側でどのようにして実現されているかを知らずとも、誰もが利用できます。違う言い方をすれば、ボタンを押す(商品を注文する)ことしかできないので、操作方法を覚える必要もなく、

    Amazon Dash Button にみるドメイン特化クラスのヒント - Shin x Blog
  • あのサイトとはひと味違う!こだわりマウスオーバー20連発 (1/2)

    サイトを彩る多彩なアニメーション フラットデザインをベースに、随所に気持ちいいアニメーションを取り入れている「Omnisense」。コンテンツごとに用意されているさまざまなアニメーションは、どれも洗練された動きで、サイトの魅力をぐっと高めている。 ページトップにあるシンプルなボタンにマウスオーバーすると、上から矢印のアイコンがスライドして下りてくる。注目したいのは、マウスがボタンから離れたとき(マウスアウト時)の動きだ。 よくある:hoverで実装したマウスオーバーのアニメーションは、マウスオーバー時とアウト時の動きを別々に設定できないため、必ず逆の動きになる。マウスオーバー時に上からスライドしてきたら、マウスアウト時には上へ戻る、といった具合だ。 ところが、Omisenseのボタンは、マウスアウト時にそのまま下にスライドを続ける。細かな違いだが、最近ではこういったマウスオーバーのアニメー

    あのサイトとはひと味違う!こだわりマウスオーバー20連発 (1/2)
  • 無意識にダブルクリックしてしまうユーザー | Accessible & Usable

    公開日 : 2014年8月6日 カテゴリー : ユーザビリティ Web サイトの各機能 (リンク、ボタン、チェックボックス、ラジオボタン、セレクトメニューの選択、など...) は基的にシングルクリック (シングルタップ) で使うものです。ところが、ユーザビリティテストをしていると、クリック対象箇所 (リンクやボタンなど) を無意識的にダブルクリックしてしまう人が少なからずいることに気付かされます。 一般的な PC の OS 操作では、フォルダを開いたりアプリを起動したりなど、対象物を「探す」「実行する」際にダブルクリックが使われます。Web ページ上のリンクやボタンを叩くのも「探す」「実行する」行為の一種と考えれば、ユーザーがダブルクリックしてしまうのもわからないではありません。あるいはもっと単純に、PC 操作の中でダブルクリックとシングルクリックが混在することにややこしさを感じる (あ

    無意識にダブルクリックしてしまうユーザー | Accessible & Usable
  • 年間300億。Webユーザビリティ3つの間違い・落とし穴

    「ユーザビリティを意識することが大切!」って言われても、何となく意味は分かるけど具体的にどうすれば良いの……と悩んでいる方も多いのではないでしょうか? ユーザビリティとは、「単なる使いやすさ」のことではありません。特にWebにおいては売上や成果などビジネスを左右する重要な概念です。しかし、多くの人がユーザビリティについて間違った認識を持っているために、みすみす売上や成果を逃しているケースをよく目にします。 ユーザビリティを正しく理解するポイントは、特定のユーザの行動、心理、目的に焦点を当てることです。 日は、よくある「間違い・落とし穴」を例に出しながら、売上改善に直結する「正しい」ユーザビリティの考え方をご紹介します。ぜひ皆さんもユーザビリティの理解を深め、Webサイトの改良に役立ててください! 【事例】1つのボタンを変えただけで、年間300億の売上増!売上に直結するユーザビリティとは、

    年間300億。Webユーザビリティ3つの間違い・落とし穴
  • 1