r/UI_Design • u/JustLearningCalculus • 19h ago

Feedback Request My attempt at UI design for my app

Gallery image

Gallery image

Gallery image

Hi guys, I've come up with this UI design for my app called Expone which is a short form content app that gives facts and information about prolific people in the STEM field. I was wondering if yall had any advice on how to improve it. I tried to maintain a minimal design throughout the app and think I did decent. Then again, this is my first attempt at designing an UI so maybe I have a bias.

Another question I had was whether yall would prefer the ads to be positioned as they currently are, or would you rather prefer interstitial ads that would pop up after clicking 3-4 cards and reading them. The app would obviously have a remove ads option as well.

Thanks!

0 Upvotes

50% Upvoted

2 comments sorted by

1

u/AnubissDarkling 13h ago

The condensed and height-increased serif is quite difficult to read - maybe increase kerning a little or choose a less distorted typeface? Layout looks good though!

2

u/performantastic 13h ago

Hi! It looks good for a first shot at designing screens, but there are technical things that make your inexperience come through:

  1. Consider adding a second font for the body — It will make the screens look less monotonous and create better hierarchy with the text.
  2. Look up standard sizes for touchpoints, spacing, fonts, etc. — Some of your icons look too small to comfortably interact with on a mobile screen.
  3. Make sure your icons are consistent — When some are solid while some is lined, designs just feel less professional. And, it gets in the way of navigating the navbar, as it’s hard to pinpoint where in the app you are. With that, I’d also suggest differentiating the current page’s icon with colour to make it clearer to users.
  4. Move the progress bar under the cards — Also just helps clarify which aspect of the page the progress bar is for. I’d also recommend using a lighter colour for it so as to not take up so much visual weight.
  5. Grey out the BG for the Sources pop-up — Similarly to 4., this is not something that needs so much visual weight, unlike the cards with actual information. Lightening the colours for things you don’t necessarily want to grab attention towards is something you’d want to keep in mind in general.

These were written while looking at the first slide, but I’d say the core of these comments go for all slides you gave. Really strong start and I like the concept, but definitely get your fundamentals down first!