O privire cu totul nouă la Riot.im ...

Salutare oameni buni,

După cum mulți știu, în ultimele luni am lucrat la o actualizare masivă UI / UX pentru Riot.im; începând cu Riot / Web și urmăresc să-l facă radical mai simplu și mai intuitiv, expunând în continuare întreaga putere a Matrix.

Proiectarea este condusă de Jouni Helminen, care am fost invitați să scriem o postare invitată pentru a introduce propunerea de proiectare și pentru a colecta feedback înainte de a o implementa cu seriozitate. În momentul de față, designul este în totalitate opera de artă (toate imaginile de mai jos sunt capturi de ecran de desene, mai degrabă decât o aplicație implementată!), Dar sperăm că oferă o imagine de ansamblu bună despre ceea ce ne propunem și cât de incredibil de cool ar putea fi acest lucru! Sperăm să vă placă la fel de mult ca noi

Până la Jouni cu detaliile ...

Un pic de istorie

Am întâlnit pentru prima dată Matrix pe Hacker News, acum câțiva ani, când lucram la Ubuntu Phone și căutam o platformă de chat open-source criptată pe care o puteam folosi. Mi-a plăcut etosul Matricei - prima mea experiență de chat în timp real a fost folosind IRC la cafeneaua de internet a unchiului meu din Helsinki, la mijlocul anilor 90, și conversația cu oameni din întreaga lume se simțea ca magie. Matrix fiind un protocol open-source cu servere federate mi-a amintit cu adevărat de acel ecosistem deschis colaborativ pozitiv din primele zile ale internetului.

IRC, în timp ce este încă în preajmă, a fost înlocuit în cea mai mare parte de platforme chat proprii care oferă experiență de utilizator îmbunătățită, în special pe mobil. Multe dintre aceste aplicații sunt grozave, dar cred că chatul este o parte fundamentală a internetului și a vieții noastre, încât se pare că ar trebui să existe opțiuni prietenoase care nu sunt deținute și controlate de entități private. În general cred că vom vedea apariția descentralizării multor platforme în următorul deceniu.

Deoarece Matrix este un protocol open source, există mai multe aplicații care pot fi utilizate ca clienți. Riot unul dintre ei, dezvoltat de New Vector, dezvoltatorii de bază ai Matrix și a fost cel pe care l-am încercat prima dată. Dacă ați încercat Riot, probabil că veți fi de acord că, deși este pe deplin utilizabil, nu a beneficiat de multă dragoste de design recently.

Platforma în sine este super promițătoare și cred că experiența utilizatorului Riot în acest moment îl împiedică să își îndeplinească adevăratul potențial. Am luat legătura cu fondatorii, power duo Matthew și Amandine - și după ce am aflat că ne-am simțit aliniați de ceea ce este necesar, am început să lucrez noi modele pentru Riot.

Proiectare prototip și previzualizare video

Videoclipul de mai sus este un gust rapid al lucrărilor de proiectare timpurie la noul UI / UX al Riot. De asemenea, te poți juca cu prototipul singur - https://invis.io/QXJMW88MR4P

Tipografie

Pentru tipografia principală a aplicației Riot, am propus minunatul Nunito al regretatului Vernon Adams. Arată excelent în toate dimensiunile, este foarte lizibil și are un set complet de greutăți, precum și suport chirilic.

Interfața actuală Riot s-a simțit prea ocupată - există o cantitate corectă de încărcare cognitivă pentru ca noii utilizatori să înțeleagă ce este totul în UI și cum să navighezi. Cu reproiectarea, am încercat să mă concentrez pe claritate, o mai bună ierarhie, contrast, culoare și spațiere pentru a ajuta la skimmingul vizual, precum și să stabilesc modele de design pentru a ușura viața persoanelor care încep să folosească Riot.

Cronologie principală cu reacții, mențiuni, previzualizări ale linkurilorCompletarea automată pentru mențiunile și comenzile utilizatorului

Comunitățile

Comunitățile sunt o caracteristică nouă în Riot. A avea o singură cameră pentru un subiect larg nu se întinde întotdeauna, deoarece mesajele se pierd cu ușurință în linia de timp - sau sfârșești înecându-te în camerele fără legătură. Dacă aveți o comunitate încapsulată cu camere separate, încă specifice acelei comunități, poate fi util. Comunitățile pot fi de asemenea utilizate, de exemplu, pentru împărțirea chat-urilor și a activității, sau pentru orice alt scop de filtrare. O caracteristică plăcută în Matrix este că o comunitate ar putea fi în întregime privată sau ar putea fi deschisă, dar are doar camere specifice acelei comunități sau are un mix de camere globale și camere specifice comunității - le revine utilizatorilor să le folosească cum fac ca.

Ecran de conectare nou

Ecranul de conectare existent a fost actualizat pentru a face mai clar. Comunitățile pot, de asemenea, să personalizeze fundalul ecranului de conectare pentru propria sa aromă.

Ne plac munții

Lucrurile mele

… Sau nu trebuie să folosești comunități deloc - poți folosi comunitatea implicită „Lucrurile mele” pentru a-ți crea propria selecție de camere - sau doar să discute cu prietenii și familia!

Mod invitat

Modul de invitat este util pentru oricine de pe web să vadă ce s-a discutat în orice comunitate publică, înainte de a decide să sară pentru a participa. Este, de asemenea, un mod scăzut de frecare pentru comunități să crească.

Oricine poate citi comunități și camere publice pe web, dar nu poate interacționa până când va fi conectat

Rezultatele căutării și mențiunile

Panoul din dreapta este utilizat pentru rezultatele căutării, mențiuni, lista membrilor și fișierele camerei și este închis implicit atunci când nu este utilizat.

Rezultatele căutării în contacte, camere și mesaje (cu context)Panoul de mențiuni - pastilele de mențiuni au și mini-avatarul

Pasii urmatori

Mai rămân multe de făcut - lucrurile pe care urmează să le abordez sunt setările reproiectate, fluxurile de bord mai bune și crearea majorității concentrării la bord pentru comunitate, precum și proiectarea unor tranziții și microinteracții frumoase (salut After Effects și reacție-primăvară !), o mai bună gestionare a cheilor de criptare E2E, design de aplicații Android și iOS, împingând ceea ce putem face cu aplicațiile și integrările din Riot (care sunt deja destul de cool) - și desigur lucrează cu echipa Riot pentru o implementare lină a noilor proiecte . Priviți partea 2 și 3 a acestei postări mai târziu în această vară!

Intrați în legătură!

Am vrut să împărtășim proiectele din timp, astfel încât să putem aduna feedback de la utilizatorii Riot și să transformăm aplicația într-o experiență mai bună împreună. Modelele se iterează activ, iar implementarea abia începe - așa că vă rugăm să lăsați feedback, faceți-mi un pic pe riot @jounih: matrix.org, vino să discutați în # riot-design: matrix.org sau trimiteți-mi un e-mail la jouni @ helminen .co

Publicat inițial la medium.com pe 29 mai 2018.