Assistant Screen Design on Mobile

[alperozturk96]

Current web UI/UX of Assistant not ideal for mobile OS. Instead of showing all the time input field to the user in screen we can do following suggestion:

When user open the assistant page first we will show text middle of screen and we will only have one plus button in top right.
Text will be "No Tasks" and description text will be "You can add new task from top right"

When user tap the plus button alert dialog will be shown and it will contains dropdown menu of different request type (Free Prompt, Summarize, etc) then user can tap ok or cancel. We will request a new task then in screen we can show available tasks also we can add swipe to delete function, filter task types etc.

Current Design

@nextcloud/designers @jancborchardt Here is my proposal about the design.

last__.mp4

[tobiasKaminsky]

@jancborchardt I think this is better than what we have discussed :)

[alperozturk96]

• Pull To Refresh
• Show More - Show Less Animated Text Content Size
• Add Task Floating Action Button
• Filter task list with given task type
• ...

last__.mp4

[alperozturk96]

I have a couple of questions about design.

The task summary box I did could be better. It's looking okay but spacing, text size and title, description alignment can be better. Have any idea or suggestion about it?

User can't use plus button when “All” selected. Shall we hide the plus button when “All” selected or show message like in the video “0:13”

To delete a task, the user needs to long press the task summary bubble and reach the bottom sheet. It can be not easy to access for some users. We can put “more (vertical three dot)” icon bottom right of corner or do you have better idea?

@nextcloud/designers @jancborchardt

[jancborchardt]

@nimishavijay makes most sense for you to look into this. :)

[jancborchardt]

Btw @alperozturk96 – currently the buttons bar with "All", "Free prompt", etc is cut off on the right before the end of the screen. Could this extend so it is only cut off by the end of the screen?