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
image.png
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:
image.png
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: image.png
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: image.png
(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:
image.png
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 serie
@mjrphotography, Approve is not my ability, but I can upvote you.
yes.