The idea

Today while checking some of the tutorials on Utopian, I couldn't help thinking that there is a huge potential to attract more people to Utopian and thus to the whole STEEM world by providing quality tutorials.

The problems

Right now, to browse for new interesting tutorials, the process is the same as for any other category. You can either:

• Do it from the main page by selecting the Tutorials tabs
• Search a project, and filter the tutorials only

The problems I see with this approach:

• Quite hard access to the resource you re looking for, you might need to scroll for a while without finding what you want
• Maybe there is a great video tutorial, in this case you need to search twice since it is a different tab
• While standalone tutorials might suit certain topics, the most useful ones are those that take the learner from the very beginning to a good level, through a series a post.

What I propose

I suck at graphics so instead of doing a mockup I will use existing elements to illustrate what I say:

The main tutorial page

I imagine the main tutorial page working in a similar fashion than the current Utopian landing page:

The features will be as follow:

• Possibility to chose a Category (Graphics tutorials, Development tutorials, Web Dev, etc. ) presented in the similar manner that the 'Chose a Project of the landing page'.
• In a similar style, show some of the most opensource projects having the most tutorials.
• Finally, a third row showing some trending tutorials (similar style as the bottom of the landing page).
• All of these three rows have a 'See More' button that links to the full list of categories/projects/posts.
• A search bar on top allows to search directly by project, as in the main Utopian page:
  

The category page

This page simply lists the different tutorial categories available. Let's say:

• Graphics
• Machine learning
• Web design
• etc.

Each project having a tutorial for the first time will be put by default in the Other category, and then will be attributed to a category by the moderators.

I picture this page in the same style as the contribution type choice in the main Utopian, a table of the different categories in squared shapes:

(this screenshot is for the styling only, disregard the content)

When clicking on a category, a list of projects will show, ordered by number of tutorial contributions, in a similar style.

The project page

Features:

• Search bar for finding a specific tutorial thanks to keywords
• Toggle between Video tutorials, Written tutorials and Series tutorials
• Sort tutorials by trending and display then in the same square-shape manner

Series tutorials

Series tutorials will let the possibility to contributors to take learners from A to Z in their learning process.

It means a new option will have to be added to the Tutorials and Video tuts categories. In the same way that we can link PRs in the Development category, we ll be able to link tutorials to a series of tutorials:

Then when navigating in a series of tutorials, we should have next and previous buttons in order to navigate easily, and the site should save the progress in going through the series.

Conclusion

For now this is just an idea, I need a lot of feedback to know what you think about this, and of course I also need to know what @elear thinks about it. In any case, that is not something I have the time to start alone, so for those motivated to work on this, make sure to let me know ;)

@stoodkev

---

Posted on Utopian.io - Rewarding Open Source Contributors

---