はてなブックマーク開発ブログ

機能変更、お知らせなど

はてなブックマークの「はてなスターを付けるボタン」のデザインを変更しました

はてなブックマークでは、ブックマークコメントの下に設置している「はてなスターを付けるボタン」を見直し、これまでよりも快適にお使いいただけるようデザインを変更しました。この変更は、PC・スマートフォンのブラウザ版が対象です。

「はてなスターを付けるボタン」の主な変更点

これまでコメントの下に設置していたボタン( はてなスターの旧ボタン )は、サイズが小さく、押しづらいという課題がありました。これを解決するため、今回のデザイン変更では、ボタンのサイズを大きくし、設置場所をコメント欄の右側へ移動させました。
さらに、自分がつけたスターの色を確認しやすくしました。例えば、黄色のノーマルスターを付けた場合は、コメント欄の右側にあるボタンがグレーから黄色に変わります。一つのコメントに複数の色でカラースターを付けている場合は、最もレアリティの高い色が表示されます。

変更後のスターを付けるボタン
「はてなスターを付けるボタン」変更後のイメージ

カラースターを付ける場合は、ボタンにマウスオーバーすると現れるパレットから付けたい色を選び、クリックします。スマートフォンでは、ボタンをタップするとパレットが表示されます。

カラースターの選択パレット
カラースターの選択パレット

また、これまでスマートフォン向けのパレットで表示されていたカラースターの所持数が、PCでも確認できるようになりました。持っていない色のスターがある場合、該当するボタンはカートのマークとして表示されます。そのカートをクリックすると、カラースターを購入できる「カラースターショップ」にアクセスできます。

現状の課題と今後の変更について

現在、はてなブックマークコメントでは、人気となるコメントが偏りやすく、多様な意見を可視化する妨げとなっている可能性があります。これを課題として捉え、15周年記念で掲げる「より豊かで多様な価値観が集まるプラットフォーム」を目指すため、現状のスターの付き方によって決まる人気コメントのあり方や、スターの表示方法を今後、見直していく予定です。