Et smugkig på en helt ny Riot.im ...

Hej folkens,

Som mange ved, har vi arbejdet med en massiv UI / UX-opdatering til Riot.im i de sidste par måneder; starter med Riot / Web og sigter mod at gøre det radikalt enklere og mere intuitivt, mens du stadig udsætter Matrix 'fulde magt.

Designet ledes af Jouni Helminen, som vi har inviteret til at skrive et gæstepost for at introducere designforslaget og for at indsamle feedback, inden vi seriøst implementerer det. I øjeblikket er designet udelukkende kunst (alle nedenstående billeder er skærmbilleder af tegninger snarere end en implementeret app!), Men vi håber, det giver et godt overblik over, hvad vi sigter mod, og hvor utroligt sejt det kunne være! Vi håber du kan lide det så meget som vi gør do

Over til Jouni med detaljerne ...

Lidt historie

Jeg stødte først på Matrix på Hacker News for et par år siden, da jeg arbejdede på Ubuntu Phone, og ledte efter en krypteret open source-chatplatform, vi kunne bruge. Jeg elskede Matrix 'ethos - min første oplevelse af chat i realtid var at bruge IRC på min onkels internetcafé i Helsinki i midten af ​​90'erne, og at chatte med mennesker over hele verden føltes som magi. Matrix som en open source-protokol med forbundne servere mindede mig virkelig om det samarbejdsvillige, positive åbne økosystem i de tidlige dage af internettet.

Mens IRC stadig findes, er IRC for det meste blevet erstattet af proprietære chatplatforme, der tilbyder forbedret brugeroplevelse, især på mobil. Mange af disse apps er fantastiske, men jeg synes, chat er en så grundlæggende del af internettet og vores liv, at det føles som om der skal være brugervenlige indstillinger, der ikke ejes og kontrolleres af private enheder. Generelt tror jeg, at vi vil se decentralisering af mange platforme dukke op og spille ud i det næste årti.

Da Matrix er en open source-protokol, er der flere apps, der kan bruges som klienter. Riot en af ​​dem, udviklet af New Vector, kerneprogrammerne af Matrix, og det var den, jeg først prøvede. Hvis du har prøvet Riot, vil du sandsynligvis være enig i, at selvom den var fuldstændig brugbar, havde den ikke haft gavn af meget designkærlighed ently for nylig.

Selve platformen er super lovende, og jeg tror, ​​at brugeroplevelsen af ​​Riot i øjeblikket holder den tilbage fra at opfylde sit sande potentiale. Jeg kom i kontakt med grundlæggerne, magtduoen Matthew og Amandine - og efter at have fundet ud af, at vi følte os i overensstemmelse med hvad der er nødvendigt, begyndte vi at arbejde med nye designs til Riot.

Design prototype og video preview

Videoen ovenfor er en hurtig smag af tidligt designarbejde på Riot's nye UI / UX. Du kan også lege med prototypen selv - https://invis.io/QXJMW88MR4P

Typografi

Til hovedtypen på Riot-appen har jeg foreslået afdøde Vernon Adams 'vidunderlige Nunito. Det ser godt ud i alle størrelser, er meget læsbar og har et komplet sæt vægte såvel som kyrillisk støtte.

Den nuværende Riot-grænseflade føltes for travl - der er en vis mængde kognitiv belastning for en ny brugere til at forstå, hvad alt i UI er, og hvordan man kan navigere rundt. Med redesignet har jeg forsøgt at fokusere på klarhed, bedre hierarki, kontrast, farve og mellemrum for at hjælpe med visuel skimming - samt etablere designmønstre for at gøre livet lettere for folk, der begynder at bruge Riot.

Hovedtidslinje med reaktioner, omtaler, preview-linksAutocompletion til brugerhenvisninger og kommandoer

Fællesskaber

Samfund er en ny funktion i Riot. At have et enkelt rum til et bredt emne skaleres ikke altid, da meddelelser let går tabt på tidslinjen - eller du ender med at drukne i ikke-relaterede værelser. Det kan være nyttigt at have et indkapslet samfund med separate rum, der stadig er specifikke for det samfund. Fællesskaber kan også bruges for eksempel til opdeling af arbejde og chatter, der ikke er arbejde, eller et hvilket som helst andet filtreringsformål. En dejlig funktion i Matrix er, at et samfund kan være helt privat, eller det kan være åbent, men kun have lokaler, der er specifikke for det samfund, eller have en blanding af globale værelser og samfundsspecifikke værelser - det er op til brugerne at bruge dem, hvordan de synes godt om.

Ny login-skærm

Den eksisterende loginskærm er blevet opdateret for at gøre det tydeligere. Fællesskaber kan også tilpasse baggrunden på deres login-skærm for deres egen smag.

Vi kan lide bjerge

Mine ting

... Eller behøver du slet ikke at bruge lokalsamfund - du kan bruge standardfeltet "Mine ting" til at oprette dit eget udvalg af værelser - eller bare chatte med dine venner og familie!

Gæstetilstand

Gæstetilstand er nyttig for alle på nettet for at se, hvad der er blevet diskuteret i et hvilket som helst offentligt samfund, før de beslutter at hoppe ind for at deltage. Det er også en lav friktionstilstand for samfund at vokse.

Alle kan læse offentlige samfund og værelser på nettet, men ikke interagere, før de er logget ind

Søgeresultater og omtaler

Det højre panel bruges til søgeresultater, omtaler, liste over rummedlemmer og filer og lukkes som standard, når det ikke er i brug.

Søgeresultater på tværs af kontakter, værelser og meddelelser (med kontekst)Omtællingspanel - nævner piller har også mini-avatar

Næste skridt

Der er stadig meget at gøre - ting, jeg ser efter at tackle næste gang, er redesignede indstillinger, bedre onboarding-strømme og gør det meste af community-fokuseret onboarding, samt design af nogle dejlige overgange og mikro-interaktioner (hej After Effects og react-spring !), bedre E2E-krypteringsnøglestyring, Android- og iOS-appdesign, skubber hvad vi kan gøre med apps og integrationer i Riot yderligere (som allerede er ret cool) - og arbejder selvfølgelig med Riot-teamet på en jævn implementering af de nye design . Se efter del 2 og 3 af dette indlæg senere i sommer!

Kom i kontakt!

Vi ønskede at dele designene tidligt, så vi kan samle feedback fra brugere af Riot og gøre appen til en bedre oplevelse sammen. Designerne bliver itereret aktivt, og implementeringen er lige begyndt - så lad venligst feedback, ping mig på optøjer @jounih: matrix.org, kom og diskuter i # riot-design: matrix.org eller send mig en e-mail på jouni @ helminen .co

Oprindeligt offentliggjort på medium.com den 29. maj 2018.