naoyaの日記 RSSフィード

 | 

2006-03-17

うpしてみる。 18:34

パターン 0

変更前のやつです。左はいいけど、右みたいにタグだらけの場合がきつい感じ。

pattern0.png pattern0-2.png

パターン 1

タグを前に持ってきた。"『..』" の外側。右の場合みたいなときにとてもすっきりする。

pattern1.png pattern1-2.png

パターン 2

変更前のやつで、フォントを若干小さくしてある版。やっぱり右のようなケースがきつい。

pattern4-1.png pattern4-2.png

パターン 3

タグの色だけを薄くして位置は変更前と同じ版。これはひどい。ありえない感じ。

pattern5-1.png pattern5-2.png

パターン 4

なんか "『...』" が諸悪の根源な気がしてきた。"『...』" を取っ払って、且つタグを"[ ... ]" で囲わない版。割と良い。ただ、タグの書き方([perl][blog] あいえうえお)とちょっと違う表示の仕方なので直感的かどうかは微妙なライン。

pattern6.png pattern6-2.png

パターン 5

タグを囲ってみて『...』をなくした版、フォントサイズ小さめ且つ Arial 指定。まあまあかなあ。

pattern7.png pattern7-2.png

パターン 6

パターン5 のフォント大きく指定なし。パターン 5 とあまり変わらない印象、というかパターン 0 ともあんまり変わらんw

pattern9.png pattern9-2.png

こんなところです。どうだろう、一番いいのはどれかな。個人的には 4 が良い気がするな。[ ... ] でかこってないのがもったいないけど。やっぱり入力との対応という意味でもタグは前かな、という気になった。

二行にするのはいろいろやってみたけど、どうやっても視線の移動とかそういう関係で見やすくならなかったのでボツりました。

追記: パターン 7

Yuichirou さんのリクエストにお応えして、4 のタグを [...] で囲ってみるテスト。囲わない方が美しいなあやっぱり。

なお、フォント小さめ Airal 指定。あと色を #999 だとしっくりこなかったので #666 にして若干暗くしてある。

pattern10.png pattern10-2.png

追記: パターン 8

意表ついてタグを緑に。[ ... ] はナシ。

pattern11.png pattern11-2.png

追記: パターン 9

タグを緑にして [ ... ] で囲った。

pattern12.png pattern12-2.png

追記: パターン 10

Yuichirou さんリクエストの #999 版

pattern13.png pattern13-2.png

しかし、パターンを作るのはすぐなんだけどスクリーンショット取ってうpするのがめんどくさい。これもっと簡素化できればいろいろ見せられるんだけどな。

追記: パターン 11

Hidehisa さんのリクエストにお応えした版。タグの区切りをカンマで。わりといいけどカンマなくてもそんなに問題ないような気もしている。カンマがあると区切りがはっきりするけど、ないほうが美しいかな。

pattern14.png pattern14-2.png

追記 パターン 12

グレーだとタグ存在感がなさすぎるので、もうすこし存在感を。ただグリーンは目立ちすぎる...ということで背景などと同系色の青系。#99f

pattern15.png pattern15-2.png

追記 パターン 13

#99f は少し薄めなので、#66c

pattern16.png pattern16-2.png

追記 パターン 14

13 にカンマを付けてみたやつ。これ結構いいかもしんない。

pattern17.png pattern17-2.png

test_31331test_313312006/03/17 17:29タグ芸ってなんですか?

naoyanaoya2006/03/17 17:34"[おれは][おまえの][パパ]じゃない" とかこんなのです。

fuktommyfuktommy2006/03/17 18:20表示するときにタグが後ろにあるのなら
入力するときにもタグを後ろに書けるようにすればいいのにと思いました。
あるいはタグ欄とコメント欄を分けるとか。

YuichirouYuichirou2006/03/17 19:03パターン4に [ ... ] を付けてくれたら(私の主観ですが)一番良いと思いました。

naoyanaoya2006/03/17 19:094 に [ ... ] 付けてみたす。

jeffsfiajeffsfia2006/03/17 19:09タグ後ろの方が良いです。それか、タグ非表示。
選べるといいですね。

naoyanaoya2006/03/17 19:15後ろ派も少なからずおられますな。タグ非表示機能はどうかなー、設定項目はあんまり増やしたくない鴨。

