Ri: Discussions Page 2.0 mockupAggiunta di messaggi originali e risposta al progetto iniziale:
Il 28 giugno 2019, alle 11:44, Ryan Gilmore < Ryan.Gilmore@jmp.com > ha scritto:
Pensieri iniziali:
- Mi piace molto la chiarezza di proposito.
- Non era ovvio per me che gli oggetti fossero tab. Pensavo che Find Your Answer fosse di dimensioni inadeguate.
- Mi piace la dimensione ridotta dell'annuncio e la de-enfasi sul pulsante all'interno dell'annuncio. Mette maggiormente l'attenzione sulla chiarezza di scopo e contenuto.
- Penso che dobbiamo avere più di una voce di menu visualizzata o cambiarla con l'hamburger.
- Non sono sicuro di ciò che provo per la ricerca. Quello che penso aiuterà sarà includere testo all'interno del campo, come "Cerca nella comunità".
Nel complesso, un buon inizio. Grazie per il design.
Vorrei chiedere almeno altri due disegni. Per almeno uno dei progetti, non preoccuparti di quanto rapidamente può essere fatto in termini di sviluppo.
Se hai bisogno di una sfida extra, crea prototipi delle tue idee per il prossimo passo nel percorso dell'utente dopo aver selezionato una scheda.
Presumo questo se per COM-188 ?
Grazie.
A partire dal: Ian Kleinfeld < Ian.Kleinfeld@jmp.com >
Data: Venerdì 28 giugno 2019 alle 10:55
A: Ryan Gilmore < Ryan.Gilmore@jmp.com >, Jeff Perkinson < jperk@mac.com >
Soggetto: Revisione delle discussioni iniziali 2 mockup
Prima bozza preliminare per revisione e discussione. Una riprogettazione semplice che è fattibile abbastanza velocemente.
https://xd.adobe.com/view/23f6a53b-1fb6-4c82-6376-36465525eec0-55c7/
Compreso
- annunci più piccoli
- grande pulsante / schede per chiarezza di scopo
- menu superiore modificato e barra di ricerca assumendo che tutto sarà nel menu della community
_______________________
Ian Kleinfeld
Ri: Discussions Page 2.0 mockupMi piace l'aspetto di questo, @IanAtJMP ! Prendo il nav superiore sarebbe collassare e la barra di ricerca, sign / in, e il menu sarebbe persistere? Lo amo.Ri: Discussions Page 2.0 mockupGrazie, @IanAtJMP .
Potete fornire alcuni commenti su ciò che stavate cercando di ottenere e quali elementi sono indirizzati a tali elementi? Aiuterà a capire il processo di pensiero.
Grazie!
Discussions Page 2.0 mockupSommario
Ci sono tre principali aree di cambiamento in questa riprogettazione:
- Pulsantiere della sezione principale
- Sezione Nav Bar, incluso
- Menu cambiato in menu compresso
- Barra di ricerca spostata nel menu (in parte perché persiste a prescindere da dove si scorre la pagina)
- Accedi / Unisci pulsante (invece di Accedi solo testo), che permarrà sullo scorrimento della pagina
- Promos di comunità più piccoli
Con questo mockup, stiamo cercando di rendere la pagina di discussione più facile da navigare per i tre tipi di utenti:
- Utenti anonimi
- Membri della comunità, e
- Super utenti
Ulteriori spiegazioni e analisi sotto l'immagine.
Sezione principale
Questa sezione principale (centrale) di questo disegno rende più ovvi i percorsi di azione con oggetti tab-like di grandi dimensioni e dai colori vivaci (TLO) per le azioni principali:
- Trova la tua risposta
- Fai una domanda
- Aiuta gli altri, e
- Accedi o Iscriviti, che cambierà nelle statistiche del profilo mini dell'utente (non è stato risolto con il mockup, ma qualcosa del genere:
Utenti anonimi sono più propensi a cercare una risposta a una domanda specifica, che sarà probabilmente una delle domande più risolte. Atterrando su quella scheda come predefinita, offriamo le informazioni più utili a coloro che vogliamo far parte della community. Inoltre, facciamo in modo che il tasto INSERISCI O ACCEDI a scheda / grande e chiaro e "in faccia" per incoraggiarli a partecipare, e per Membri della comunità che non hanno effettuato l'accesso per partecipare alla Community e che ci forniscono dati di tracciamento.
Membri della comunità sono (a differenza degli utenti anonimi) in grado di fare una domanda o aiutare gli altri rispondendo alle domande.
Super utenti , mentre a volte è probabile che ci sia una possibile domanda per aiutare a rispondere alle domande degli altri.
Nav Bar
La barra di navigazione è già stata modificata per rimanere in cima alla pagina di scorrimento. Ciò offre un'eccellente opportunità per promuovere l'accesso e l'adesione, nonché un modulo di ricerca persistente. Per ottenere entrambe queste cose, il menu orizzontale deve essere modificato in un menu di pancake standard per fornire elenchi verticali, con l'ulteriore vantaggio della standardizzazione del menu nei dispositivi mobili e desktop (design mobile-first).
Annunci promozionali della community
Gli annunci sono ora più piccoli, rendendoli meno di una distrazione per gli utenti che arrivano alla pagina per fare qualcosa di specifico (quasi mai per fare clic su un annuncio), cioè Trova la tua risposta, Fai una domanda o Aiuta gli altri. Rendendoli più piccoli contribuisce a migliorare il flusso di lavoro degli utenti rendendo le azioni desiderate più ovvie e le informazioni estroverse (ma utili) meno intrusive ma ancora disponibili.
Modelli di progettazioneRi: Discussions Page 2.0 mockupHo modificato l'articolo principale con una spiegazione e un'analisi.
Ri: Discussions Page 2.0 mockupRevisioni al primo disegno, suddividere i collegamenti JOIN e SIGN IN nell'estremo destro in pulsante e testo. Il blocco JOIN / SIGN IN arancio brillante crea un rinforzo visivo dell'importanza di accedere o partecipare.
Con un feedback da Kristen, ho spostato il blocco JOIN / SIGN IN a sinistra in modo che sia la prima cosa che gli utenti vedono
Dopo l'accesso, l'utente vedrà le sue statistiche di base al posto del blocco JOIN / SIGN IN. Questa opzione lo mostra a sinistra, sostituendo direttamente il blocco JOIN / SIGN IN ...
E questo mostra che si è spostato all'estrema destra, ora che è meno rilevante (la mia preferenza).
Per contrasto, ecco i bottoni come tab regolari, che a mio parere non sembrano buoni come i precedenti mockup
