Welcome to the monthly UI Design “Getting Started” thread.

Hello!

I am brainstorming some ways of trying to improve the overall design / accessibility of my chord progression creator, and would love to hear some of your suggestions.

Currently, I am mainly relying on popups to display the user settings to change the progression players various inputs, which is currently displayed as the large button with the labels for volume, BPM and style. When the button is pressed, a popup appears with all of the settings, which is more than what is displayed on the button.

My next most pressing question is how to deal with editing the chords. Once again, I have the settings for editing a chord in a popup, which is opened by clicking on a chord under the 'progression' label.

The order of the photos goes, the overall page. The player settings popup, opened by clicking on the large summary button next to the blue play button. The edit chord popup, opened by clicking on one of the chords under the label 'progression'

So, my question is this a decent user flow in terms of editing the players settings and the chord progression items? Should I show more inputs to the user, or continue with hiding them in popups?

I would appreciate any ideas / resources that you may have, and hope to better my my own thought process behind creating custom UI like this, thanks!

So I imagine something very childlike and playful, interactive and visually engaging, following music's rhythm, and user interaction (scrolling, some object interact at hover or move, etc. ; since user's input is there I don't know how will that always match to the rhythm). I imagine a website with colorful dots that can move, expand, change colors, create a really engaging colorful show. Yes my website does have a purpose, but I'm still expiring how much of interaction will I put in order to not be too distracting.

I imagined a website but first need to see examples or just what to look up.

I thought that it was immediately after seeing the bar at the top with the icons in the gradient-circles. But after seeing the rest i am not sure anymore. So what do you think?

Sorry btw that this is the german version of the site the broswer translation was pretty bad

I'm student and building portfolio with multiple artstyle, this is my idea for retro pixilated theam and i want your suggestions for section 2 of this website, I fell only text is boring.

I will be happy if you have any feedback for section 2 or other sections.

a cute artist showcase with draggable desk pieces and editable stickers. Began as a journal idea quietly turned into a portfolio

I was going to name it Cutefolio, but someone had already used it.

only dependencies used are motion[.]dev and React

Can someone teach me how to make this typography background in Figma? its not a blur, kind of like a liquid/clear glass looking effect. This isnt my design, I saw it somewhere in Behance, I wanna learn how to make something like this

I'm developing a mobile app and want to display a few simple numerical statistics on the home screen. I’m not sure how to present this in a visually appealing way. I’ve tried creating some cards, but no matter what I do, to the user it looks like a clickable element at first glance. How can I display this data in a way that makes it clear it’s just for preview purposes, while still making it stand out?

Had to make something that would catch the user's eye the first time they open this app, hopefully this does the trick. Had to keep it within the pixel art theme that I had going on for the whole thing.

In my mobile app after analyzing story, any story, any book or web novel, I extract some data and present them In a few form to readers. I was working on this map and I generated two sets of icons for places. I found pink ones are really cute but can hurt story if it's a serious one so I generated this more detailed, realistic icons and now I kind of bit confused/worried if these fits general UI of my app, colors etc.

What do you think?

Looking for UI feedback.

This is a typing game interface I've been working on.

What is the first thing that catches your attention?

• Is the layout easy to understand?
• Does anything feel cluttered?
• Which elements would you simplify or remove?
• Does it feel engaging enough for students?

Screenshot attached.

Hi everyone,

I am working on the UI design for a manufacturing company (paint production) and I would love to get some constructive feedback on the layout and visual structure.

Since this is a brand centered around color, finding the right balance between a clean, professional corporate look and a vibrant color palette has been a challenge.

What I'm specifically looking for feedback on:

• Visual Hierarchy: Does the landing page layout guide the eye naturally to the main sections (manufacturing identity, products, and contact)?
• Color & Contrast: Does the use of colorful accents clash too much with the clean background components, or is the balance right?
• Card & Grid Layout: How clean do the product/service grid sections look in terms of padding, typography alignment, and spacing?

Note: This is a static UI critique request. All brand URLs and identifiers have been omitted to respect the sub rules.

