Μια κρυφή ματιά σε ένα νέο Riot.im ...

Γεια σας,

Όπως γνωρίζουν πολλοί, εργαζόμαστε για μια τεράστια ανανέωση UI / UX για το Riot.im τους τελευταίους μήνες. ξεκινώντας από το Riot / Web και επιδιώκοντας να το καταστήσει πιο απλό και πιο διαισθητικό, ενώ ταυτόχρονα εκθέτει την πλήρη δύναμη του Matrix.

Η σχεδίαση καθοδηγείται από τον Jouni Helminen, τον οποίο έχουμε προσκαλέσει να γράψουμε μια φιλοξενούμενη θέση για να παρουσιάσουμε την πρόταση σχεδιασμού και να συλλέξουμε ανατροφοδοτήσεις πριν την υλοποιήσουμε σοβαρά. Προς το παρόν, το σχέδιο είναι εξ ολοκλήρου έργο τέχνης (όλες οι εικόνες που ακολουθούν είναι στιγμιότυπα σχεδίων και όχι εφαρμογών που εφαρμόζονται), αλλά ελπίζουμε ότι θα δώσει μια καλή εικόνα για το τι στοχεύουμε και πόσο απίστευτα θα ήταν αυτό το cool! Ελπίζουμε να σας αρέσει όσο κι εμείς

Πάνω στο Jouni με τις λεπτομέρειες ...

Λίγη ιστορία

Πρώτα ήρθα σε Matrix για τα Hacker News πριν από μερικά χρόνια όταν δούλευα στο Ubuntu Phone και ψάχνα για μια κρυπτογραφημένη πλατφόρμα ανοικτού κώδικα που μπορούσαμε να χρησιμοποιήσουμε. Μου άρεσε το ήθος του Matrix - η πρώτη εμπειρία της πραγματικής συνομιλίας μου χρησιμοποίησε το IRC στο internet cafe του θείου μου στο Ελσίνκι στα μέσα της δεκαετίας του '90 και η κουβέντα για τους ανθρώπους σε όλο τον κόσμο έμοιαζε με μαγεία. Το Matrix που είναι ένα πρωτόκολλο ανοιχτού κώδικα με ομοσπονδιακούς διακομιστές μου θυμίζει πραγματικά αυτό το συνεργατικό, θετικό ανοιχτό οικοσύστημα των πρώτων ημερών του διαδικτύου.

Το IRC, ενώ είναι ακόμα γύρω, έχει ως επί το πλείστον αντικατασταθεί από ιδιόκτητες πλατφόρμες συνομιλίας που προσφέρουν βελτιωμένη εμπειρία χρήστη, ιδιαίτερα στο κινητό. Πολλές από αυτές τις εφαρμογές είναι εξαιρετικές, αλλά πιστεύω ότι η συνομιλία είναι ένα τόσο θεμελιώδες στοιχείο του Διαδικτύου και της ζωής μας που αισθάνεται ότι θα πρέπει να υπάρχουν φιλικές προς το χρήστη επιλογές που δεν ανήκουν και δεν ελέγχονται από ιδιωτικούς φορείς. Σε γενικές γραμμές, πιστεύω ότι θα δούμε την αποκέντρωση πολλών πλατφορμών που αναδύονται και θα διαδραματίσουν την επόμενη δεκαετία.

Δεδομένου ότι το Matrix είναι ένα πρωτόκολλο ανοιχτού κώδικα, υπάρχουν πολλές εφαρμογές που μπορούν να χρησιμοποιηθούν ως πελάτες. Riot ένα από αυτά, που αναπτύχθηκε από τον New Vector, οι βασικοί προγραμματιστές του Matrix, και αυτό ήταν που δοκιμάστηκα για πρώτη φορά. Εάν έχετε δοκιμάσει τη Riot, πιθανότατα θα συμφωνήσετε ότι, ενώ είναι πλήρως χρησιμοποιήσιμο, δεν είχε επωφεληθεί από την πολύ αγάπη σχεδιασμού recently.

Η ίδια η πλατφόρμα είναι εξαιρετικά ελπιδοφόρα και νομίζω ότι η εμπειρία του χρήστη Riot αυτή τη στιγμή το κρατά πίσω από την εκπλήρωση των πραγματικών του δυνατοτήτων. Έχω έρθει σε επαφή με τους ιδρυτές, το duo power Matthew και Amandine - και αφού ανακάλυψα ότι αισθανθήκαμε ευθυγραμμισμένοι για το τι χρειάζεται, άρχισε να δουλεύει νέα σχέδια για Riot.

Σχεδιάστε το πρωτότυπο και την προεπισκόπηση βίντεο

Το παραπάνω βίντεο είναι μια γρήγορη γεύση από την πρόωρη σχεδίαση στο νέο UI / UX της Riot. Μπορείτε επίσης να παίξετε με το πρωτότυπο μόνοι σας - https://invis.io/QXJMW88MR4P

Τυπογραφία

Για την κύρια γραμματοσειρά της εφαρμογής Riot έχω προτείνει τον υπέροχο Nunito του τελευταίου Vernon Adams. Φαίνεται μεγάλη σε όλα τα μεγέθη, είναι πολύ ευανάγνωστη και έχει ένα πλήρες σύνολο βαρών καθώς και υποστήριξη κυριλλιών.

Η τρέχουσα διεπαφή Riot αισθάνθηκε πολύ απασχολημένη - υπάρχει ένα σωστό ποσό γνωστικού φορτίου για νέους χρήστες να κατανοήσουν τι είναι όλα τα UI και πώς να περιηγηθείτε. Με τον επανασχεδιασμό προσπάθησα να επικεντρωθώ στη σαφήνεια, την καλύτερη ιεραρχία, την αντίθεση, το χρώμα και την απόσταση για να βοηθήσω με την οπτική αποκόλληση - καθώς και να δημιουργήσω μοτίβα σχεδίασης για να διευκολύνω τη ζωή των ανθρώπων που αρχίζουν να χρησιμοποιούν Riot.

