Tło:
Tutaj w Vtiger często badamy, jak budować lepsze produkty dla naszych klientów. Nasze dyskusje obejmują zarówno pomysły na ulepszenie funkcjonalności CRM, zwiększenie wydajności systemu, jak i poprawę doświadczenia użytkownika. Podczas jednej ze specjalnych dyskusji we wrześniu kilku członków naszego zespołu inżynierów spotkało się, aby omówić swoje obawy dotyczące niespójności interfejsu użytkownika. Brakujące białe spacje, niedopasowany tekst i ikony, mieszanka tekstu i ikon w paskach akcji oraz wiele innych niespójności projektowych doprowadziło ich do pożądania poprawy interfejsu użytkownika Vtiger.
W ciągu kilku tygodni to pragnienie przekształciło się w projekt Alpana (Alpana, jedna z najstarszych indyjskich sztuk ludowych, odnosi się do kolorowych motywów wykonanych rękami i farbą). Do współpracy zaproszono zespoły ds. Zarządzania produktem i projektowania doświadczeń użytkowników. Celem projektu Alpana było zbudowanie intuicyjnego interfejsu użytkownika, który jest elegancki, zoptymalizowany pod kątem czytelności i nie wymaga od obecnych użytkowników Vtiger uczenia się niczego nowego.
Wytyczne dotyczące ulepszeń interfejsu użytkownika zostały zainspirowane pierwszym prawem użyteczności Steve'a Kruga: nie każ mi myśleć. W swojej książce Don't Make Me Think: A Common Sense Approach to Web Usability Steve Krug zauważa, że strona internetowa zawsze powinna być oczywista. Mając to na uwadze, nasz zespół postanowił stworzyć intuicyjny interfejs użytkownika, który nasi użytkownicy mogliby zrozumieć bez zastanawiania się, co to jest i jak z niego korzystać.
Proces:
Projekt Alpana został zainicjowany 3 miesiące temu. W tym okresie zespół przeanalizował każdą stronę w Vtiger CRM, aby szczegółowo zbadać niespójności interfejsu użytkownika. Rozmiar przycisków, wyrównanie tekstu, zastosowanie kolorów i wiele innych szczegółów zostały dokładnie przeanalizowane pod kątem spójności i czytelności. Po kilku sesjach burzy mózgów i długich rozważaniach sformułowano wytyczne dotyczące ulepszeń interfejsu użytkownika. Marco Suarez z firmy projektowej Invision określa te wytyczne jako „systemy projektowe” w tym wezwaniu do przebudzenia - Projektowanie oprogramowania jest w kryzysie. - napisał w zeszłym tygodniu.
Nasz zespół UXD stworzył nowe ikony 286 i udostępnił zespołom inżynieryjnym w makietach 500 w celu modernizacji stron. Nasz zespół inżynierów wdrożył więcej niż ulepszenia interfejsu 100. Każda nowa implementacja została dokładnie przetestowana pod kątem błędów. Miesiąc temu nowy interfejs użytkownika został wydany wewnętrznie i wszyscy tutaj teraz kochają nowy wygląd.
Co się zmieniło:
- ikony: Teraz, gdy logujesz się do Vtiger CRM, zobaczysz modne ikony linii zastępujące stare wypełnione ikony. Ikony linii są proste, znakomite i łatwe do rozpoznania. Ponieważ ikony linii są jasne, rzadko sprawiają, że odrywasz wzrok od głównej części strony.
- Menu: Wprowadzamy ikonę menu zamiast tekstu. Po najechaniu na ikonę zobaczysz teraz wszystkie moduły zgrupowane logicznie i wyświetlone pionowo. Pionowa lista eliminuje połączenie skanowania poziomego i pionowego oraz poprawia jakość czytania.
- Wyświetlanie nazw list: Vtiger CRM pozwala filtrować rekordy CRM i zapisywać te rekordy jako listę. Kliknięcie żądanej listy wyświetla wszystkie przefiltrowane rekordy. Do wczoraj nazwy tych list były ustalane na ekranie, kradnąc miejsce na ekranie rzeczywistych danych CRM, które chcesz zobaczyć. Również ten chrupnięcie przestrzeni zmusił do przewijania w poziomie, aby wyświetlić więcej informacji o rekordach. Dzięki aktualizacji interfejsu użytkownika nazwy list pojawiają się na dymku i znikają po zaznaczeniu. W ten sposób zobaczysz więcej filtrowanych danych i przewiniesz rzadziej.
- Pop-upy: Wprowadzamy modne wyskakujące okienka, aby poprawić wygląd strony i poprawić ogólną użyteczność. W całej aplikacji CRM te nowe wyskakujące okienka modalne stale pojawiają się po prawej stronie ekranu. Oryginalna strona za wyskakującym okienkiem jest zamazana, aby zapewnić całkowite skupienie się na treści wyskakujących. Po wyświetleniu informacji wyskakujących możesz po prostu zamknąć wyskakujące okienko i wrócić do oryginalnego ekranu, aby kontynuować pracę od miejsca, w którym zostało przerwane.
- Etykiety ikon: W widoku rekordu można teraz zobaczyć etykiety ikon dla wszystkich powiązanych kart. Etykiety zapewniają przejrzystość i nie musisz myśleć przed kliknięciem.
Oto kilka ulepszeń interfejsu użytkownika, które zauważysz. Istnieje wiele innych subtelnych ulepszeń, które nie są oczywiste, ale zapewnią lepsze wrażenia użytkownika. Chcesz dowiedzieć się więcej? Przeczytaj naszą dokumentację. I dodaj komentarz, aby poinformować nas o swoich ulepszeniach interfejsu użytkownika.
