前提
2014/7/14時点での話になります。
普段適当にフィードを表示させて気になったものはタブに開いてチェックみたいな使い方をしています。
環境はMacBookProRetina15でChromeです。
Safariだとそんなことないよとかあるかもしれないですけど、検証してません。
普段使っていて、ちょっとここが使いにくいとか、気になるところをこうしたらいいんじゃないかという思考実験です。
個人の感想なので、そのへんはご理解ください。
フィード画面のストックボタン
小さすぎる
クリックできるのが20*20ピクセルぐらいなので、押しにくい。
この画面でのメイン操作は投稿を開く/ストックするの2つがメインとなると思うので、このボタンはもっと押しやすくていい。
またストック数をクリックすると投稿内容の展開表示になっているが、期待される動作はストックだと思う。
クリックできるかの判別がむずかしい
左が投稿にマウスオーバー時、右がストックボタンにマウスオーバー時。
少し前までこのマウスオーバーの変化はなかったような気もするけど、今はこんな変化がついている。
ボタンの重要度を思うとこれももうちょっと派手のほうがいいと思う。
また、フィード画面ではすべての領域がクリック可能なため、マウスカーソルの変化がない点もわかりにくい点。
改善案
- 数字まで含めてストックボタンにする
- ボタンサイズを30〜40ピクセルに大きくする
- マウスオーバー時の変化を大きくする
- ツールチップをつける
フィード画面での投稿のエキスパンド
クリック領域
フィードのクリック領域と動作はこのようになっているが、それ以外の灰色の部分はすべて、投稿を展開する領域に割り当てられている。
(展開はフィード内で投稿を表示する動作で、移動せずにちょっと内容を確認するのに向いているモード)
タグやストックのボタンが小さめで、かつ周りが別のクリック領域のため、誤クリックするパターンが多くなっていると推定。
展開後の動作
投稿を展開した場合、閉じるボタンが一番下の囲った領域と左側の細いバーで閉じるになる。
下のボタンはマウスオーバーで多少大きくなる。
正直左側が畳むボタンであると認識するのは難しいと思います。
追記:展開した記事内でダブルクリックでどこでも閉じるようです。コメントで教えていただきました。
この投稿の場合短いのでほとんど問題はないが、もっと縦に長い場合一度展開すると一番下まで行かないと投稿を畳むことができないと認識しやすいのではないだろうか？
誤クリックが発生しやすい件と合わせてUXを損ないやすい仕様だと思います。
改善案
展開ボタンの領域を下のボタン付近に狭める(その場合クリック領域は広げる)。
もしくは、タグやストックボタンなどの周りにマージンを十分に取る。
展開後は展開前と同じ場所をクリックすることでトグル操作になるように統一する。
新着フィード
フィードやすべての投稿で新しいアクティビティがあった場合、表示すると新しい分がどこからどこまでかわかりにくい。
改善案
新着分に関して、区切り線をつける
これを
こんな感じに
投稿画面でのストックボタン
ストックボタンはこの2箇所にあるが、ある程度長い投稿の場合途中でストックボタンが見えなくなる。
投稿を途中まで読んでいて、いい記事だなとりあえずストックしておくか、となったとき上か下かまで移動しなければならない。
改善案
右上にあるストックボタンを追尾型ボタンする。
関連投稿と注目の投稿は追尾型なので、その上においておくようにすれば使いやすそう。