Dump of UI/UX concerns and suggestions about ideoxan HOT 7 CLOSED

Okay so I read this before and I do hear your point. I'll try to address each one but this might not make sense because this is just me listing different points

UI on this website has been a point of concern for me for a while. The problem is that I rushed the development of the main website. I based everything around the editor, which to be honest, had a really bad interface in the first place. The CSS, let alone the HTML, of the website is barely readable or easy to modify (ArduinoidIOT can attest to that). Overall, it is consistent and is in need of a refresh. However that refresh is going to take up more development time in a project that is already months behind schedule for its release. Doing a refresh of the UI is something that I looked at months prior and saved for post-launch. But as I have gone on with development, the UI has grown bulkier and harder to manage. A UI overhaul is inevitable at this point. I looked into different frameworks and decided to settle with TailwindCSS. It seems like the best library to get the job done and has minimal impact on the design process. This would help clean up the site, ensure uniformity, and tackle most (if not all) of the issues presented.

The font on the website is 12px. I can up it to 13px if needed but that may conflict with spacing/display in the editor. I am planning to replace the icons with something from https://undraw.co/ today. When it comes to pricing, that issue will be discussed later in a separate issue. Do you have any suggestions regarding the text contrast?

By the way that article seems good. I'll try and implement some of the suggestions.

tl;dr: I hear you out on the UI. Overhaul coming soon. Working on temporary UI changes to fix some of the issues.

from ideoxan.

Hey so yesterday I pushed some commits that cleaned up the homepage UI a bit. Let me know what you think.

from ideoxan.

I'll take a look, if I remember.

from ideoxan.

I uploaded screenshots of them. Sorry if they look a bit funny.... they were taken on a remote computer.

from ideoxan.

Better, athough images could be smaller or text could have more line-height

from ideoxan.

@skyclo I think you should also add some more padding on the left and right sides. It looks a little odd on widescreen devices. People also prefer to read more shorter lines of text than a few long lines, so maybe reduce the width of the textboxes?

from ideoxan.

The website is currently being redone using tailwindcss. This should make the UI a lot better (as you can tell css is not my specialty lol)

from ideoxan.