#698 Fedora Badges Design Update: About Page
Opened 3 years ago by duffy. Modified 2 years ago

@renata put together an awesome usability report for the https://badges.fedoraproject.org. The report is available here:

https://docs.google.com/document/d/1FfMB5tOA2I4pCyHrjiYE15G5CNHrPADhaQt4YaKX3-M/edit?pli=1

For this task, we need a UX designer to take a look at pages 2-3 of the report describing the issues with the About Page (https://badges.fedoraproject.org/about) and come up with some wireframes / mockups of a new design that would address the issues.


Metadata Update from @duffy:
- Issue tagged with: outreachy-2020, triaged

3 years ago

Note that Preshy will be working on this task, I am just waiting for her to finish creating her FAS account so I can assign it to her.

Metadata Update from @duffy:
- Issue unmarked as blocking: #654

3 years ago

Metadata Update from @duffy:
- Issue marked as blocking: #654

3 years ago

Metadata Update from @duffy:
- Issue assigned to preshy21

3 years ago

Thank you @duffy getting to work now

@duffy @riecatnor , I have redesigned the landing page and implemented al that is in the docs
less text
more explanations about the badges and fun ux with vector illustrations
please go through the figma link , and drop your suggestions and feedbacks on the design , thank you
https://www.figma.com/file/m3eUBU4feJxWO3jA1i0VrL/FEDORA-BADGE-PAGE?node-id=6%3A190

@preshy21 OMG! This is so dang good. You've put much effort into this and I'm very impressed :)
I'm not in the position to give feedback, just want to say I love it :D

oh Thank you so much Vivian, are you done with your task , I would also
love to see, just to learn a thing or two

Thank you =E2=9D=A4

On Sun, Oct 11, 2020, 1:15 PM Vivian Ekob pagure@pagure.io wrote:

viv added a new comment to an issue you are following:
@preshy21 OMG! This is so dang good. You've put much effort into this and I'm very impressed :) I'm not in the position to give feedback, just want to say I love it :D

To reply, visit the link below or just reply to this email
https://pagure.io/design/issue/698

Hi @preshy21 this is an awesome first draft! Thanks for the work :) I have a few thoughts off the top of my head, tho UI/UX is not my strongest suit, so I think we could use reviews/input from @duffy @mleonova @renata as well.

I like the mockup on the right the best. It has the "lightest" feeling to it. I would love to see the illustrations replaced by designs from our badges collection. Not the entire badge, grabbing elements and creating a fun mix of characters/graphics/etc.

Under the "Earn a Badge while Having Fun" it would be nice to have the badges there without the blue circles. Maybe something similar for the "See available badges" area, the squares around the badges don't look quite right to me.

The spacing in the questions area is off, there is more on top than the bottom. Try centering that or adding more space below.

The footer seems a bit disjointed, like the text is random. I am not sure if we use the exact text that is here (https://getfedora.org/) but I think it should be a bit more organized.

Are you using the Fedora color palette? The dark blue seems different than the Fedora dark blue.. maybe it's just my screen?

Looking forward to additional feedback and your next draft :)

hello everyone, thank yo so much for the comments and the help on this task, @riecatnor , I have effected all the changes you pointed out, I used some artwork and illustrations that @viv dropped.
I am still open to more suggestions and comments.
Please use this link to view and please drop your suggestions too.

Thank you.

https://www.figma.com/file/m3eUBU4feJxWO3jA1i0VrL/FEDORA-BADGE-PAGE?node-id=6%3A190

Hi @preshy21 in case you aren't working on this ticket anymore, is it okay if I take over this issue ?

Hey, I started working on this since. Here's the link: https://www.figma.com/file/GkxIYQkSY7YjvkEGxlPn9q/About-Page?node-id=0%3A1

I had also worked on #700 so I've kept this design consistent with that one.

The issues mentioned in the report were:
1. Too much text & overcrowded text
2. Users expected to find more information on how to earn badges and what badges were available, basically what they didn’t find on the landing page but this information was more about the technical side.
3. Participants expected more infographics and less text.

To solve these, I've spaced out the text and added as many infographics as possible. I've added headings to highlight the content in most places. I've ordered the information in the order that users would find helpful, keeping the technicalities at the bottom.

Looking forward to getting some feedback here! :D

Metadata Update from @smeragoel:
- Issue untagged with: outreachy

2 years ago

Login to comment on this ticket.

Metadata
Attachments 6