[Track 5] [UI] User List

[taki-tiler[bot]]

Login is done. Now, let's make the user list UI.

Step 1 - Create List Users

This screen will list all registered users. Each cell should contain:

• username
• user role

You can use your imagination to create a beautiful list! Just try to follow the same visual guide you used to create login screen.

Tip: For this task, you don't need to consume any service. For now, you can just mock the users and the real data will come in next task 😉.

[rmohashi]

Finish

[taki-tiler[bot]]

Step 2 - Challenge: Add pagination to the list

Generally, lists with a minimum amount items are paginated. We currently use 3 types of pagination:

• classical - displaying page numbers, eventually a next and previous button (reference)
• infinite list with next button - at the end of the list, a button with "load more" (reference)
• infinite scroll - the app automatically loads the next page of the user is near the end of the list (reference)

[rmohashi]

Finish

[taki-tiler[bot]]

Step 3 - Bonus: Thinking outside the box

We Taqtilers love UX and more precisely, UX based on researches and references. Here is a list of posts debating the use of infinite scroll X pagination:

• https://uxplanet.org/ux-infinite-scrolling-vs-pagination-1030d29376f1
• https://www.nngroup.com/articles/infinite-scrolling/
• https://www.smashingmagazine.com/2016/03/pagination-infinite-scrolling-load-more-buttons/

[rmohashi]

Finish

[taki-tiler[bot]]

Click here for your next track