フロントUIの改善

[YutaK1026]

#40 に紐づく改善を行いました。

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
oricube	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Nov 16, 2024 5:43am

[Riku-0801]

ありがとう！いくつか気になったところをコメントしてます！

• ログインボタン
  • 矢印の向き逆じゃない？
  • 左向きに矢印が向いてるのがちょっと違和感ある気がした。
    • ログアウトならわかる
• 検索ボックス
  • バツの主張が激しすぎるように思った
  • 色がくろすぎ？ 灰色にするとよい？
  • とりあえず虫眼鏡マークよりも大きくて濃くて目立つのはどうかな？って思った
• リピートボタン
  • 発想はいいと思ったんだけど、有効、無効のときの色が分かりづらいかも
    • 黒と藍色は差が分かりづらい(灰色と藍色とかは？)
  • あともうちょっと太くてもいいかも
• ページネーション部分
  • 仕方ないけど段階によって幅が変わるのはちょっと気になる
  • トラックの手順4のときとか
• ホーム画面
  • わかりやすくなってる気がする
  • これ影で浮かせるんじゃなくて文字部分のバックグラウンドカラーを白にしたらどんな感じになるのか気になる

[YutaK1026]

@Riku-0801
ありがと！
対面ならまだしも、チャットでレビューするときはやっぱりfigmaあった方が返しやすいね
ちょっとfigmaの移植とか工夫してみます

[YutaK1026]

ゆってぃーのコメント

• ステップ数、場所が微妙。
  　- タイトルと説明の部分。いまおってる部分が「よっとの⚪︎手目だよ」というふうにした方がわかりやすい
  　- PCでも表示させたい
• ページネーションは、広がらないように実装したい
• すぐにループ再生されるのが嫌だ。数秒待って欲しい。
  　- 再生ボタン自体が、ループ待機時間のプログレスバーになって欲しい(figmaに書く)
  　- 現在の形は崩さなくていい。再生ボタンだけ変更。
• ログインボタン、googleでログイン、に変更した方がいい、というか規約がそうだった。
• ボタンのホバーが変。size=28, width, height = 44で。
• 検索バーの高さを高くしたい

[YutaK1026]

ループ停止
　アイコンをループボタンに斜線が入ったのにする。iconになければ作る

[YutaK1026]

これの、左右の...を消す方針でいく

[YutaK1026]

この時の1,2の間の...はいらない