Road to 1.0: UI/UX redesign wireframes
Posted: Sat Mar 01, 2025 6:27 pm
In software development, anything involving a user interface typically gets wireframes developed before any code is written. Wireframes, or mockups, are designs for user interfaces that don't involve any code, just images of what the various screens (pages, menus, etc) in the user interface will look like. These are created by UX designers and then discussed with team leadership and front end engineers.
Leading up to an eventual 1.0 release, I've started working on wireframes for a cleaner, more modern experience in Time Matters.
Time Matters uses the Python package Tkinter for rendering graphics. This package basically wraps very, very old, legacy OS packages (the TK in Tkinter) that deal with graphical output, so its capabilities are very limited. In short, it looks old because it is old.
We do have some options for updating this that aren't massive undertakings. Most of these are extension packages for Tkinter, and should be as simple as using their available code the same as any other package Time Matters uses. (With me learning a bit along the way, fixing any incompatibilities between old and new UI code, etc.) Obviously, the actual reorganization of menus is still a normal coding process, but hooking up to new packages should be straightforward.
I've started working on wireframes for Time Matters based on the Custom Tkinter package. Technical info, as well as image examples, can be found here. https://customtkinter.tomschimansky.com/
Keep in mind these wires are relatively forward-thinking, and so they include space for options and selections that are not implemented yet (tons of solunar return types, potential paran options, etc). In the intervening time before those features are implemented, the buttons will either be disabled or just absent. I'm sure there's still much to discuss on those unimplemented topics.
Wireframes can be found at the URL below. I believe that this URL will stay fixed even as I make changes, so we shouldn't need to update this. It should be public; let me know if you can't view it for some reason.
I also will add (and have already added) comments, which you can view as little speech bubbles on the canvas itself with E for Ember on them. If you have (or get) a Figma account and want comment access so you can add comments, just let me know what your email is for your Figma account and I'll add you.
https://www.figma.com/design/jGyqh24WEt ... X-redesign
I'd love any feedback.
Leading up to an eventual 1.0 release, I've started working on wireframes for a cleaner, more modern experience in Time Matters.
Time Matters uses the Python package Tkinter for rendering graphics. This package basically wraps very, very old, legacy OS packages (the TK in Tkinter) that deal with graphical output, so its capabilities are very limited. In short, it looks old because it is old.
We do have some options for updating this that aren't massive undertakings. Most of these are extension packages for Tkinter, and should be as simple as using their available code the same as any other package Time Matters uses. (With me learning a bit along the way, fixing any incompatibilities between old and new UI code, etc.) Obviously, the actual reorganization of menus is still a normal coding process, but hooking up to new packages should be straightforward.
I've started working on wireframes for Time Matters based on the Custom Tkinter package. Technical info, as well as image examples, can be found here. https://customtkinter.tomschimansky.com/
Keep in mind these wires are relatively forward-thinking, and so they include space for options and selections that are not implemented yet (tons of solunar return types, potential paran options, etc). In the intervening time before those features are implemented, the buttons will either be disabled or just absent. I'm sure there's still much to discuss on those unimplemented topics.
Wireframes can be found at the URL below. I believe that this URL will stay fixed even as I make changes, so we shouldn't need to update this. It should be public; let me know if you can't view it for some reason.
I also will add (and have already added) comments, which you can view as little speech bubbles on the canvas itself with E for Ember on them. If you have (or get) a Figma account and want comment access so you can add comments, just let me know what your email is for your Figma account and I'll add you.
https://www.figma.com/design/jGyqh24WEt ... X-redesign
I'd love any feedback.