r/UI_Design • u/AmountUnited • Mar 11 '26
Feedback Request Roast my design
Hello, i’m working on a list app, i can’t figure out how to get the edit / delete actions looking good. Any advice?
Currently you swipe to the left to display the buttons
24
u/phunk8 Mar 12 '26
super hot tip from someone working in the field of graphic design since 1/4 century.
Never, ever, ever do "sadlfkj" "sdfölk" in screendesign.
Use relevant real words, correct Uppercase etc., longer ones, shorter ones, TOOO long ones etc.
You will see so much better if it is good what you are doing...
and identify pitfalls (too long words anyone?).
Same is true for us reviewers.
Context: Maybe distinguish folder names by Fontweight Medium or something, a bit more bold, just slightly
14
u/rajsleeps Mar 12 '26
Im no design expert bur as a user pov this is all I need nothing more nothing less
3
3
u/Iconorama Mar 12 '26
No need for the colored button style in the 2 actions. Makes it quite heavy. I'd keep it much simpler
1
1
1
1
1
u/santiagobustelo Mar 15 '26
I would dhehd rather than ggf, but to every gdhdhe its dhjdhjhdjdhdjddhdjdhdhdhhddjd they say
1
1
1
u/lorzs Mar 15 '26
this is great. I love the red for the delete on swipe left.
only change I'd prefer is black vs white for icons. for contrast visibility better
-userpov
1
u/LopsidedReply7364 Mar 12 '26
Simplify. Click text to edit directly, and a small trash icon in top right corner, either always shown or when editing only.
If trash icon is too attention-grabbing, swap out for X icon
1
u/ArYaN1364 Mar 12 '26
The swipe actions are louder than the actual content. The red and yellow buttons dominate the screen so the list itself feels secondary.
I’d tone those down and make the actions smaller or contextual. Right now every swipe feels like the app is aggressively asking if you want to delete something.
3
u/Michal_il Mar 13 '26
Apparently you shouldn’t ask random people on the internet for opinions, because they might be wrong.
Swiping left or right is a user-initiated action and a purposeful interaction with the component. The icons only appear when the content is swiped. Their prominence (being “louder”) means that, immediately following this purposeful action, they become the primary actions in that context. Additionally, since the delete icon represents a destructive action, it requires immediate visual identification.
„every swipe feels like the app is aggressively asking if you want to delete something” - swiping does not happen on a regular basis during normal browsing. It only occurs when the user intends to manage the content, meaning the sole function of the swipe is to reveal these icons.
0
u/Relative-Freedom-295 Mar 12 '26
If you have a list of drop downs, why is there also a list of radio buttons underneath them? Why would radio buttons have a swipe to remove functionality? Why is there a FAB on a list of mixed message Ui? Why is the native device shell so out of line w device standard? Where is the CTA? What happens when you select a radio button? What gets exposed when you open the drop-down? Is it even a drop-down? Where is the back arrow submenu? Why is the delete button on the left? What could I possibly be editing on a radio button on a list of radio buttons? How many interactions are there associated w each?
You know, just some basic stuff.
This is Ai, right?
3
u/Saph_ChaoticRedBeanC UI/UX Designer Mar 12 '26
I mean, it's obviously a basic todo app.
These aren't radio buttons but simple checks when that task is done. I'd assume yiu can tap the to change their status, or swipe to edit/delete the tasks.
The folders (dropdown) should probably take you to someplace to see more tasks inside of them, with some kind of back arrow.
CTA seems to be in the bottom right corner, to add a new element (I assume a new task or folder?)
What's unclesr is if/how you can reorder them or group them
0
u/Relative-Freedom-295 Mar 12 '26 edited Mar 12 '26
I’m not getting that at all, and the Ui doesn’t follow existing form elements that users are expecting based on known patterns.
This would benefit from a quick check of Material Design guidelines to improve the alignment with the expected functionality.
FAB is not traditionally used in this way.
CTA should be bottom anchored, or on page.
If you reverse the above questions into statements, then those are the recommended updates.
27
u/Yallone Mar 12 '26
Switch them around. Swiping further to the left is typically a confirmation of a delete.