Un'anteprima di un nuovo Riot.im ...

Ciao gente,

Come molti sanno, negli ultimi mesi abbiamo lavorato a un imponente aggiornamento dell'interfaccia utente / UX per Riot.im; a partire da Riot / Web e mirando a renderlo radicalmente più semplice e più intuitivo, pur esponendo la piena potenza di Matrix.

Il design è guidato da Jouni Helminen, che abbiamo invitato a scrivere un post per gli ospiti al fine di presentare la proposta di design e raccogliere feedback prima di implementarlo sul serio. Al momento il design è interamente opera d'arte (tutte le immagini sottostanti sono schermate di disegni piuttosto che un'app implementata!), Ma speriamo che fornisca una buona panoramica di ciò a cui miriamo e quanto incredibilmente bello possa essere! Speriamo che ti piaccia tanto quanto a noi

Oltre a Jouni con i dettagli ...

Un po 'di storia

Mi sono imbattuto per la prima volta in Matrix su Hacker News un paio di anni fa quando stavo lavorando su Ubuntu Phone e stavo cercando una piattaforma di chat open source crittografata che potessimo usare. Ho adorato l'etica di Matrix: la mia prima esperienza di chat in tempo reale è stata l'utilizzo dell'IRC nell'internet cafe di mio zio a Helsinki a metà degli anni '90, e chattare con persone di tutto il mondo mi è sembrato magico. Il fatto che Matrix sia un protocollo open source con server federati mi ha davvero ricordato quell'ecosistema aperto collaborativo e positivo dei primi giorni di Internet.

IRC, mentre è ancora in circolazione, è stato per lo più sostituito da piattaforme di chat proprietarie che offrono un'esperienza utente migliorata, in particolare sui dispositivi mobili. Molte di queste app sono fantastiche, ma penso che la chat sia una parte così fondamentale di Internet e delle nostre vite che sembra che ci dovrebbero essere opzioni facili da usare che non sono di proprietà e controllate da entità private. In generale, penso che vedremo emergere e decentrare molte piattaforme nel prossimo decennio.

Poiché Matrix è un protocollo open source, esistono diverse app che possono essere utilizzate come client. Riot uno di questi, sviluppato da New Vector, i principali sviluppatori di Matrix, ed è stato quello che ho provato per la prima volta. Se hai provato Riot, probabilmente sarai d'accordo sul fatto che, sebbene completamente utilizzabile, non ha beneficiato molto dell'amore per il design.

La piattaforma stessa è super promettente e penso che l'esperienza utente di Riot al momento la trattiene dal realizzare il suo vero potenziale. Mi sono messo in contatto con i fondatori, il duo di potere Matthew e Amandine - e dopo aver scoperto che ci siamo sentiti allineati su ciò che è necessario, ho iniziato a lavorare su nuovi progetti per Riot.

Progetta prototipo e anteprima video

Il video sopra mostra un rapido assaggio dei primi lavori di progettazione sulla nuova UI / UX di Riot. Puoi anche giocare tu stesso con il prototipo - https://invis.io/QXJMW88MR4P

Tipografia

Per il carattere principale dell'app Riot ho proposto il meraviglioso Nunito del defunto Vernon Adams. Sembra fantastico in tutte le dimensioni, è molto leggibile e ha un set completo di pesi e supporto cirillico.

L'attuale interfaccia di Riot sembrava troppo occupata: c'è un buon carico cognitivo per i nuovi utenti di capire cosa sia tutto nell'interfaccia utente e come navigare. Con la riprogettazione ho cercato di concentrarmi su chiarezza, migliore gerarchia, contrasto, colore e spaziatura per aiutare con lo skimmer visivo, oltre a stabilire modelli di progettazione per rendere la vita più facile alle persone che iniziano a usare Riot.

Cronologia principale con reazioni, menzioni, anteprime dei collegamentiCompletamento automatico di menzioni e comandi dell'utente

Comunità

Le community sono una nuova funzionalità di Riot. Avere una stanza singola per un argomento ampio non si ridimensiona sempre poiché i messaggi si perdono facilmente nella sequenza temporale o finisci per affogare in stanze non correlate. Avere una comunità incapsulata con stanze separate, ancora specifiche per quella comunità, può essere utile. Le comunità possono anche essere utilizzate, ad esempio, per suddividere le chat di lavoro e non di lavoro o qualsiasi altro scopo di filtro. Una caratteristica interessante di Matrix è che una comunità potrebbe essere totalmente privata, oppure potrebbe essere aperta ma avere solo stanze specifiche per quella comunità o avere un mix di stanze globali e stanze specifiche della comunità - sta agli utenti usarle come fanno piace.

Nuova schermata di accesso

La schermata di accesso esistente è stata aggiornata per renderla più chiara. Le comunità possono anche personalizzare lo sfondo della schermata di accesso in base al proprio gusto.

Ci piacciono le montagne

La mia roba

... O non devi assolutamente utilizzare le community: puoi utilizzare la community predefinita "Le mie cose" per creare la tua selezione di stanze o semplicemente chattare con i tuoi amici e familiari!

Modalità ospite

La modalità ospite è utile per chiunque sul Web veda ciò che è stato discusso in qualsiasi comunità pubblica, prima di decidere di saltare per partecipare. È anche una modalità a basso attrito per far crescere le comunità.

Chiunque può leggere community e room pubbliche sul Web, ma non interagire fino al login

Risultati della ricerca e menzioni

Il pannello di destra viene utilizzato per risultati di ricerca, menzioni, elenco dei membri della sala e file ed è chiuso per impostazione predefinita quando non in uso.

Risultati della ricerca tra contatti, stanze e messaggi (con contesto)Pannello delle menzioni: le pillole per le menzioni hanno anche il mini-avatar

Prossimi passi

C'è ancora molto da fare: le cose che cercherò di affrontare in futuro sono le impostazioni ridisegnate, i flussi di onboarding migliori e la maggior parte dell'onboarding incentrato sulla comunità, oltre a progettare alcune transizioni e microinterazioni piacevoli (ciao After Effects e reagire-primavera !), una migliore gestione delle chiavi di crittografia E2E, design di app per Android e iOS, spingendo ulteriormente ciò che possiamo fare con le app e le integrazioni in Riot (che sono già piuttosto interessanti) - e ovviamente collaboriamo con il team di Riot per una corretta implementazione dei nuovi design . Cerca le parti 2 e 3 di questo post entro la fine dell'estate!

Mettiti in contatto!

Volevamo condividere i progetti in anticipo in modo da poter raccogliere feedback dagli utenti di Riot e trasformare l'app in un'esperienza migliore insieme. I progetti vengono iterati attivamente e l'implementazione è appena iniziata, quindi per favore lascia un feedback, inviami un ping su riot @jounih: matrix.org, vieni a discutere in # riot-design: matrix.org o mandami un'email a jouni @ helminen .co

Originariamente pubblicato su medium.com il 29 maggio 2018.