Quick access to bookmarks and messages on user menu

Using the new profile menu on mobile, I notice that clicking any of these buttons

shows basically the same result - the top of the user profile page, which only has a navigation menu. You have to scroll down a lot to actually see what you came for.

Instead of that, why not show a short list of what you clicked on, right in the menu?

Bookmarks:

Messages:

16 Mi Piace

I agree it’s odd to arrive at basically the profile menu on mobile when clicking these links. the idea of displaying results in the menu panel, like notifications, is interesting! or at least jump down to an anchor in the results?

2 Mi Piace

This problem exists for a long time. It makes it quite difficult to use the profile on mobile.

https://meta.discourse.org/t/profile-page-on-mobile-selecting-menu-item-should-jump-to-the-selected-content/19896?u=gerhard

6 Mi Piace

I like this idea! Although you’d need a “tab” (since that’s basically how these would function now) for notifications as well, to return to it.

Seems like 80+% of the time you’re only looking for recent bookmarks, messages, etc., so this might be useful.

You might also need a divider between the tabs and the settings icon though, since they now have different functions.

2 Mi Piace

Basically profile page needs fixing. As @sam indicated it might be better if, when you view your own profile only, we compress the top part. It’s especially large on mobile too…

2 Mi Piace

Mobile looks so much better these days :slight_smile: user page is much improved.

I still sort of like the idea of having a “quick access” somehow, cause despite the improvements I still avoid the user page quite a lot.

2 Mi Piace

Hello everyone,

I started working on this one. Here is a part of my progress so far.

6 Mi Piace

I think this change looks good, well done @nbianca, provided “view older {x}…” is updated to be conditional and link to the right place in each view:

  • view older bookmarks…
  • view older messages…
  • view older notifications…

technically assignments are included here as well @sam

This should be reviewed closely as it is a reasonably large change…

8 Mi Piace

È ancora pr-welcome? Mi piacerebbe provare a realizzarlo!

Ho letto il topic e l’ultima PR, ma non sono al 100% sicuro di:

  • Dopo aver chiuso e riaperto il menu utente (senza aggiornare), dovrebbe mostrare sempre tutte le notifiche?
  • Se no, quando arrivano nuove notifiche, suppongo che aprire il menu utente dovrebbe mostrare sempre tutte le notifiche?
5 Mi Piace

Penso che mi piacerebbe vederlo prima in un componente del tema. I miglioramenti all’API che rendono possibile questo componente del tema (e puliscono il core, se necessario) sono assolutamente benvenuti lungo il percorso. Ma credo che il tema sia il luogo perfetto per testare questo concetto!

In seguito possiamo installarlo su meta e “vivere” con esso per un po’ per vedere se ci soddisfa; inoltre, la nostra infrastruttura dell’API core più il componente del tema migliorerà lungo il percorso, il che è un grande vantaggio.

9 Mi Piace

Il componente del tema si trova qui: GitHub - xrav3nz/discourse-quick-access · GitHub. Sono aperto ai suggerimenti!

Ho assicurato che il design sia semplice da estendere per altri plugin o temi che desiderano fornire il proprio pannello di accesso rapido. Documenterò questo aspetto in dettaglio (o invierò una PR con un esempio per discourse-assign) se e quando ci sarà interesse.

Una breve demo:

Colore del pannello selezionato

Per ora riutilizza il colore dello stato hover.

Passare alla pagina completa

  • Puoi comunque fare clic con il tasto destro o premere Ctrl+clic per aprire la pagina completa in una nuova scheda, oppure
  • Cliccare sul link in basso (che verrà sempre mostrato per i segnalibri e i messaggi), oppure
  • Cliccare due volte sullo stesso pannello di accesso rapido.

Stato vuoto

Non sono sicuro di qual è l’approccio migliore. Per ora ho aggiunto il testo di aiuto esistente per lo stato vuoto dalle rispettive “pagine complete”. Quella dei segnalibri potrebbe essere troppo lunga per un pannello di accesso rapido.

21 Mi Piace

@xrav3nz sembra ottimo! Funziona già? Ho aggiunto il componente ma ho ancora il comportamento precedente.

1 Mi Piace

Ottimo lavoro, è molto curato. Mi piace che un secondo clic ti porti alla pagina.

Questo è installato qui su Meta, basta selezionare Sam's Simple Theme per provarlo nel menu hamburger.

