|
|
||
変更前のやつです。左はいいけど、右みたいにタグだらけの場合がきつい感じ。
タグを前に持ってきた。"『..』" の外側。右の場合みたいなときにとてもすっきりする。
変更前のやつで、フォントを若干小さくしてある版。やっぱり右のようなケースがきつい。
タグの色だけを薄くして位置は変更前と同じ版。これはひどい。ありえない感じ。
なんか "『...』" が諸悪の根源な気がしてきた。"『...』" を取っ払って、且つタグを"[ ... ]" で囲わない版。割と良い。ただ、タグの書き方([perl][blog] あいえうえお)とちょっと違う表示の仕方なので直感的かどうかは微妙なライン。
タグを囲ってみて『...』をなくした版、フォントサイズ小さめ且つ Arial 指定。まあまあかなあ。
パターン5 のフォント大きく指定なし。パターン 5 とあまり変わらない印象、というかパターン 0 ともあんまり変わらんw
こんなところです。どうだろう、一番いいのはどれかな。個人的には 4 が良い気がするな。[ ... ] でかこってないのがもったいないけど。やっぱり入力との対応という意味でもタグは前かな、という気になった。
二行にするのはいろいろやってみたけど、どうやっても視線の移動とかそういう関係で見やすくならなかったのでボツりました。
Yuichirou さんのリクエストにお応えして、4 のタグを [...] で囲ってみるテスト。囲わない方が美しいなあやっぱり。
なお、フォント小さめ Airal 指定。あと色を #999 だとしっくりこなかったので #666 にして若干暗くしてある。
意表ついてタグを緑に。[ ... ] はナシ。
タグを緑にして [ ... ] で囲った。
Yuichirou さんリクエストの #999 版
しかし、パターンを作るのはすぐなんだけどスクリーンショット取ってうpするのがめんどくさい。これもっと簡素化できればいろいろ見せられるんだけどな。
Hidehisa さんのリクエストにお応えした版。タグの区切りをカンマで。わりといいけどカンマなくてもそんなに問題ないような気もしている。カンマがあると区切りがはっきりするけど、ないほうが美しいかな。
グレーだとタグに存在感がなさすぎるので、もうすこし存在感を。ただグリーンは目立ちすぎる...ということで背景などと同系色の青系。#99f
#99f は少し薄めなので、#66c
13 にカンマを付けてみたやつ。これ結構いいかもしんない。
入力するときにもタグを後ろに書けるようにすればいいのにと思いました。
あるいはタグ欄とコメント欄を分けるとか。
選べるといいですね。
#999くらいの存在感のなさなら [ ... ] いると思ったのですが。あとタグの書き方との一致。
やっぱり [ ... ] は無しがいいかも。あと色がパターン4(#999)かパターン5の(#000)かパターン7の(#666)か…… 緑は逆に存在感があってこれもまた興味深い。
http://d.hatena.ne.jp/test_31331/20060313/1142246464
こんな感じで自分でリデザインしてみたことがあったりします。
やっぱ微妙だなぁ。タグばっかりの時に縦長になるけど、コメントと分離してるからそれなりには見やすいはず。
慣れもあるかもしれませんが、タグは前のほうがわかりやすいと思います。
わたしも移り気の激しい性格なので、また変わるかもしれません。
そもそもSBMのタグって記事のタイトルと一緒で共有されるものだと思うんだけどなあ~。
タグ前派。タグはコメントのタイトルとも言える。
[]なしに同意。シンプルになってよい。入力時と違うのが、と言う意見もあるが、それはタグ入力のためのはてブ記法というとらえ方で納得できないだろうか。
タグの色はグレイかダークブルーで揺れている。コメント部と変えた方が視認性がよいが、ID部と似るとIDの視認性が低下する様に思う。
フォントの違いは環境依存性が高いので重要視しない。強いていえばsans-serifがよいというぐらい。
というわけで、4 or 13。
あと、[]がほしいって意見が多いなら、かわりに:before/:after擬似要素使って小っさなマーク入れるのはどうだろう。
コメ欄で長文すみませんと形式的に謝っておきます。(これでもかなり抑えています)
・ネタに走るかどうかは兎も角、「大分類+補足」という風にタグとコメントを使い分けている人は少なくなく、であればタグ前で何の問題が?
少なくとも変更の趣旨を大々的にアナウンスしてほしい。現状では全く納得できない。
・「設定項目はあんまり増やしたくない鴨」は何故ですか?(デフォルトはどうでも良いです)
ユーザビリティ云々の観点であれば、既存の表示をひっくり返した時点で十分にユーザを無視しています。
・入力時には左端「でなければならない」タグ文字列が、表示されるときは右側というのは、UIとして不合理です。
文中のタグがタグとして認識されるならまだ理解できます。(が、多分これは実装にひと手間かかるのでしょうね)
「タグを後ろにおくことも出来る」というのはパンドラの箱化するのではないか。(これは単なる予感)
前派と後ろ派はツールとしての使い方がそもそも異なるのではないか、合意・妥協の余地はないのではないか?
http://www.emptypage.jp/translations/mpt/why-free-software-usability-tends-to-suck.html の 9 番にあるような話ですね。
タグが右側で不合理というのは僕もそういう風に思ったのでいまこうして改善しようとしてるところ。
今回の変更は以前から言われていたコメントが見づらいというのを解消するためのもので、タグのみにくさがその原因だと思って後ろに回してみやすくした、というもの。でも後ろに回したら使いづらくなったので前に戻そうとしている、という具合ですよ。
<コメントの一般形は、客観的に事実を指摘して、それに対する意見を主張するものです。
・よって、客観的なものが先に読者の目にはいるべきです。
しかるに、SBMにおいては、tagを共有活用しようとする限り、tagは共通認識の取れる文字列に収束していくことから、tagの方がコメント本文よりも客観的なのです。
・ユーザのブックマークページ,入力ページとの統一が図れていることも重要です。
というわけで、「tag並び,コメント本文」という従来の順序が良いと考えます。
同じ理由により、
<tagの文字の大きさは、コメント本文のものより小さいと、tagのSBMにおける意義が低下すると考えます。
<tag並びにおける区切り記号は、
・tag文字列の中に' 'を使いたい場合もあることから(特にalphabet単語列)、
これとの混同を避けるため、' '以外の記号が良いと考えます。
一般的には", "あたりが宜しいかと。
<tagの色は、
・ id名と、コメント本文から識別しやいこと,
・ 目に易しいこと,
・ ユーザのブックマークページ,入力ページとの統一が図れていること
などが充たされていれば、何色でも良いと思います。
以上の基準から判断するに、
パターン8で、tag並び区切りに", "を使ったもの
を私は推薦してみます。よろしく
[tag1, tag2] comment
みたいに。
提案ひとつ:コメントにタグを付与できると表現の幅が広がって嬉しい。色はコメントと同じでリンクなしid付き希望。
http://i.hatena.ne.jp/idea/952
のコメント欄にも類似案を置いてます。