Κύριο χρονοδιάγραμμα με αντιδράσεις, αναφέρει, συνδέσεις προεπισκόπησηςΑυτόματη συμπλήρωση για αναφορές χρηστών και εντολές

Κοινοτήτων

Οι κοινότητες είναι ένα νέο χαρακτηριστικό στο Riot. Η ύπαρξη ενός ενιαίου χώρου για ένα ευρύ θέμα δεν είναι πάντα κλιμακωτό καθώς τα μηνύματα εύκολα χάνονται στο χρονοδιάγραμμα - ή καταλήγετε σε πνιγμό σε μη σχετιζόμενα δωμάτια. Έχοντας μια εγκλωβισμένη κοινότητα με χωριστά δωμάτια, ακόμα συγκεκριμένα σε αυτήν την κοινότητα, μπορεί να είναι χρήσιμη. Οι κοινότητες μπορούν επίσης να χρησιμοποιηθούν για παράδειγμα για διαχωρισμό εργασιών και συζητήσεων εκτός εργασίας ή για οποιοδήποτε άλλο σκοπό φιλτραρίσματος. Ένα ωραίο χαρακτηριστικό στο Matrix είναι ότι μια κοινότητα θα μπορούσε να είναι απόλυτα ιδιωτική ή θα μπορούσε να είναι ανοιχτή αλλά μόνο δωμάτια ειδικά για αυτήν την κοινότητα ή να έχει ένα συνδυασμό παγκόσμιων δωματίων και συγκεκριμένων δωματίων της κοινότητας - εξαρτάται από τους χρήστες να τα χρησιμοποιούν όπως αρέσει.

Νέα οθόνη σύνδεσης

Η υπάρχουσα οθόνη σύνδεσης έχει ενημερωθεί για να γίνει πιο σαφής. Οι κοινότητες μπορούν επίσης να προσαρμόσουν το σκηνικό της οθόνης σύνδεσης για τη δική τους γεύση.

Μας αρέσουν τα βουνά

Τα πράγματά μου

... Ή δεν χρειάζεται να χρησιμοποιείτε καθόλου τις κοινότητες - μπορείτε να χρησιμοποιήσετε την προεπιλεγμένη κοινότητα "Τα πράγματά μου" για να δημιουργήσετε τη δική σας επιλογή δωματίων - ή απλά να συνομιλήσετε με τους φίλους και την οικογένειά σας!

Κατάσταση επισκέπτη

Η λειτουργία επισκέπτη είναι χρήσιμη για οποιονδήποτε στο διαδίκτυο για να δει τι έχει συζητηθεί σε οποιαδήποτε δημόσια κοινότητα, προτού αποφασίσει να συμμετάσχει. Είναι επίσης ένας τρόπος χαμηλής τριβής για τις κοινότητες να μεγαλώνουν.

Ο καθένας μπορεί να διαβάσει δημόσιες κοινότητες και αίθουσες στον ιστό, αλλά να μην αλληλεπιδράσει μέχρι να συνδεθεί

Αποτελέσματα αναζήτησης και αναφορές

Ο δεξιός πίνακας χρησιμοποιείται για αποτελέσματα αναζήτησης, αναφορές, λίστα μελών και αρχείων και είναι κλειστός από προεπιλογή όταν δεν χρησιμοποιείται.

Αποτελέσματα αναζήτησης σε επαφές, δωμάτια και μηνύματα (με περιεχόμενο)Ο πίνακας αναφορών - αναφέρει τα χάπια έχουν επίσης το μίνι-avatar

Επόμενα βήματα

Υπάρχουν ακόμα πολλά πράγματα που πρέπει να κάνουμε - τα πράγματα που θέλω να αντιμετωπίσουμε δίπλα είναι επανασχεδιασμένες ρυθμίσεις, καλύτερες ροές κατά την επιβίβαση και η συγκέντρωση των περισσότερων από την κοινότητα στο επίκεντρο, καθώς και ο σχεδιασμός κάποιων ωραίων μεταβάσεων και μικρο-αλληλεπιδράσεων (hello After Effects και αντίδραση-άνοιξη !), καλύτερη διαχείριση κλειδιού κρυπτογράφησης E2E, σχέδια Android και iOS, πιέζοντας τι μπορούμε να κάνουμε με τις εφαρμογές και τις ενσωματώσεις στην Riot περαιτέρω (οι οποίες είναι ήδη πολύ δροσερές) - και φυσικά συνεργάζονται με την ομάδα Riot για την ομαλή υλοποίηση των νέων σχεδίων . Αναζητήστε τα Μέρη 2 και 3 αυτής της δημοσίευσης αργότερα αυτό το καλοκαίρι!

Ερχομαι σε επαφή!

Θέλαμε να μοιραστούμε τα σχέδια νωρίς ώστε να μπορέσουμε να συλλέξουμε ανατροφοδότηση από τους χρήστες της Riot και να κάνουμε την app να βιώνει μια καλύτερη εμπειρία από κοινού. Τα σχέδια επαναλαμβάνονται ενεργά και η εφαρμογή μόλις ξεκινά - γι 'αυτό παρακαλώ αφήστε ανατροφοδότηση, ping me on riot @ jounih: matrix.org, έρχεστε να συζητήσετε σε # riot-design: matrix.org ή drop μου ένα email στο jouni @ helminen .co

Αρχικά δημοσιεύθηκε στο μέσο.com στις 29 Μαΐου 2018.