怖い話 タグ一覧デザイン:検討編

作業日誌:怖い話 タグ一覧画面デザイン 2013.1.17


下記の画面にデザインを入れようというタスク:

http://kowabana.jp/tags

結論から:提案


タグが沢山あって分かり難いし、タグに紐付けられている話数も分からないので、一見で面白いタグかどうかもわからない。

  1. featured tagsみたいなのを作って、表示したらどうか。
    • 毎月、半年とかでfeaturedを自動で更新してくれるようにする
    • 他のタグ一覧とは違い、目立たせて表示する
  2. featuredに加え、一定数以上のタグのみ表示する
    • 現状、2話以上関連づけてあるものにする??
  3. ハッシュタグを導入してみる??
  4. 余白を多くして下のバナーともう少し空間を開けたい

現在の画面を見ての考察


ちょっと気になった部分:

  • ソートされていない(難しい?)
  • “幽霊,アパート,怖い話,夜”みたいなタグが複数くっついてしまったタグがある
  • 全てのタグが表示されているっぽい

ユーザーは何を求めているのか:

  • 読んだことのない怖い話を探したい
  • 「猫」などの特定の興味のあるものについての怖い話を読みたい
  • シリーズものを読みたい:

参考:Flickr


FlickrのタグページはFlickrのトップやメニューExploreから行けない。Explore/Tagsに分類されているにもかからわず。やっぱりちょっと終わっている感。

Flickr Explore / Tags
http://www.flickr.com/photos/tags

Flickrではタグは下記に分かれている:

(TextFieldに直接タグを入力しジャンプするフォームもある)

  • Hot tags
    • In the last 24 hours
    • Over the last week
  • All time most popular tags2

“All time most…”の項は、タグクラウドになっている。懐かしい。

参考:はてな Fotolife


はてな Fotolife > タグ一覧
http://f.hatena.ne.jp/t/

紐付いている数でソートされたタグ一覧。タグとタグに紐付いている写真数を表示。タグ数が膨大なのでnext>ボタンがある。

参考:Instagram


Instagramにはタグがないが、ハッシュタグは存在する。投稿時やコメント時に#hashtagを付けていて、gramfeedというサービス経由でタグ付けされた写真を見る事ができる。公式アプリではアプリ内でハッシュタグを見る事ができる:

Instagram内の#instameetdxbタグ
http://www.gramfeed.com/instagram/tags#instameetdxb

popularもあって:

Currently Popular on Instagram
http://www.gramfeed.com/?view=popular

  • コメントとかハートマークが多い物が表示される
  • featured tagsというのもあって、3つだけ表示されている

参考:Facebook


Facebookにいたっては、タグは主に「人・友達」になっている(実際には任意の文字列が入力できる。グループやページなども指定できる)。
タグを検索する方法はなさそう(タグしたものが人やグループ、ページならば検索に出てくる)。

参考:Twitter


タグはない。ハッシュタグのみ。リアルタイムなハッシュタグランキングはなく、1週間毎にブログで公開される:

週間ハッシュタグランキング(1月7日から1月13日)
http://blog.jp.twitter.com/2013/01/17113.html

あと、トレンドというのがあって、検索ワードでその時間に旬なワードあるいはハッシュタグが表示されるものがあるが、固定のURLはない。

デザインのネタに


既に使われていそうなフォントですが…

きっと使うときがくる!? 無料のホラーフォントまとめ
http://tuitui.jp/2009/10/c05-horrorfonts.html

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s