YuichirouYuichirou2006/03/17 19:16えーっ、#666だと予想以上に存在感が…… この色なら [ ... ] いらないかも。
#999くらいの存在感のなさなら [ ... ] いると思ったのですが。あとタグの書き方との一致。

kawasakikawasaki2006/03/17 19:174と5で悩む。4はキレイだけど色の濃淡だけでタグとコメントを分けているということで迷う可能性があるので5かな。

YuichirouYuichirou2006/03/17 19:29yak?>誰も来ないと諦めた後で反応しないでくださいよ…… シリコンバレーに出張していた時にわんわんワールドで活躍したyakalikeのことです。なおIRCは使っていません(議論進行中なら即行インストールしますが)

naoyanaoya2006/03/17 19:31ああ、yakalike ですか。まあ、ここのコメントでも機能してるっぽいので、とりあえずこれで。

naoyanaoya2006/03/17 19:31ということで三つほど追加したよ。

HidehisaHidehisa2006/03/17 19:46タグをブラケットで囲まないほうが見た目はいいですが、タグの区切りがわかりにくくなりますね。区切りを明確にするために、タグとタグの間に「, 」を入れて、カンマの色は別の色(黒)とかにするのはいかがでしょう。

YuichirouYuichirou2006/03/17 19:49あー「百聞は一見に如かず」を実感。タグばかりの場合には、色が薄いと逆に [ ... ] が目立ちますね。
やっぱり [ ... ] は無しがいいかも。あと色がパターン4(#999)かパターン5の(#000)かパターン7の(#666)か…… 緑は逆に存在感があってこれもまた興味深い。

naoyanaoya2006/03/17 19:55やっぱ [...] はないほうがいいすねえ。

kurimaxkurimax2006/03/17 19:5610の右側がいいです

naoyanaoya2006/03/17 20:0210すか。ちなみに右と左は同じです。

test_31331test_313312006/03/17 20:17ちょっと前ですが
http://d.hatena.ne.jp/test_31331/20060313/1142246464
こんな感じで自分でリデザインしてみたことがあったりします。
やっぱ微妙だなぁ。タグばっかりの時に縦長になるけど、コメントと分離してるからそれなりには見やすいはず。

naoyanaoya2006/03/17 20:19その記事読みました。それもやっぱりタグ芸ができないすね。w

naoyanaoya2006/03/17 20:2011, 12, 13 追加。タグの色は青系でもいいっかもしれん。

naoyanaoya2006/03/17 20:2714も追加。結構いいかも。

naoyanaoya2006/03/17 20:37疲れたので帰って FF します。週末寝かせて頭の中をリセットして、月曜日にいいと思ったものに変更しよう。

naoyanaoya2006/03/17 20:38これこれこういう理由で何番がいいというのがあったら是非コメントしてください。

sweetlovesweetlove2006/03/17 21:36お疲れさまです。パターン13がスッキリして好きです。
慣れもあるかもしれませんが、タグは前のほうがわかりやすいと思います。
わたしも移り気の激しい性格なので、また変わるかもしれません。

shujishuji2006/03/17 22:30タグは上部にまとめて表示されてますし、下部にはコメントだけでいい気がしますけど・・・。じゃないとタグの淘汰がされないような気がする。
そもそもSBMのタグって記事のタイトルと一緒で共有されるものだと思うんだけどなあ~。

TransFreeBSDTransFreeBSD2006/03/17 23:50『』無しに賛成。あっても冗長なだけ。
タグ前派。タグはコメントのタイトルとも言える。
[]なしに同意。シンプルになってよい。入力時と違うのが、と言う意見もあるが、それはタグ入力のためのはてブ記法というとらえ方で納得できないだろうか。
タグの色はグレイかダークブルーで揺れている。コメント部と変えた方が視認性がよいが、ID部と似るとIDの視認性が低下する様に思う。
フォントの違いは環境依存性が高いので重要視しない。強いていえばsans-serifがよいというぐらい。
というわけで、4 or 13。
あと、[]がほしいって意見が多いなら、かわりに:before/:after擬似要素使って小っさなマーク入れるのはどうだろう。

FTTHFTTH2006/03/18 00:18「設定項目はあんまり増やしたくない鴨」で軽くキレ気味ですが努めて冷静にいきます。
 コメ欄で長文すみませんと形式的に謝っておきます。(これでもかなり抑えています)
・ネタに走るかどうかは兎も角、「大分類+補足」という風にタグとコメントを使い分けている人は少なくなく、であればタグ前で何の問題が?
 少なくとも変更の趣旨を大々的にアナウンスしてほしい。現状では全く納得できない。
・「設定項目はあんまり増やしたくない鴨」は何故ですか?(デフォルトはどうでも良いです)
 ユーザビリティ云々の観点であれば、既存の表示をひっくり返した時点で十分にユーザを無視しています。
・入力時には左端「でなければならない」タグ文字列が、表示されるときは右側というのは、UIとして不合理です。
 文中のタグがタグとして認識されるならまだ理解できます。(が、多分これは実装にひと手間かかるのでしょうね)
「タグを後ろにおくことも出来る」というのはパンドラの箱化するのではないか。(これは単なる予感)
 前派と後ろ派はツールとしての使い方がそもそも異なるのではないか、合意・妥協の余地はないのではないか?

jkondojkondo2006/03/18 07:5912に1票

naoyanaoya2006/03/18 08:16設定項目を増やしたくないのは今回に限らずいつもそういう方針でやってるからです。表示の仕方にいろいろバリエーションが考えられるときに、安易にそれを設定項目で変更できるようにとやっていると項目がどんどん増えてしまいます。いわば設定項目で解決するのは妥協だと思ってます。
http://www.emptypage.jp/translations/mpt/why-free-software-usability-tends-to-suck.html の 9 番にあるような話ですね。
タグが右側で不合理というのは僕もそういう風に思ったのでいまこうして改善しようとしてるところ。
今回の変更は以前から言われていたコメントが見づらいというのを解消するためのもので、タグのみにくさがその原因だと思って後ろに回してみやすくした、というもの。でも後ろに回したら使いづらくなったので前に戻そうとしている、という具合ですよ。

Hamachiya2Hamachiya22006/03/18 10:16http://hamachiya.com/junk/tag.html たとえば、こんな感じでborderとbackgroundとかも検討してみるとか

mindmind2006/03/18 11:32はてなブックマークのエントリーページのコメント欄の表示仕様変更 について
<コメントの一般形は、客観的に事実を指摘して、それに対する意見を主張するものです。
・よって、客観的なものが先に読者の目にはいるべきです。
 しかるに、SBMにおいては、tagを共有活用しようとする限り、tagは共通認識の取れる文字列に収束していくことから、tagの方がコメント本文よりも客観的なのです。
・ユーザのブックマークページ,入力ページとの統一が図れていることも重要です。
というわけで、「tag並び,コメント本文」という従来の順序が良いと考えます。
同じ理由により、
<tagの文字の大きさは、コメント本文のものより小さいと、tagのSBMにおける意義が低下すると考えます。
<tag並びにおける区切り記号は、
・tag文字列の中に' 'を使いたい場合もあることから(特にalphabet単語列)、
これとの混同を避けるため、' '以外の記号が良いと考えます。
一般的には", "あたりが宜しいかと。
<tagの色は、
・ id名と、コメント本文から識別しやいこと,
・ 目に易しいこと,
・ ユーザのブックマークページ,入力ページとの統一が図れていること
などが充たされていれば、何色でも良いと思います。
以上の基準から判断するに、
    パターン8で、tag並び区切りに", "を使ったもの
を私は推薦してみます。よろしく

shckorshckor2006/03/19 04:43パターン14に追加で、タグをカンマで接続し、なおかつ [ ] で囲ってはどうでしょう?
[tag1, tag2] comment
みたいに。

jpNEKOjpNEKO2006/03/19 08:22現行に一票。
 提案ひとつ:コメントにタグを付与できると表現の幅が広がって嬉しい。色はコメントと同じでリンクなしid付き希望。
http://i.hatena.ne.jp/idea/952
のコメント欄にも類似案を置いてます。

vkgtarovkgtaro2006/03/20 18:13Hamachiya2 さんの案で、タグ前に1票。

 | 
この日記のはてなブックマーク数