見出し画像

🎥 解説動画の一覧画面がさらに使いやすく

この記事を書いた人🖋: @Yuppy

Railsチュートリアル解説動画をご利用の方は既にお気づきかもしれませんが、解説動画の一覧画面の「未視聴・視聴済み」選択ボタンをリニューアルしました 👩‍🎨🎨✨

 👈 ワンクリックで切替できるように

スクリーンショット 2020-04-03 23.38.42

以前はセレクトボックスを使っていましたが、クリック数が少なく済むデザインに変えました ✨

スクリーンショット 2020-04-03 23.49.39


他にも視聴済みのボタンに明るい緑色を採用したり、視聴済みの動画タイトルは色を薄くして完了感を出しています ✅ また、なるべく一目で切替が分かるデザインを心掛けました 😌💖

スクリーンショット 2020-04-03 23.47.03

今までどおり視聴済みにするとコンパクトに折り畳まれるので、見たい動画までのスクロール時間が少なく済むようになっています。

💎 Ruby アイコンの粒度を細かく

画像5

これまでは Ruby アイコンが1つずつ赤くなる仕掛けでしたが、さらに粒度を上げて 0.5 ずつ赤くなり、進捗状況が細かく分かるようになりました ✨

スクリーンショット 2020-04-04 0.03.27

細かく変化が出るようになったことで、皆さんのやる気につながれば嬉しく思います 😆✨

✔️ まとめ

いかがでしたか?このような小さな改善を積み重ねて、さらにユーザーに使いやすいサービスを目指していきますので、今後も Railsチュートリアル解説動画を宜しくお願いします😸🎓

Railsチュートリアルの最新情報は『Railsチュートリアル マガジン』の購読がおすすめです 👇✨


YassLab株式会社の活動に興味を持っていただければ嬉しいです。こちらからのサポートは Raisチュートリアル、Railsガイドなど各サービスの向上に役立てていきたいと思います💓