[フレーム]
はてなブックマークアプリ

サクサク読めて、
アプリ限定の機能も多数!

アプリで開く

気に入った記事をブックマーク

  • 気に入った記事を保存できます
    保存した記事の一覧は、はてなブックマークで確認・編集ができます
  • 記事を読んだ感想やメモを書き残せます
  • 非公開でブックマークすることもできます
適切な情報に変更

エントリーの編集

loading...

エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。

タイトルガイドライン

このページのオーナーなので以下のアクションを実行できます

タイトル、本文などの情報を
再取得することができます
コメントを非表示にできます コメント表示の設定

ブックマークしました

ここにツイート内容が記載されます https://b.hatena.ne.jp/URLはspanで囲んでください

Twitterで共有

ONにすると、次回以降このダイアログを飛ばしてTwitterに遷移します

68users がブックマーク コメント 7

ガイドラインをご確認の上、良識あるコメントにご協力ください

0 / 0
入力したタグを追加

現在プライベートモードです 設定を変更する

おすすめタグタグについて

よく使うタグ

リンクとボタンを「押せる」だけでデザインしない

ガイドラインをご確認の上、良識あるコメントにご協力ください

0 / 0
入力したタグを追加

現在プライベートモードです 設定を変更する

おすすめタグタグについて

よく使うタグ

はてなブックマーク

はてなブックマークで
関心をシェアしよう

みんなの興味と感想が集まることで
新しい発見や、深堀りがもっと楽しく

ユーザー登録

アカウントをお持ちの方はログインページ

記事へのコメント7

  • 注目コメント
  • 新着コメント
securecat
そもそもリンクは押せません。ボタンのようなスタイルをすることで押せるようになるのは、それはボタンというスタイルがそうさせているだけです。ちなみに振る舞いの列挙からcursorプロパティの言及が抜けてますよ。

その他
Cherenkov
アフォーダンスとシグニファイア

その他
mas-higa
自分には web 開発のリテラシーがないので、これまで予想と違う挙動がリンク・ボタン・サブミットの違いから起きているという発想がなかった。

その他
strawberryhunter
話が長い。リンクはユーザーが任意で新しいタブに開ける。それを許可したい場合に使う。それ以外がボタンということでいいだろう。リンクの外観でボタンの挙動は裏切りだが、逆は許容範囲かなと思う。

その他
umai_bow
用途の広さで言うとボタン⊃リンクな気はする

その他
kvx
はい

その他
rryu
どちらかというとリンクに対してクリックできることを強調するとボタンになってしまうのだと思う。それを初めからボタンとして考えるのはちょっと違うというのはそうだと思う。

その他
securecat
securecat そもそもリンクは押せません。ボタンのようなスタイルをすることで押せるようになるのは、それはボタンというスタイルがそうさせているだけです。ちなみに振る舞いの列挙からcursorプロパティの言及が抜けてますよ。

2022年02月23日 リンク

その他

注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

リンクを埋め込む

以下のコードをコピーしてサイトに埋め込むことができます

プレビュー
アプリのスクリーンショット
いまの話題をアプリでチェック!
  • バナー広告なし
  • ミュート機能あり
  • ダークモード搭載
アプリをダウンロード

関連記事

usersに達しました!

さんが1番目にブックマークした記事「リンクとボタンを「...」が注目されています。

気持ちをシェアしよう

ツイートする

リンクとボタンを「押せる」だけでデザインしない

リンクとボタンのビジュアルが似たものもしくは同じものになる理由のひとつに「押せる」[1]という共通点... リンクとボタンのビジュアルが似たものもしくは同じものになる理由のひとつに「押せる」[1]という共通点があるからだと思っている。 ビジュアルを似たもの・同じものにするかどうかは状況により判断されるので、そこに画一的な優劣は存在しない。しかしリンクとボタンは明確に異なる機能や振る舞いをもっている。その振る舞いやそれに対するユーザーのメンタルモデルから結果ビジュアルが同じになるのならいいのだが、ただ単純に「押せる」ことだけを基準にデザインされてしまうのは具合が悪い。このエントリーでは、リンクとボタンをデザインするにあたって「押せる」だけではなく、他にも判断材料となるものがあることを共有したいと思う。 前提と定義 今回の話はウェブブラウザで動作するUIを前提に考える。途中で言及するが、リンクがURLに関係していることと、URLをユーザーが意図的に変更できることが大きく関係するので、ネイティブアプリ

ブックマークしたユーザー

  • techtech05212024年05月10日 techtech0521
  • ishiduca2023年09月12日 ishiduca
  • shimbaco2023年09月12日 shimbaco
  • montdsichel2023年08月18日 montdsichel
  • kyo_ago2023年03月15日 kyo_ago
  • Cherenkov2022年08月08日 Cherenkov
  • kjfsm42022年04月12日 kjfsm4
  • manabuyasuda2022年02月28日 manabuyasuda
  • mas-higa2022年02月24日 mas-higa
  • hrfmmymt2022年02月24日 hrfmmymt
  • rmochi2022年02月24日 rmochi
  • donbulinux2022年02月24日 donbulinux
  • piko882022年02月24日 piko88
  • l080842022年02月24日 l08084
  • gDomon2022年02月24日 gDomon
  • strawberryhunter2022年02月24日 strawberryhunter
  • hazeblog2022年02月24日 hazeblog
  • noritada2022年02月24日 noritada
すべてのユーザーの
詳細を表示します

ブックマークしたすべてのユーザー

同じサイトの新着

同じサイトの新着をもっと読む

いま人気の記事

いま人気の記事をもっと読む

いま人気の記事 - テクノロジー

いま人気の記事 - テクノロジーをもっと読む

新着記事 - テクノロジー

新着記事 - テクノロジーをもっと読む

同時期にブックマークされた記事

いま人気の記事 - 企業メディア

企業メディアをもっと読む

はてなブックマーク

公式Twitter

はてなのサービス

Copyright © 2005-2025 Hatena. All Rights Reserved.
設定を変更しましたx

AltStyle によって変換されたページ (->オリジナル) /