ブックマーク / wk-partners.co.jp (1)

  • 「ツールチップ」で効果的にサイトのユーザビリティ向上!デザインのポイント・実装方法 | 株式会社ウェブ企画パートナーズ

    今回はツールチップについての使い方・デザインのポイント・実装方法についてまとめてみました! ツールチップとは ツールチップのとは、一言で言えば、「ヒントを表示するやつ」です。 UIで直接説明がなされていないオブジェクトや普段見慣れないオブジェクトに対して、マウスオーバーすることで使い方などのヒントや説明を出す存在です。 ユーザーが情報を必要なときに、少ない動作(マウスをホバーすること)で、アクションの誘導や説明ができます。便利。 ツールチップのメリット ツールチップには、デザインをすっきりさせつつ、説明を付加できるというステキな効果があります。レスポンシブデザインが主流の今、限られた画面内でたくさんの情報を必要とするので、意外と使い所は多いかもしれません。 ただ、画面がツールチップだらけになると、逆にユーザーを混乱させる原因となるので使いどころは見極めるようにしましょう。 ツールチップの活

    「ツールチップ」で効果的にサイトのユーザビリティ向上!デザインのポイント・実装方法 | 株式会社ウェブ企画パートナーズ
    hujuu
    hujuu 2022/10/14
  • 1