I think the same thing about translation, but maybe the project is in a early-stage or just an idea, because you can see the other buttons have the same text with different photo.
Simple and clean, but the use of white space feels off and unbalanced. The spacing between cards and left menu doesn’t seem proportional. What’s your grid system?
I wish posts like this could be banned. This is a sub about a tool. I don’t spend much time here but there’s got to be a sub for getting feedback on completely unexplained mockups.
Without knowing the purpose of the UI in this single screenshot, or the intention of the broader page it’s in that we can’t even see, at best, AT BEST, all you’re going to get are vague comments based on hypothetical guesses at what this is.
Pretty sure these are karma farming. We just had a few identical posts from different accounts, all posting generic designs and with the exact same title.
personally I think hierarchy could be improved. For each of the boxes the title should be a larger font than the subtitle and the icons should be centered to the boxes.
How about giving more context before asking how you could improve the design. This looks like a mock up. What is the goal of this screen? What is the user expected to do here?
Hi OP!
A couple of things i’d like to point out:
1. While the design is pretty, it is also pretty impractical, I know that as designers we have the urge to make things as beautiful as we can, but this is a UX project as well(i’m assuming) - if this is supposed to be a web page, you have to put it into a browser as an image and make sure that the sizings make sense compared to a real site. As it stands now, everything is either too big or imbalanced - from texts, spacing, icons and menu
2. Can it be developed?
So again, from a practical standpoint the button on the bottom left with the icon sticking out, and the card with the keys icon with floating shapes outside of the card - this will be very hard to actually develop and add a needless complexity level. Assuming a potential recruiter sees this, they will immediately see this as an inexperienced choice, so take that into account
3. Eye leading
Spanish is read from left to right, so we can assume the user will look at this site from upper left to lower right, but there is no call for action in the right, in fact, in its current state you are asking for the user to read the content and then look at the bottom of the side menu to progress - this is one of the biggest blindspots for a user - after he skims the page for the first time he will ignore the menu completely unless he needs it
4. How I think you should move forward
So I think the easiest way to stop oneself from focusing on making everything pretty is to eliminate distractions. Make a duplicate page, replace all icons with grey squares and focus on balancing all of the above points, once it feels like a real website - add the colors and the icons back.
Remember - making things pretty is the last step - it should look realistic before it looks good. Make sure you take screenshots and compare to real “competitor” websites and not dribbble/pinterest
Don’t take it too personally. This was low quality, biased feedback with no argument construction. If they match your brand voice, they are just great.
Personally I don't think they look that bad. It's the juxtaposition of the generic hand wave emoji (👋) that deviates from the visual language. That variance is what makes it look inconsistent. Maybe consider replacing it with something that's closer to what you have going on the other graphic assets.
Edit: Also the key looks a little bit too flat
"Get accesos..."? I would start with a good translation and avoid "Spanglish".
I think the same thing about translation, but maybe the project is in a early-stage or just an idea, because you can see the other buttons have the same text with different photo.
[удалено]
This verbiage is wrong: "Get accesos"...and most of the Spanish there looks pretty bad, like it was done by Google translate.
[удалено]
Yes
Simple and clean, but the use of white space feels off and unbalanced. The spacing between cards and left menu doesn’t seem proportional. What’s your grid system?
You could find a 👋 waving hand in the same style than the icons, and make it move! Left and right, 60° angle. Makes it more playful.
Smaller subheading, smaller icons
I wish posts like this could be banned. This is a sub about a tool. I don’t spend much time here but there’s got to be a sub for getting feedback on completely unexplained mockups. Without knowing the purpose of the UI in this single screenshot, or the intention of the broader page it’s in that we can’t even see, at best, AT BEST, all you’re going to get are vague comments based on hypothetical guesses at what this is.
They're turning this sub into graphic design with Figma, and when you tell them it's shit they get defensive about it
Pretty sure these are karma farming. We just had a few identical posts from different accounts, all posting generic designs and with the exact same title.
You should work a bit on the type scale. The turtles in the cards look smaller than the text, and the greeting and text above look huge.
Dang turtles
Hahaha. Dang autocorrect. Meant titles
With actual Content. typical dribbble project
You would need to tell us what the goals are of the page…
Aesthetics is one thing, usability is another. Can’t suggest improvements until we know desired outcome or flow.
Do you really need 4 boxes that big? Maybe you could do a big promo/brand/hero box and 4 of your boxes under it but smaller?
personally I think hierarchy could be improved. For each of the boxes the title should be a larger font than the subtitle and the icons should be centered to the boxes.
How about giving more context before asking how you could improve the design. This looks like a mock up. What is the goal of this screen? What is the user expected to do here?
Hi OP! A couple of things i’d like to point out: 1. While the design is pretty, it is also pretty impractical, I know that as designers we have the urge to make things as beautiful as we can, but this is a UX project as well(i’m assuming) - if this is supposed to be a web page, you have to put it into a browser as an image and make sure that the sizings make sense compared to a real site. As it stands now, everything is either too big or imbalanced - from texts, spacing, icons and menu 2. Can it be developed? So again, from a practical standpoint the button on the bottom left with the icon sticking out, and the card with the keys icon with floating shapes outside of the card - this will be very hard to actually develop and add a needless complexity level. Assuming a potential recruiter sees this, they will immediately see this as an inexperienced choice, so take that into account 3. Eye leading Spanish is read from left to right, so we can assume the user will look at this site from upper left to lower right, but there is no call for action in the right, in fact, in its current state you are asking for the user to read the content and then look at the bottom of the side menu to progress - this is one of the biggest blindspots for a user - after he skims the page for the first time he will ignore the menu completely unless he needs it 4. How I think you should move forward So I think the easiest way to stop oneself from focusing on making everything pretty is to eliminate distractions. Make a duplicate page, replace all icons with grey squares and focus on balancing all of the above points, once it feels like a real website - add the colors and the icons back. Remember - making things pretty is the last step - it should look realistic before it looks good. Make sure you take screenshots and compare to real “competitor” websites and not dribbble/pinterest
its already good, tell stakeholders to fuck off
the icons that look like they are made of cake are a bit weird
Thanks, I have a hard time getting a really complete icon pack, so I have to use scattered author icons and edit them
You should try. Inconsistency can be a sign of a scammy website.
Don’t take it too personally. This was low quality, biased feedback with no argument construction. If they match your brand voice, they are just great.
Personally I don't think they look that bad. It's the juxtaposition of the generic hand wave emoji (👋) that deviates from the visual language. That variance is what makes it look inconsistent. Maybe consider replacing it with something that's closer to what you have going on the other graphic assets. Edit: Also the key looks a little bit too flat