Esperimento di ridisegno della scheda utente

Oggi abbiamo installato una nuova versione della usercard sui forum meta. Lo facciamo per raccogliere il tuo feedback e vedere cosa funziona / non funziona.

Nuova versione

Aggiornamenti

  • Sfondo dell’intestazione utente
    • Abbiamo spostato lo sfondo dell’utente in un’immagine di intestazione, invece di un’immagine di sfondo della scheda.
    • se un utente non ha un’immagine di sfondo impostata, utilizziamo i colori del suo avatar per creare l’immagine di intestazione
    • sposta i badge nell’area dell’immagine “banner” in alto della nuova usercard
    • sposta anche la posizione dell’utente nell’immagine “banner”
  • statistiche utente ridisegnate
  • spostato lo stato utente in un’icona dell’avatar, invece della descrizione completa
  • pulsanti di azione spostati in fondo alla scheda
  • Consenti alla posizione di collegarsi a Google Maps o Open Street Maps

Vecchia versione come riferimento


Come per ogni esperimento, presumo che sorgeranno alcuni problemi con questa nuova usercard.

Si prega di utilizzare questo argomento per segnalare bug visivi / funzionali, nonché le tue opinioni sulla scheda stessa.

Solo per tua informazione, man mano che i bug vengono corretti, eliminerò il post che ha segnalato il bug per diminuire la quantità di contenuti da vagliare :smile:

Usalo sul tuo forum

Come accennato in precedenza, questo è ancora un esperimento. Non prevediamo di supportarlo a lungo termine come componente del tema, poiché l’obiettivo a lungo termine è integrarlo nel core come una nuova user card. Detto questo, se desideri utilizzarlo sul tuo forum ora, puoi installarlo tramite → GitHub - discourse/experimental-usercard

55 Mi Piace

Mi stavo chiedendo…

Se su di me è inutile, perché punti, tempo di lettura e la cosa più strana :wink: , giorno della torta, sono degni di essere mostrati?

Modifica: su di me è visibile qui, ma non sul mio forum… ancora più strano.

6 Mi Piace

Concordo sul fatto che il “cakeday” sia un concetto strano in questo forum. Preferivo “Membro dal…”.

Ma tutte queste informazioni sono utili per formulare un giudizio sulla persona con cui si ha a che fare.

8 Mi Piace

Wow, sembra fantastico! :slight_smile:

Ho solo alcune piccole cose con il plugin Locations:

  • La posizione viene mostrata una riga sotto il pin.
  • Vedo anche due URL di siti web con layout diverso. Questo era anche il caso fino a qualche settimana fa ed è stato corretto da @merefield - ma sulla vecchia usercard c’erano due siti web e nessuna posizione.
7 Mi Piace

Potrebbe essere un’idea dare agli utenti la possibilità di caricare immagini separate per la modalità scura, come abbiamo nelle categorie, ecc.

4 Mi Piace

Possiamo provare a rimuovere il colore di sfondo dell’elemento immagine per l’avatar? Gli avatar delle persone che si sono prese la briga di utilizzare PNG trasparenti per lo sfondo ora hanno un aspetto peggiore.

L’immagine di sfondo/intestazione sulla scheda utente è meno della metà dell’altezza che avevamo prima, mi chiedo se potremmo darle un po’ di più :thinking:

Nel complesso, ottimo lavoro, sembra molto elegante.

9 Mi Piace

Sui temi con i font, l’esperimento della scheda utente non ha il font sulla scheda utente, come Minima.
Esempio:

8 Mi Piace

Fantastico che stia arrivando un restyling! :star2:

Una cosa che mi piacerebbe vedere diversa è l’intestazione. Direi persino che al momento la trovo un po’ triste:

image

Mettere un’immagine di sfondo non sembra così originale e non supporta le funzionalità della community. Il tag della posizione sembra un po’ come su un file. E i badge sono ridotti al minimo e messi in un angolo.

Adoro i badge e, per mia esperienza, molti community manager amano dare sfogo alla creatività attorno ai badge. Mi piacerebbe vedere i badge essere più celebrati, piuttosto che ridotti al minimo nelle nuove schede! Sai, qualcosa del genere:

18 Mi Piace

Penso che qualcosa del genere potrebbe piuttosto essere un’impostazione, personalmente preferisco solo 3.

3 Mi Piace

Potrebbe valere la pena aggiungere del CSS personalizzato al tuo sito per affrontare questo problema. Poiché questo non è un plugin ufficiale di Discourse, non sono sicuro che aggiungerei CSS per supportarlo poiché questo probabilmente verrà unito al core prima o poi.

1 Mi Piace

Mi dispiace essere negativo, soprattutto considerando che non ho molti suggerimenti per migliorare, ma onestamente la mia prima impressione è stata quella di dire letteralmente “bleah, che schifo, è un bug?”. Ciò non significa che abbia ragione, ciò non significa che questi non siano un miglioramento per tutti gli altri, ma per me le vecchie schede utente erano davvero belle e semplici e qualcosa che non avrei cambiato.

Forse mi ci abituerò?

