Unio
Тип на проекта:
Sales Dashboard
Извършени услуги:
UI/UX Дизайн
Клиент:
Unio е концепция за модерен dashboard за продажби. Той включва не само най-важните показатели за продавача, но и раздел за колаборация, където екипите могат да обменят файлове, да изпращат съобщения и да участват в дискусии. .Приложението също спомага за лесно проследяване на лийдовете във вашия sales pipeline.
Цели на проекта
Проучване: Това включва интервю с хора, работещи в областта на маркетинга и продажбите, за да получа общ поглед над това кои са най-подходящите метрики за показване, както и анализ на конкуренцията и сравнение.
Проблеми: Основният проблем на този проект беше как да се представи голямо съдържание на данни по лесен за разбиране начин. Друго предизвикателство беше как да се покаже на един екран дълбоката йерархия съставена от борд > файл> дискусия.
Подход: Първоначалното изискване към мен се състоеше само най-общ wireframe, но реших да включа няколко полезни допълнения в хедъра като функционалност за търсене, контроли за уведомяване и директни съобщения. Реших да поставя основната навигация отляво, така че да има повече вертикално пространство за основното съдържание, а също така тази странична лента може да се минимизира вляво при по-малки резолюции.
Решенията
-
Частта за колаборация включва две различни насоки - директни съобщения (чат) и бордове за качване на файлове. Ето защо трябваше да измисля компактна презентация, така че да спестя място за списъка с файлове. Списъкът с бордове има кратък преглед на основните данни за всеки борд (брой файлове и дискусии, както и кратко описание), а също е и фиксиран при скролиране през файловете, така че потребителят да може лесно да навигира между бордовете.
-
Контролите на редактирането на борда и качването на файл заемат начално място в този раздел. Списъкът с файлове е улеснен за навигиране, тъй като включва функции за търсене и сортиране. Всеки контейнер на файл показва най-важната информация като размер и дата на качване, а под него е лентата за дискусии. Готина идея, която ми хрумна, беше да включа бутон за покана на потребители, така че да се повиши ефективността на колаборация в екипа. Когато кликнете върху „see discussion“, контейнера се разпъва надолу, за да покаже всички коментари по отношение на файла с опция за харесване или отговор на конкретен коментар. По този начин потребителят се придвижва по-лесно между файлове и бордове, без да превключва контекста на екрана.
-
За мобилната версия изчистих горната лента и оставих само най-важното, а основната функционалност на приложението е достъпна с фиксирана долна навигация. По-широките елементи като главните метрики и линейната графика за сравнение са направени така, че да могат да се скролират хоризонтално.
