I am currently trying to acquire initial users and feedback for a web app.
So far it's mostly friends and family and some freelancers.
I posted the link to a family group and not even one person managed to use the interface and functions correctly.
For example one user simply didn't know how to proceed from this screen. (You are supposed to add a new list using the text field and button / enter key)
Another user stated that he "tried to add many lists, but older ones just kept vanishing". He said he wanted to scroll horizontally and it didn't occur to him that you can scroll "down".
I'm not sure how to make the UI more obvious, maybe I could show a placeholder in the first screen with a text instruction on how to fill out the field and hit enter.
Regarding the scrolling the only option I see is a FAB with a down arrow that you can press to scroll down.
But that doesn't seem like a good idea.
How can I improve the UI/UX to make it more intuitive?
You can play around with the UI at https://lists.state-less.cloud
Edit: I updated the layout, incorporating the suggestions. I like it somewhat, but I'm not sure if I want to keep it as default or make add a button that let's you switch the layout.
Please try out the updated layout. I have a few difficulties with it.
- It's not immediately obvious how to set a title
- The initial UI looks very empty
- The FAB is above the footer when you have few lists.
Here is a preview of the UI if you want to compare it. https://lists-app-frontend-git-feature-ux-stackexchange-c5h8nnao4.vercel.app/