Redesign Preferences Window
AlexPerathoner opened this issue · 13 comments
Before opening the issue, have you...?
- Searched for existing issues
Is your feature request related to a problem? Please describe
Too much stuff going in the preferences window, chaotic, not nice.
Describe the solution you'd like
Something that doesn't hurt when I look at it
Describe alternatives you've considered
No response
Anything else?
No response
Any design suggestion is more than welcome!
hey! i made a mockup of a possible redesign for your settings pane. let me know what you think! i'd love to get some feedback - negative or positive :)
This too!? I'm touched ❤️
Looks amazing, I love it!
One thing: #92 at some point I'll probably add a way to have multiple animations, and a button to replay them.
Something like this, found in System Preferences > Sound
Do you think that could be added as well?
i’d love to! i’ll get on it 🫡
By the way, how did you create those mockups? Is there a way to export them as a .storyboard / .xib? Or do they need to be done again in Xcode?
okay - i've mocked up a few different ideas for the design. here's what it looks like with animations enabled as usual:
and if the user decides to disable them, i've imagined two ways (though there are definitely infinitely more and effective ways) to go about this. one: keep the selection dropdown visible but disable it; or two: use some fancy graphics and make the checkboxes move around a bit while completely hiding the dropdown box.
if you have a different idea that you want me to mock up i'd be more than happy to! 😄
i used a swiftUI button instead of a circle play indicator just because that felt more in-line with the current design aesthetic but i can replace it if you want. let me know.
as for the software i used - Sketch. i know that a lot of designers use this so i imagine there's a way to import it into Xcode. here's the file if you want to play around with it :D
https://file.io/iw0mmPSigz7M
let me know if i can help at all with the design process. if there's something that will make writing this easier in Xcode then just delegate - i've got a little extra time on my hands this long weekend (it's MLK day in the US).
What if the drop menu has an option "None", which disables the test button and we remove the animation checkbox?
i can definitely do that!
If you find a way to convert it to a storyboard it would be really cool. If there is none and you really want to, you can also do it by hand and push it to #102 . I'm getting near to the end of the semester so I'll have a bit less time for this project
whops, didn't realise that you already posted it - next time write a new comment or I won't receive a notification on the edit ;)
btw https://file.io/iw0mmPSigz7M doesn't seem to work
one more thing: I also realised that if the style panel looks like this
we don't need the preview, but we can directly show the hud itself (it's quite a pain to manage the preview, so I'd be glad to remove it). And for the same reason we can also remove it from the Design tab
sounds good! i can mock that up. do you want me to just extend the existing elements to fill the space or would you like me to add another component in place of it?
also, i took your feedback from reply 1383225894 and drafted it up (removing the Animations checkbox and replacing it with a dropdown menu instead that can disable the Test button accordingly).
let me know if you want me to change it/keep it/revert to a previous design iteration!
oh, and sorry about the file thing. they should be available here now :)
https://filebin.net/ukztxmz2rzvgthur
Extending the elements should be fine