Предистория:
Тук, във Vtiger, ние често изследваме един с друг как да изградим по-добри продукти за нашите клиенти. Нашите обсъждания варират от идеи за подобряване на функционалността на CRM, до увеличаване на производителността на системата, до подобряване на потребителския опит. По време на една конкретна дискусия през септември, няколко члена на нашия инженерен екип се срещнаха, за да обсъдят загрижеността си относно несъответствията на UI. Липсващо празно пространство, подравнен текст и икони, смесица от текст и икони в лентата за действие и много други несъответствия в дизайна ги вбесяваха до желанието да подобрят потребителския интерфейс на Vtiger.
В рамките на няколко седмици това желание се трансформира в проект Алпана (Алпана, едно от най-старите индийски народни изкуства, се отнася до цветни мотиви, направени с ръце и боя) Екипите за управление на продукти и потребителски опит бяха призовани да си сътрудничат. Целта на проекта Alpana беше да изгради интуитивен потребителски интерфейс, който е елегантен, оптимизиран за четливост и не изисква настоящите потребители на Vtiger да научат нещо ново.
Водещите принципи за подобрения на потребителския интерфейс са вдъхновени от първия закон на Стив Круг за използваемост: не ме карайте да мисля. В книгата си „Не ме карай да мисля: подход на здравия разум към използваемостта в мрежата“ Стив Круг отбелязва, че уеб страницата винаги трябва да бъде обяснима. Имайки това предвид, нашият екип се зае с мисията да изгради интуитивен потребителски интерфейс, който потребителите ни да могат да разберат, без да се налага да мислят за това какво е или как да го използват.
Процеса:
Проектът „Алпана“ е стартиран преди 3 месеца. През този период, който последва, екипът анализира всяка страница в Vtiger CRM, за да проучи подробно несъответствията на потребителския интерфейс. Размерът на бутоните, подравняването на текста, прилагането на цветовете и много други подробности бяха внимателно проучени за последователност и четливост. И след няколко сесии за мозъчна атака и продължителни обсъждания бяха създадени насоки, уреждащи подобренията на потребителския интерфейс. Марко Суарес, от дизайнерската фирма Invision, се позовава на тези насоки като „системи за проектиране“, в това събуждане - Софтуерният дизайн е в криза. - публикува той миналата седмица.
Нашият UXD екип създаде нови икони на 286 и предостави над 500 макети на инженерния екип за обновяване на страници. Нашият инженерен екип внедри повече от 100 подобрения в потребителския интерфейс. Всяка нова реализация беше изпитана за грешки. Преди месец новият потребителски интерфейс бе издаден вътрешно и всеки сега обича новия облик.
Какво се промени:
- Икони: Сега, когато влезете в Vtiger CRM, ще видите модни икони на линии, които заменят старите запълнени икони. Иконите на линии са прости, изящни и лесни за разпознаване. Тъй като иконите на линиите са леки, те рядко ви карат да откъсвате поглед от основната част на страницата.
- Меню: Ние въвеждаме икона на менюто вместо текст. А при преместване над иконата сега ще видите всички модули, групирани логично и изброени вертикално. Вертикалният списък премахва комбинацията от хоризонтално и вертикално сканиране и подобрява опита на четене.
- Показване на имената на списъците: Vtiger CRM ви позволява да филтрирате CRM записите и да запазите тези записи като списък. Кликването върху желания списък показва всички филтрирани записи. До вчера тези имена на списъци бяха фиксирани към екрана, крадейки пространството на екрана на реалните CRM данни, които искате да видите. Също така, това пространство криза принуждава хоризонтално превъртане, за да видите повече информация за запис. С актуализацията на потребителския интерфейс, имената на списъците се появяват на мишката и изчезват след избора. По този начин ще видите повече от филтрираните данни и ще превъртате по-рядко.
- Изскачащи прозорци: Въвеждаме модни модални изскачащи прозорци, за да подобрим дизайна на страниците и да подобрим цялостната използваемост. По време на цялото CRM приложение тези нови модални изскачащи прозорци последователно се появяват в дясната страна на екрана. Оригиналната страница зад изскачащия прозорец е неясна, за да се гарантира, че общото ви фокусиране е върху изскачащото съдържание. Когато прегледате изскачащата информация, можете просто да затворите изскачащия прозорец и да се върнете към първоначалния екран, за да продължите да работите от мястото, където сте спрели.
- Етикети на икони: В изгледа за запис вече можете да виждате етикети с икони за всички свързани раздели. Етикетите осигуряват яснота и не трябва да мислите, преди да кликнете.
Това са няколко подобрения на потребителския интерфейс, които ще забележите. Има много други фини подобрения, които не са очевидни, но ще осигурят по-добро потребителско изживяване. Искате ли да научите повече? Прочетете документацията ни. Моля, добавете коментар, за да ни уведомите как се чувствате по отношение на подобренията в потребителския интерфейс.
