search

onuratakan / gpt-computer-assistant

gpt-4o for windows, macos and linux
MIT License
4.76k stars 442 forks source link

Suggestions for new UI design. #44

Open SrijanSriv211 opened 1 month ago

SrijanSriv211 commented 1 month ago

Using PyQT webkit or something like that to render the UI using Chromium engine and styling it using Html/CSS seems a pretty good idea to me. It allows for a better UI design and UX.

Also, personally I think the UI is very mobile-like. I mean it doesn't look like a desktop application. It would be cool if you expanded the screen size by a lot and then utilizing all the empty spaces properly with an intuitive design.

Also I just discovered this repo and I'm going to look into it, so maybe I'll create a PR for the same. Cool project though.

Also I think calling this project something like GPA (GPT Assistant) is kinda cool since GPA matches with GTA and GPT both. But yeah anyways cool project, appreciate the work.

septatrix commented 1 month ago

QT Webkit is pretty heavy on resources compared to just QT. It is also possible to style QT with stylesheets. Furthermore would this prevent closer and cooler integration in the future. For example, frameless windows with non-rectangular shapes. A long time ago (before GPT et al took off) I made such an app with clippy just for fun. Using QT Webkit would make this hard or impossible to my knowledge

SrijanSriv211 commented 1 month ago

It's a good point. Actually just today I came across a new library DearPyGUI which is similar to Dear ImGui but for python. Perhaps one could use it. I haven't explored that module properly yet since I discovered it today so I don't really know if it is a good candidate for better UI in this project or not but yeah I do agree with the point you made.

But I still think the UI is very mobile-like. Either making the UI like a proper desktop application or like how Siri comes up at top right corner of the screen in MacOS seems a better UI design to me. What are your opinions on it?

septatrix commented 1 month ago

...I don't really know if it is a good candidate for better UI in this project...

I am not sure I understand why you want to replace the toolkit? QT is very mature and capable.

But I still think the UI is very mobile-like. Either making the UI like a proper desktop application or like how Siri comes up at top right corner of the screen in MacOS seems a better UI design to me. What are your opinions on it?

Apart from the big round buttons I would not say that the UI is mobile-like. Maybe it would be best if you provide a few sketches how you would image the UI to look like or what you want to be improved such that the maintainer has a better idea what you want.

I would actually go the opposite direction and say it should become less desktopy - or at least look less like it is from Windows XP, i.e. less blocky, less gray. Make the window frameless, make it look more organic (less rectangular), add icons to the buttons, introduce some colors and indicators (e.g. a red dot in the middle while recording).

SrijanSriv211 commented 1 month ago

I am not sure I understand why you want to replace the toolkit? QT is very mature and capable.

No actually I was just telling that today I discovered a new UI module in Python. It felt interesting to me and it has very intuitive design just like Dear ImGui for C++ so MAYBE it could POTENTIALLY be used for better UI and controls.

I don't really want to replace the toolkit. QT is obviously a great UI library. Hope it clears the confusion.

Apart from the big round buttons I would not say that the UI is mobile-like

Maybe I wasn't able to describe what I meant by "mobile-like UI". Now as you've already pointed out the big round buttons (specially in the demo video they are unlabeled in the main application) doesn't look good and very easy to use. Apart from that I think it would be better to change the text-label box also if the essence current UI is to be preserved.

As I've already said in my previous reply, I think the way Siri pops up at the top right corner of the screen is pretty cool and the UI should quite similar to that style, cuz I think even if the window borders and it's plain background is just wasted screen space although the height and width of the application window is very small but still.

And maybe when we'll click that GPT Assistant icon hovering on the top right corner then it will open up a lot more options for us to play with and we can obviously by closing options windows move the UI back to just that floating icon but the application would still be usable in the options window as well.

I would actually go the opposite direction and say it should become less desktopy - or at least look less like it is from Windows XP, i.e. less blocky, less gray. Make the window frameless, make it look more organic (less rectangular), add icons to the buttons, introduce some colors and indicators (e.g. a red dot in the middle while recording).

What you have said can be applied to that options window thing I was just talking about. It's a pretty cool concept. The direction you chose is definitely a cool, modern and fresh UI design.

I mean at the end of the day, our goal should not only be to make the core application functionable and great but also the UI to be very intuitive and easy to use. What I'm saying is that anyone who will use this app should only take a couple of minutes to wrap their head around the UI and controls and the core application functions and UI must be so well designed that they the users should feel like its so natural to use.

onuratakan commented 1 month ago

Thanks for this amazing conversation. For now we will continue with qt5 but we will improve ux for feeling better.

onuratakan commented 1 month ago

But lets convert here to an general discuss section about GUI.

SrijanSriv211 commented 1 month ago

Thanks for this amazing conversation. For now we will continue with qt5 but we will improve ux for feeling better.

That cool! Thank you as well for starting this project.

onuratakan commented 4 weeks ago

https://github.com/onuratakan/gpt-computer-assistant/assets/41792982/b0e82a3d-d262-472b-80bb-e7e23ee902ef

Can i get your feedbacks? @septatrix @SrijanSriv211

Mideky-hub commented 4 weeks ago

Personally, I like it a lot!

SrijanSriv211 commented 3 weeks ago

Recording.2024-06-09.165045.mp4 Can i get your feedbacks? @septatrix @SrijanSriv211

Yeah, now it's looking much better. Specially with that dark mode, and additional settings buttons. Great improvement!

onuratakan commented 3 weeks ago

Surprise!

image

SrijanSriv211 commented 3 weeks ago

Surprise!

image

Dude! That's even better!! However those up-down arrow scroll buttons are looking annoying to me personally. It would be great if it could be removed or styled. Also the radius of the app window is a little too much. I'll suggest to half it from the current radius. Still great progress though!

onuratakan commented 3 weeks ago

Surprise! image

Dude! That's even better!! However those up-down arrow scroll buttons are looking annoying to me personally. It would be great if it could be removed or styled. Also the radius of the app window is a little too much. I'll suggest to half it from the current radius. Still great progress though!

Realy good feedbacks and got it. For now i am just working for native distributions. After that i will.

onuratakan commented 2 weeks ago

a minimal update for top bar:

https://github.com/onuratakan/gpt-computer-assistant/assets/41792982/8ec4faeb-0fc3-4d86-b1c8-fcb4281fab69

Macaulay1234 commented 2 weeks ago

Using PyQT webkit or something like that to render the UI using Chromium engine and styling it using Html/CSS seems a pretty good idea to me. It allows for a better UI design and UX.

Also, personally I think the UI is very mobile-like. I mean it doesn't look like a desktop application. It would be cool if you expanded the screen size by a lot and then utilizing all the empty spaces properly with an intuitive design.

Also I just discovered this repo and I'm going to look into it, so maybe I'll create a PR for the same. Cool project though.

Also I think calling this project something like GPA (GPT Assistant) is kinda cool since GPA matches with GTA and GPT both. But yeah anyways cool project, appreciate the work.