Подъл поглед към съвсем нов Riot.im…

Здравейте приятели,

Както мнозина знаят, през последните няколко месеца работим върху мащабно обновяване на UI / UX за Riot.im; като започнем от Riot / Web и се стремим да го направим радикално по-опростен и интуитивен, докато все още излагаме пълната сила на Matrix.

Дизайнът се ръководи от Jouni Helminen, когото сме поканили да напишем публикация за гости, за да въведем проектното предложение и да съберем отзиви, преди да започнем да го прилагаме сериозно. В момента дизайнът е изцяло произведение на изкуството (всички изображения по-долу са скрийншоти от рисунки, а не реализирано приложение!), Но се надяваме, че той дава добър преглед на това, към което се стремим и колко невероятно готино може да бъде това! Надяваме се да ви хареса толкова, колкото и ние

До Джони с подробностите ...

Малко история

За първи път попаднах на Matrix на Hacker News преди няколко години, когато работех върху Ubuntu Phone, и търсех криптирана чат платформа с отворен код, която бихме могли да използваме. Обичах етоса на Матрикс - първият ми опит в чат в реално време използвах IRC в интернет кафето на чичо ми в Хелзинки в средата на 90-те и чатът с хора по света се чувстваше като магия. Матрицата като протокол с отворен код с федерални сървъри наистина ми напомни за тази съвместна, положителна отворена екосистема от първите дни на интернет.

IRC, докато все още е наоколо, беше предимно заменен от собствени чат платформи, които предлагат подобрено потребителско изживяване, особено на мобилни устройства. Много от тези приложения са страхотни, но мисля, че чатът е толкова основна част от интернет и нашия живот, че изглежда, че трябва да има удобни за потребителя опции, които не са собственост и не се контролират от частни субекти. Като цяло мисля, че ще видим децентрализация на много платформи, които се появяват и играят през следващото десетилетие.

Тъй като Matrix е протокол с отворен код, има няколко приложения, които могат да се използват като клиенти. Riot един от тях, разработен от New Vector, основните разработчици на Matrix, и той беше този, който за първи път опитах. Ако сте опитвали Riot, вероятно ще се съгласите, че макар и напълно използваем, той не се е възползвал от много дизайнерска любов.

Самата платформа е супер обещаваща и мисля, че потребителското изживяване на Riot в момента я възпира от изпълнението на истинския й потенциал. Свързах се с основателите, силовият дует Матю и Амандин - и след като разбрахме, че се почувствахме съобразени с нуждите, започнахме работа с нови дизайни за Riot.

Дизайн на прототип и преглед на видео

Видеоклипът по-горе е бърз вкус на ранната дизайнерска работа върху новия потребителски интерфейс / UX на Riot. Можете също да играете сами с прототипа - https://invis.io/QXJMW88MR4P

книгопечатане

За основния шрифт на приложението Riot предложих прекрасното Нунито на покойния Вернон Адамс. Изглежда страхотно във всички размери, много е четим и има пълен набор от тежести, както и кирилица.

Настоящият интерфейс на Riot се чувстваше твърде натоварен - има достатъчно количество познавателен товар за новите потребители, за да разберат какво е всичко в потребителския интерфейс и как да се движат наоколо. С редизайнът се опитах да се съсредоточа върху яснота, по-добра йерархия, контраст, цвят и разстояние, за да помогна при визуалното скимиране - както и да създам дизайнерски модели, които да улеснят живота на хората, които започват да използват Riot.

Основна времева линия с реакции, споменавания, визуализации на връзкиАвтоматично завършване на потребителски споменавания и команди

общности

Общностите са нова функция в Riot. Наличието на единична стая за широка тема не винаги се разширява, тъй като съобщенията лесно се губят в времевата линия - или в крайна сметка се удавяте в несвързани стаи. Наличието на капсулирана общност с отделни стаи, все още специфични за тази общност, може да бъде полезно. Общностите могат да се използват например за разделяне на работни и неработни чатове или за всяка друга цел за филтриране. Хубава характеристика на Matrix е, че една общност може да бъде изцяло частна или може да бъде отворена, но да има само стаи, специфични за тази общност, или да има комбинация от глобални стаи и стаи, специфични за общността - зависи от потребителите да ги използват как като.

Нов екран за вход

Съществуващият екран за вход е актуализиран, за да стане по-ясно. Общностите също могат да персонализират фона на своя екран за вход за собствен вкус.

Харесваме планини

Моите неща

… Или изобщо не е нужно да използвате общности - можете да използвате общността „Моите неща“ по подразбиране, за да създадете своя собствена селекция от стаи - или просто да разговаряте с приятелите и семейството си!

Гостен режим

Режимът на гостите е полезен за всеки в мрежата, за да види какво е обсъдено в която и да е обществена общност, преди да реши да се включи, за да участва. Това също е режим на ниско триене, за да могат да се разрастват общностите.

Всеки може да чете обществени общности и стаи в мрежата, но да не взаимодейства, докато не влезе

Резултати от търсенето и споменавания

Десният панел се използва за резултати от търсенето, споменавания, списък с членове на стаята и файлове и се затваря по подразбиране, когато не се използва.

Резултати от търсенето в контакти, стаи и съобщения (с контекст)Панел за споменавания - хапчетата за споменаване също имат мини-аватара

Следващи стъпки

Има още много неща за вършене - нещата, които искам да се справя по-нататък, са преработени настройки, по-добри бордови потоци и правене на по-голямата част от общността, фокусирана върху борда, както и проектиране на някои приятни преходи и микро-взаимодействия (здравей After Effects и реакция-пролет !), по-добро управление на ключовете за криптиране на E2E, дизайни на приложения за Android и iOS, като натискаме още какво можем да направим с приложения и интеграции в Riot (които вече са доста готини) - и разбира се да работим с екипа на Riot за безпроблемно внедряване на новите дизайни , Внимавайте за част 2 и 3 от този пост по-късно това лято!

Свържете се!

Искахме да споделим дизайните рано, за да можем да съберем отзиви от потребителите на Riot и заедно да превърнем приложението в по-добро изживяване. Дизайните се повтарят активно и внедряването едва започва - така че, моля, оставете отзиви, пинсирайте ме на riot @jounih: matrix.org, елате да дискутирате в # riot-design: matrix.org или ми пуснете имейл на jouni @ helminen .co

Първоначално публикувано в medium.com на 29 май 2018 г.