Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

デフォルトスタイル一覧で、現在のスタイルが案内されていることが分かりやすいようにする #1512

Open
Hiroshiba opened this issue Aug 20, 2023 · 4 comments
Labels
初心者歓迎タスク 初心者にも優しい簡単めなタスク 機能向上

Comments

@Hiroshiba
Copy link
Member

内容

デフォルトスタイルの一覧UIの現状はこうなっています。

image

「ノーマル」や「ふつう」の後ろに「(4スタイル)」と書いています。
これは左側が現在のデフォルトスタイル、右側がそのキャラクターが持っているスタイル数なのですが、もしかしたらこの法則に気づきづらいかもしれません。
また現在のスタイルとキャラクター名の表示が似ていて、それらは違うものが表示されているということが。ちょっと伝わりにくいかもしれません。

この辺りの表示方法を改善できるとこの課題は達成だと思います。

Pros 良くなる点

より一層分かりやすくなる

Cons 悪くなる点

実現方法

キャラクター名か現在のスタイル名を太字にすることで、情報が別であることは提示できそうです。

現在のデフォルトスタイルがどうなっているかは、例えば「現在のスタイル:」のようなラベルで案内できると何が表示されているのか分かりそうです。
ただこの方法だと現在のデフォルトスタイルであるということは伝わらず、かと言って「現在のデフォルトスタイル:」というラベルで表示すると横に広くなってしまって表示しきれない可能性が出てくるので、より良い表現方法があると良さそうです。

スタイル数はデフォルトスタイルを選択する際にあってもなくてもいい情報なので、もしない方が良いのであれば消しちゃっても良いと思います。
ただどういうスタイルがあるんだろうという興味をそそるような情報ではあるので、表示していても大丈夫なのであれば表示していた方が良いかもしれません。

何か良いUIの提案があれば募集しています。

その他

@Hiroshiba Hiroshiba added 機能向上 初心者歓迎タスク 初心者にも優しい簡単めなタスク labels Aug 20, 2023
@kebin628
Copy link
Contributor

image
image

案として…

キャラクター名、デフォルトスタイル、全スタイルの3要素が分離できていればいいかな?と感じたので、キャラ名を全体的な視覚的なキー情報として別格化(後ろ色付きや、議題にあった太字化)してしまうのはどうですかね?
他画面との整合性とかもあると思うので(並び替えとか)、そこは他との連携が…とはなりそうですが。

それと、全スタイルはそうそう変わらない固定の情報なので、表記するとしても小さくしても良さそう、かつこの「nスタイル」が何のこと?となったので、いっそのこと「全nスタイル」と表記を変える+主張激しくないようにしてしまうのはどうでしょうか?

デフォルトスタイルはそのままです。
上位要素(名前)、下位要素(固定のスタイル数)が区別できていればいいのかなあと思いました。

@Hiroshiba
Copy link
Member Author

@kebin628 提案ありがとうございます!!!!!すごく良いなと感じました!!

どちらの案も素敵なのですが、背景テーマカラー+黒文字はボタンとして使われているので可能なら避けられると良いのかなと感じました!(テキストを追加する+ボタンとか)

ということで2つ目の案すごく良さそうかなと!!

@kebin628
Copy link
Contributor

背景テーマカラー+黒文字はボタンとして使われているので可能なら避けられると良いのかな

テーマカラー+黒文字の名前装飾がボタンっぽく見えるとの事ですけど、これ既存ありましたっけ?
戻る保存ボタンの白背景+黒がほぼメインだったり、他のボタンは角が少し丸い程度の資格ボタンか、+▶などの完全な丸ボタンなので、1行前提ですが文字装飾の角丸背景はまだ採用の余地自体は残っていたり…?

とはいえ、2つ目の方了解です。
何れにせよ、今回始めてFork元へのPRやることになるので、少しお時間とレビューいただければ…
レイアウトの合わせ方とか、ルールありそうなので。

@Hiroshiba
Copy link
Member Author

テーマカラー+黒文字の名前装飾がボタンっぽく見えるとの事ですけど、これ既存ありましたっけ?

製品版ホームページのダウンロードボタンとかがそんな感じです! https://voicevox.hiroshiba.jp/
ソフトウェア内では現れてないかもですが、勘違いされうることが想定できるのであれば避けた方がいいだろうなと。
すでに良い案(第二案)があるから、というのもあります。

何れにせよ、今回始めてFork元へのPRやることになるので、少しお時間とレビューいただければ…

なるほどです、承知しました! 何か不明な点とかあればここでもDiscordでも聞いていただければ!!
レイアウトのルールとかはまだ定めていないですね。。。周囲のコードになんとなく合わせていただければ、くらいです!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
初心者歓迎タスク 初心者にも優しい簡単めなタスク 機能向上
Projects
None yet
Development

No branches or pull requests

2 participants