Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

feat: evolve Kangaroo visual approach #857

Draft
wants to merge 8 commits into
base: main
Choose a base branch
from

Conversation

Fupete
Copy link
Collaborator

@Fupete Fupete commented Aug 29, 2023

We need to evolve the kangaroo design.

To do

  • ✅ From the usability test: switch sides (left-right) between the drop-down quicklinks menu and the metadata informations. We need then to evaluate the approach and scalability at different levels;
  • 👎 or 🤔 evaluate the possibility of moving the "Parliamo di" tags to the end of the page content;
  • ✅ evaluate chances to hide some information with a toggle approach (show/hide);
  •  ✅ enhance show quicklinks menu with a btn-outline approach
  • 🤔 code: split News and Events Kangaroos from the other ones
    • 🤔 content: maybe we need to change personalInfo props on all the news to a dedicated newsInfo...
  • 🤔 code: we need to evaluate a complete refactoring of these meta handling if we want to be able to improve an horizontal layout
  • ...

Results at the moment

1st level

immagine

2nd level (risorse per progettare/fase)

immagine

### 3rd level (kit)
immagine

4th level (kit action)

immagine

3rd level (DS/Scheda contenuto)

immagine

3nd level (news)

immagine

3rd level (event)

immagine

@github-actions
Copy link
Contributor

github-actions bot commented Aug 29, 2023

⚡ Lighthouse report for the home page 🏠

Category Score
🟠 Performance 63
🟢 Accessibility 100
🟢 Best practices 100
🟢 SEO 100

See the full report...

Other pages

@Fupete Fupete marked this pull request as ready for review February 21, 2024 10:54
@Fupete Fupete changed the title feat: evolve kangaroo visual approach feat: evolve Kangaroo visual approach Feb 21, 2024
@Fupete Fupete requested a review from astagi February 21, 2024 10:55
@Fupete
Copy link
Collaborator Author

Fupete commented Feb 21, 2024

@astagi I need a code review

@danielaiozzo @pedromaria88 @zetareticoli @danielenole @gianvitofanelli I need a visual/content review. Please navigate each level of page content (1st, 2nd, kits, actions, news, events, ds, ...) to understand this new kangaroo approach.

@zetareticoli zetareticoli removed the request for review from danielaiozzo March 12, 2024 17:05
@zetareticoli
Copy link
Member

Di seguito i miei feedback:

  • 1st level: lo spazio che separa il dropdown dalla lista degli argomenti "Parliamo di" potrebbe essere ridotto, portando i due elementi ad essere più vicini; non c'è molta ragione per cui debbano essere così distanti; inoltre, se gli argomenti fossero più di due, si creerebbe uno sbilanciamento di questi verso il lato destro;
  • 2nd level: vedi stesso ragionamento fatto sopra;
  • 3rd and 4th: qui abbiamo, secondo me, i problemi maggiori in quanto lo spazio occupato è veramente molto generoso; dovremmo trovare il modo di compattare le informazioni, forse usando font-size più piccolo o rivedendo la dimensione delle etichette; anche la presenza di molte icone non aiuta ma affolla troppo l'interfaccia; se poi si decide di espandere le informazioni, diventa gigante 👀

La presenza del button quick-link (ad esempio "Scopri le schede operative") da una parte è utile, dall'altra cattura molto l'attenzione ancor prima di vedere cosa c'è nella pagina. Quali erano i feedback dei test di usabilità su questo elemento?

@zetareticoli zetareticoli removed the request for review from pedromaria88 July 18, 2024 08:16
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
Status: 🛠 Doing
Development

Successfully merging this pull request may close these issues.

2 participants