LoginSignup
0
0

More than 5 years have passed since last update.

2018-08-30 esa.io > 「タグやカテゴリで検索 + Star付き」記事を検索する > UIの検討

Last updated at Posted at 2018-08-30
動作環境
Windows 10 Pro (64bit) バージョン 1803 (April 2018 Update)
Google Chrome バージョン: 68.0.3440.106(Official Build) (64 ビット)

希望

  • タグやカテゴリで検索
  • Star付き

上記の条件で記事を探したい。

関連

右上のハンバーガーメニュー(*1)にてStar付きの記事は探せるようです。

*1) 参考: ハンバーガーメニュー by @shiraishiwataru さん

方法1

現在のシステムでは下記の手順となります。

1. ハンバーガーメニューでStarredを選択
2. 検索キーワードにてタグかカテゴリでさらに検索

(追記 2018-08-30)
上記、取消し線を付けた手順1と手順2はそれぞれ独立しているようです。そのため、手順1の効果は手順2実施時になくなるようです。

方法2

(追記 2018/08/30)

  1. 検索キーワードにタグかカテゴリを入力
  2. 検索キーワードにstarred:trueを追加
  3. 検索する

キーボード使用を前提としたUIとしては検索可能です。

マウス操作だけでたどり着く方法はわかりませんでした。

UI検討 > 別の流れ (未実装)

手順

  1. タグかカテゴリをクリックして絞り込み (マウス使用)
    • あるいは、検索キーワードにてタグかカテゴリで検索 (キーボード使用)
  2. 検索結果(一覧表示)の上部メニュー(下図)のAll右側にある「Star」をクリック (マウス使用)
    • 実際には機能はありません

qiita.png

UIの検討理由

qiita.png

「FlowやStock, Shippedでフィルタ追加できるのであれば、Starでもフィルタ追加できると、UIとしての振舞に類似性を持たせることができるのかなぁ」と思いました。
また、マウス操作だけで記事に到達しやすくすることで、タブレットでの閲覧などにも有用であるようにも考えました。

StarだけでなくWatchingも同様です。

StarとWatchingがUIの別の場所にあるのは、それなりの理由があるのでしょうね。

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0