Alcuni feedback:

  1. Dovrebbe funzionare con discourse-assign, prova a installarlo e assegna qualcosa a te stesso.

  1. Trovo che il giallo sia eccessivo in termini di stile, @Johani / @awesomerobot, avete idee per uno stile meno rumoroso.

  2. Non so cosa fare in merito, ma su mobile i target cliccabili sono semplicemente troppo piccoli. Forse il componente dovrebbe ingrandire un po’ gli elementi per darti una possibilità di modificarli?

  3. Prefs è “diverso”, forse dovrebbe essere lo stesso e aggiungere un elenco per Riepilogo Attività o forse un elenco con Account Profilo Email e così via.

    a. In realtà… rifciendoci, forse potresti eliminare l’ingranaggio e usare l’icona “persona sam” per aprire un pannello con Riepilogo, Attività e così via. Questo ti dà un’area di target cliccabile più grande per le schede.

In generale… lavoro spettacolare!

13 Mi Piace

Bravo @xrav3nz :clap: questo è fantastico!

Possiamo seguire lo stesso schema per le icone e i menu dell’intestazione, quindi qualcosa del genere

ed ecco come apparirebbe con una notifica non letta in alto

15 Mi Piace

Sono l’OP. Sono contento di vedere che un’idea possa persistere per quattro anni e rivelarsi ancora un’aggiunta utile!

Questa è la potenza di Discourse, in poche parole.

16 Mi Piace

Questa funzionalità è fantastica per i preferiti! :heart_eyes: mi piacerebbe vederla anche per gli assegnamenti

Penso che il bordo che @johani ha abbozzato possa essere un po’ troppo sottile, ma mi piace… quindi procediamo con quello.

14 Mi Piace

Grazie per il feedback! Ho appena aggiornato per risolvere i primi due punti. Affronterò gli altri due più tardi questa settimana (#4 richiederà prima una piccola PR al core).

Fantastico e grazie per il mockup!

:wink:

Inoltre, questo commit mostra quanto sia semplice per altri temi/plugin introdurre un nuovo pannello di accesso rapido!

12 Mi Piace

È fantastico! Quanto fantastico, chiederete? Così fantastico che l’ho abilitato su tutti i temi su meta.

Tutti si sentono liberi di provarlo e dare un feedback. Secondo me, è quasi pronto per essere incluso nel core, ma ci sono alcune piccole cose da sistemare qui.

L’ingranaggio :gear: non è una scheda. Sembra davvero fuori posto. Se lo rimuovi, puoi rendere tutte le schede un po’ più larghe, il che aiuta ad avere target di clic più grandi su mobile! Penso che dovresti provare a rimuoverlo.

Mostrare “Esci” su ogni scheda mi sembra troppo; perché stiamo invitando le persone a uscire solo perché stanno guardando le notifiche? Sembra una confusione di responsabilità.

La mia raccomandazione qui è:

  1. Rimuovi “Esci” da tutte le sottoschede.
  2. Aggiungi una nuova scheda quando si fa clic su person sam a sinistra. Può contenere i link “riepilogo”, “attività”, “messaggi”, “preferenze” e “esci”.

Una volta sistemate queste piccole cose, penso che questo sia un candidato ideale per l’inclusione nel core.

21 Mi Piace

È incredibile!

Ho notato un piccolo problema: questo componente sembra influenzare il colore delle icone altrove nell’app (ad esempio, lo stato “in osservazione”). Di solito, qui l’icona è blu:

Mi piace l’idea: che ne dici di aggiungere anche un accesso rapido al tema e alla dimensione del carattere alla “scheda di sam”? Il menu hamburger qui su Meta sta diventando piuttosto affollato con le opzioni del tema, quindi spostarlo altrove sarebbe una buona idea.

10 Mi Piace

Mi piace davvero molto. Ottimo lavoro a tutti coloro che hanno partecipato!

Un grande +1 per questo: penso che renderà il plugin di assegnazione molto più utile e operativo.

Mi piacciono anche queste modifiche e non vedo l’ora di provarle. Non sono sicuro che sia una buona idea nascondere “Esci” dietro un altro clic, ma concordo sul fatto che nella posizione attuale sembri fuori luogo, quindi sono disposto a provarlo. Stavo pensando di suggerire di spostarlo dove si trova ora l’icona delle preferenze, ma concordo che sembrano fuori posto e non vogliamo incoraggiare le persone a disconnettersi ogni volta che accedono a quel menu.

Sarebbe inoltre utile poter aggiungere uno o due link personalizzati all’interno di person sam. Utilizziamo l’SSO di WordPress, quindi dobbiamo reindirizzare gli utenti su WordPress per modificare il loro profilo e le impostazioni dell’indirizzo email.

6 Mi Piace