[勝手にWebサイト評価] karatodoを勝手に評価してみました

このエントリーをはてなブックマークに追加

こんにちは。fujinyoです。
みなさん、カラオケはよく行かれますか?

今回は、カラオケで歌いたい曲をリスト化できるWebサービスである
karatodo」を評価してみます。

[browsershot url=”http://www.karatodo.com/” width=”250″]
デザイン性アイコンデザイン性

Webサイトには「ファーストビュー」というのがあります。

ファーストビューとは / ホームページ専門ガイド ALLFINE
WEBサイトにおける、ファーストビューとは、ユーザーがそのサイトにアクセスした際に、一番最初に表示され、ユーザの目に入る画面の範囲の事です。

このファーストビューに、Webサイトの目的やなにができるかという説明や画像があれば訪問したユーザーがまずどういうサイトかが分かるわけです。

今回の、karatodoはAboutページにわかりやすい説明があるのですが残念ながらそれがサイトトップにはなく何の為のサイトでなにができるのかがわかりづらいです。
Twitterといいねボタンがある辺りに、サイトの説明を入れておくべきかと思います。

このサービスの機能は2つあって、自分がカラオケで歌いたい曲を記録する「リスト機能」と歌った曲を記録する「ログ機能」です。
トップページに表示されている楽曲情報は、このどちらの機能によるものなのかわかりません。

またこの羅列表示も、間隔が詰まっている感じがあるので

li{margin-bottom: 10px;}

を指定してやれば、それぞれが独立して見えてスッキリします。

もう1つ、細かい事ですがマイリストへ登録する際のモーダルウィンドウ内の「cansel」ボタンは「cancel」ボタンですね。英語スペルの誤字は僕もよくやります。

操作性アイコン操作性

実際に登録もして、サイト内を回ってみて感じたのはヘッダー部分のロゴをクリックした際の動きです。
サイトトップに戻ってくれる事もあれば、リンクのつけ忘れなのか

<a href="#"></a>

リンク先が設定されていないページもあって、何度もクリックしてしまいました。
ヘッダー部分には「Home」リンクもあるんですが、ロゴに対してリンクを設定するなら設定する、しないならしないという統一感はサイト全体で必要だと感じます。

ヘッダー中央の検索ボックスにて、楽曲やアーティストを検索してリストへ追加していくというのがこのサイトの流れです。気になったのは、検索の際に該当しなかった場合には結果部分にはなにも表示されないだけでした。できれば検索結果が○件でしたという表示あればと思います。

そして、ちょっとよくわからなかったのがログイン後に自分のお気に入りに設定されているツイートがプラグインで表示されたり、ヘッダー右のユーザーアイコンをクリックするとドロップダウンメニューになっているんですが、そこからtwilogやfavstarへのリンクが設定されています。

このリンクの設置の意図がわからなかったのですが、わざわざ自分のサイトから離脱させるようなリンクは必要ない気がします。

独自性アイコン独自性

まず、各ユーザーのリストやログを表示するページにも、ソーシャルボタンを設定しておきたいですね。常に拡散を狙いましょう。

karatodoは、iPhoneやAndoroidといったスマートフォンにも最適化されているようで、特にログ機能は歌った後に利用するのが主なのでスマホ対応は素晴らしいですね。

各楽曲のページには、Youtubeと歌詞の検索リンクがありますがどちらも直接表示ができないでしょうか。
例えば、Youtubeなら動画をそのまま埋め込む。
歌詞であれば、ざっと調べたらLyricWiki( http://lyrics.wikia.com/Lyrics_Wiki )にAPIがあるのでそこから取得するとか、できることなら、自分のサイト内でサービスを完結させたいですね。

機能として欲しい物は、動画サイトを閲覧中に「あ、いい曲だな。今度カラオケ行ったら歌おう」と思った際にすぐにkaratodoに追加できればいいなぁと思いました。
そういう機能があれば、サイトを利用する人も増えるんじゃないでしょうか。

今日の評価情報

評価サイト
karatodo
http://www.karatodo.com/

評価環境
OS : Windows7
ブラウザ : Google Chrome

[PR] 「結さん」があなたに代わって開発案件の依頼主を探します

  • 「既存のクライアントにギャラアップは言いにくい」
  • 「営業活動する時間がないし、苦手」
  • 「仕事が途切れたらどうしよう」

ITエンジニアのこんな悩みを「結さん」が解決してくれます
結さんへの無料会員登録後は提案メールを待つだけです!

関連記事

このエントリーをはてなブックマークに追加