i had this experience on Onboarding Problems on mobile - Meta - Kirby
i visited the forum on my phone. First screen I see is attached. I cannot figure out where to click because your message telling me to click is in the way, taking up the whole screen. I see a list behind your pop-up, but I can’t get to it. That looks like bad design, or bad mobile view. Very frustrating and confusing.
I understand now on careful examination that it’s referring to the icon on the upper right. That’s not obvious. Your pop-up should highlight the icon in some way.
On closer inspection I see you DO highlight the icon, but your highlight is hidden behind the page header. Your Z order is wrong.
This was partially the fault of my old eyes. Your choice of colors for your highlight is hard for me to see. Maybe you could highlight better. Or make the background blacker. The background isn’t dark enough, so it’s hard to differentiate the background from the foreground.
Next, I tried to create a post. I clicked on category. I see a bunch of tiny light gray text at the top of the page. It goes off the top of the page, so the top sentence is sliced in half horizontally. That looks like a bug, or rendering problem.
Next I clicked the category field to pick a category for this post. But I cannot see your full list of categories because my keyboard is in the way. If I tap my close-keyboard button on the phone, then you navigate me back, away from the page. Very frustrating user experience.
Next, I opened my profile menu. I clicked dismiss. Now I want to close the profile menu. On my medium screen there’s not enough room on the left to tap the page. I wouldn’t want to close the menu by tapping the page as a way to close the menu, because that might activate whatever I tapped. I want a close menu button. It could be an X, or could be the same icon I tapped to open the menu-- either would intuitively make sense. I intuitively tapped my phone back button, which is a standard way to close a menu. Instead of closing the menu, it navigates the whole page backwards.
thx