When I first saw the Docs page, I had a lot changes that I wanted to make. However, I still conducted a short user test with 5 people. I got a lot of insights. Hence I would be designing the the Docs page part by part, sometimes reiterating the design also, if needed. In this issue I would only be focusing on the red marked area. First I would point out the user issues that arise, in order to explain my design choices more easily. You can see them below on the link in frame 1 .
https://miro.com/app/board/o9J_lkoizq8=/?moveToWidget=3458764522363490341&cot=14
Now , We will redesign that red box again. I have mainly added 3 basic features based on my reviews of that part. They would be :-
1. Search bar at the top of the screen - So that it would easier to navigate and easily accessible
2. A contribute option for contributors (essentially doing the same work as edit this page) :- Specially made for contributors. The button was made visible and enlarged
3. A simple introduction box welcoming the users and a brief description (content would be changed drastically) :- to start of the users as soon as they visit the website
Additionally I also , redid the colour scheme. Many users commented that the website looked "heavy" and unappealing. Because of the initial colour scheme, the users did not know what to focus on when they reached the website. Redoing the colour scheme , makes it look lighter on the eyes, and also adds a sense oh hierarchy (controlling the flow of information), though the changed colour scheme makes follows the colour pattern of the fedora symbol.
Now one of the most major complaint was that there was no feedback in the website , hence the users complaint whether the actions they did actually followed through or not. Hence I added simple interaction that reciprocates to the actions of the users providing a sense of surety and security.
You can visit this small prototype to see how the design would look and how the interactions would work. While it is a work in progress the contents of the link would be updated and for now the changes are only in the previously marked red box.
Interactions added :-
1. Search bar (click on it for the interaction)
2. Contribute button (hover over it for feedback)
More to come :)
Prototype link -
https://www.figma.com/proto/tiDzntZvdeU90Ci8JL4C9d/Outreachy?page-id=0%3A1&node-id=2%3A3&viewport=241%2C48%2C0.73&scaling=min-zoom&starting-point-node-id=2%3A3