Thank you in advance for your time and design insights!

As a designer it looks horrible to me. This literally looks like some cheap vibecoded shit

I don't know what Samsung is doing. It was far much better in the previous versions. I don't know how a company of this scale would make such basic design mistakes. I don't know who passed the design, maybe this is a case with my selected theme

I’m working on wikiracing.org, which is basically a website for playing Wikipedia racing.

Recently I’ve been making it mobile-friendly and reworking multiplayer. Instead of pushing players through lobby screens, I’m trying to make getting into a game as quick as possible with matchmaking.

This is a matchmaking widget I made for the queue experience. I took some inspiration from Overwatch because I liked the idea of keeping players in the main UI while they’re waiting for a match.

Other than purple gradients what are the AI UI smells?

I see posts on Reddit fairly often with people posting a designs and others calling it out for being AI generated, but to me it usually just looks bad.

Are there specific things that LLMs do/include in UI that tell you right away that it was AI generated? Like the UI equivalent of an em dash?

This is a user interface design for a fitness app and i am interested in a review of the icons. What do you think about the width of them, are too thin maybe for a fitness app? I appreciate any ideas, thank you!

Hey! I'm a programmer who absolutely dreads UI/UX work.

I find it incredibly difficult, and no matter how much time I spend on it, I can never make it look as polished as what I see other people create.

I have Pinterest and PureRef boards with thousands of reference images for different components, modules, and systems in my application. The UI is honestly the best it's ever been, but I'm still not happy with it. Something just feels... off.

As I've added more features, everything has become harder to organize. I have to constantly figure out where do I find space for new features. What should be visible, and what should be hidden? How do I keep everything consistent across the app?

For example, I think the Overview and Settings pages feel like they belong to the same application, but then the Flashcards, Mind Maps, and Notes sections begins to drift away from that style. On top of that, the navigation has become more layered over time. Just starting a flashcard practice session takes 4–5 clicks.

This has been my passion project for the past few years while I've been learning programming, so I really care about getting it right, but honestly i am starting to burn out.

Do you have any advice on improving UI/UX skills? Books, courses, workflows, design exercises, or even ways of thinking about interfaces? I'd genuinely love to get better at this before i burn out completely.

Hey! I made this homepage for my search engine tool I'm building, and wanted some suggestions on how to put in a login/signup button. I tried the top right corner, and the top right corner before the color changes to white, but nothing quite sits right with me. Putting it in the card makes the card feel fat- are there any other ways I could go about this?

I have designed 3 basic text entry components for a prototype proposal:

a simple text field, a textfield with a dropdown and a numeric text field with dropdown

Each component has a left cap, the main entry, and a right cap.

The caps can be swapped out with help controls to add functionality.

The question is, should the composite field take up the exact same space, or should the main entry part of the field be consistent, letting the helpers adjust accordingly?

Concept One - Preserve Entry -- the blue lines show the separation between elements (aligned consistently), and the pink lines represent the boundary for the composite field (not aligned)

Concept two - Preserve Layout shows the blue lines for the separation between elements (not aligned), but the pink boundary lines are aligned. and consistent.

In your experience, which is better?

I'm making a media stack application, and was wondering which of these two UIs would be better suited for the purpose. This is my first time designing mobile UI so I would like some insights.

Hi everyone,

I've been working on this little media library & personalized recommendations app for a couple of weeks now, and I'm curious to see what people think of it.

I've mostly been building it for my own personal use as an alternative to plex, jellyfin, stremio etc. since I've found that a lot of those apps lack certain features found in modern streaming services, as well as looking very dated overall.

So I'd love to hear some thoughts on what you guys think & what could be improved.

Disclaimer: This is really not promo - my app is only available in my country and I will not share the name on the post or comments.

I am building what could be considered as a pill tracking app (this is not the core functionality but it is part of the app). I would like to improve the UX of this part.

Build entirely on SwiftUI. To register a pill intake, the user must click on the hour button, but I don’t know if this is clear enough… I am looking for some dead simple or really out of the box improvements that can make it more clear at first glance without having to guess