Punti chiave:

  1. I badge sono super utili a fini di qualificazione e dovrebbero essere sulle schede utente – Niente dice “Questo sono io…” meglio di “Ho dato questi tipi di contributi finora”. Immagino che ora siano in alto a destra, ma l’ho capito solo dopo aver esaminato diverse schede utente.
  2. Le caselle in stile tag per “pubblicato”, “saluti”, “soluzioni” ecc. attirano la mia attenzione troppo. Forse è anche il carattere in grassetto? Mi piaceva quanto fossero sottili queste informazioni nella precedente scheda utente. Perché? Perché non mi interessano davvero.
  3. L’aspetto del “cakeday” rientra anche nella categoria “non mi interessa”. È divertente e carino, ma quando voglio saperne di più su un utente, è davvero una delle quattro cose più importanti che voglio sapere su di lui? Probabilmente no.

Scambierei il “cakeday” in alto a destra e riporterei i badge in una o due righe complete, con il nome completo espanso dei badge in primo piano. La maggior parte degli utenti non saprà cosa significano le icone e avrà bisogno dell’elaborazione testuale. Questo pubblicizza ulteriormente i badge disponibili, suscitando la curiosità in alcuni utenti di contribuire di più se desiderano un badge particolare che vedono sulla scheda utente di qualcun altro.

6 Mi Piace

So che i problemi che vedo sono causati dal plugin Locations. Il motivo per cui l’ho sollevato qui è perché questo plugin sembra essere molto comune. Inoltre, direi che le modifiche CSS o di codice devono essere apportate nel plugin e non nel core di Discourse, almeno principalmente. E spero che le persone che gestiscono il plugin Locations esamineranno questo problema. E, ad essere onesti, se la nuova usercard diventerà parte del core, più o meno dovranno farlo. :wink:

Volevo solo affrontare i problemi che ho qui nell’argomento per tutti.

3 Mi Piace

Ho trovato solo alcune altre cose che non vanno, questa volta con l’animazione dello scintillio.
Prima di tutto, sono tutti su cicli diversi. Meglio vederlo se ti disconnetti dal wifi e poi fai clic su una carta:

E inoltre, si ferma troppo presto:

L’immagine non è ancora stata caricata e l’animazione si è interrotta.

2 Mi Piace

Ora vedo i nomi dei badge al passaggio del mouse!

Penso che sarebbe bello se gli utenti potessero configurare cosa viene mostrato, come la data di unione, l’ultima volta visto, ecc. come nella barra laterale.

2 Mi Piace

Preferisco un approccio più minimalista, e rimane ancora una domanda principale senza risposta diretta:

Il concetto di user card è solo un elemento decorativo senza alcuno scopo reale? Ritengo che la maggior parte degli utenti la utilizzi solo per inviare un messaggio privato o aprire un canale di chat. Quindi… dovremmo ripulirla ulteriormente invece di aumentare gli elementi visibili rapidamente?

Le esigenze di amministratori/moderatori sono un campo di gioco totalmente diverso.

6 Mi Piace

Potrebbe anche essere utile combinare i dettagli principali dell’utente in un unico posto anziché in varie posizioni sulla scheda:

Se questo riceve un restyling, penso che potrebbe essere una buona occasione per rimuovere le informazioni sul livello di fiducia dalle badge. Non sono badge ma appartenenza a gruppi, che indicano autorità e diritti di accesso sul forum.

5 Mi Piace

Non sono sicuro di cosa stia succedendo, ma sul mio sito sembra orribile. Mancano molte informazioni. Ho provato senza altri CSS, ed è così che appare. Forse un conflitto di plugin, o qualcos’altro in corso?

Nuovo:

Vecchio:

6 Mi Piace

Qualcosa non va, puoi provare in modalità provvisoria, forse anche il tuo tema sta aggiungendo modifiche?

5 Mi Piace

È un plugin ufficiale che causa il problema, non sono sicuro di quale. Ho prima disabilitato quelli non ufficiali e sembrava lo stesso, ma disabilitandoli tutti ha funzionato. Ecco l’errore nella console:

Modifica: Tutti i miei plugin ufficiali

          - git clone https://github.com/discourse/discourse-chat.git
          - git clone https://github.com/discourse/discourse-user-notes.git
          - git clone https://github.com/discourse/discourse-reactions.git
          - git clone https://github.com/discourse/discourse-calendar.git
          - git clone https://github.com/discourse/discourse-adplugin.git
          - git clone https://github.com/discourse/discourse-whos-online.git
          - git clone https://github.com/discourse/discourse-canned-replies.git
          - git clone https://github.com/discourse/discourse-follow.git
          - git clone https://github.com/discourse/discourse-push-notifications.git
          - git clone https://github.com/discourse/discourse-gamification.git
          - git clone https://github.com/discourse/discourse-templates.git
          - git clone https://github.com/discourse/discourse-automation.git
          - git clone https://github.com/discourse/discourse-fontawesome-pro.git --branch fa5
          - git clone https://github.com/discourse/discourse-spoiler-alert.git
          - git clone https://github.com/discourse/discourse-data-explorer.git
6 Mi Piace