Jak strategicznie zaplanować projekt UX z dużą ilością danych?

Wielkie zbiory danych się rozwijają. Jednak harmonizacja złożonych potrzeb w zakresie danych z prostym, przejrzystym i użytecznym interfejsem użytkownika jest dziś testem dla każdego projektanta UX. Często design (narzędzie do przekazywania wiadomości) staje na drodze komunikacji (przesłanie lub znaczenie ukryte w górach surowych danych).

Oderwanie informacji uprości i oczyści interfejs użytkownika. Jednak w przypadku aplikacji opartych na danych, mniej danych często oznacza mniej praktyczny i użyteczny pulpit nawigacyjny.

Jednak przechowywanie wszystkich danych kontekstowych, które możesz, daje niedziałającą aplikację.

Jak więc osiągnąć właściwą równowagę?

Ogromną rolę odgrywa to, jak aplikacja prezentuje dane, i tu właśnie wkraczają projektanci UX.

W tym poście podzielę się wskazówkami i sztuczkami, które projektanci UX mogą wykorzystać do opracowania prostej i przejrzystej wizualizacji danych, nawet podczas stosowania dużych zbiorów danych (danych działających w gigabajtach) do pulpitów nawigacyjnych aplikacji, stron internetowych i tak dalej.

Na razie jednak zostawię najlepsze języki do projektowania aplikacji Big Data z tej rozmowy.

Jak projektować niesamowite aplikacje Big Data, które klienci uwielbiają

Być może najlepiej zacząć od pytania, kim jest twój klient.

Być może stworzyłeś niesamowity pulpit nawigacyjny i dostarczyłeś go klientowi na czas tylko po to, by zapytał: „Więc, gdzie mogę zrobić X, Y i Z?”

Auć! To musiało boleć.

1. Zatrudnij persony użytkowników do projektowania użytecznych pulpitów nawigacyjnych opartych na danych

O ile sztuczna inteligencja i uczenie maszynowe będą się poprawiać, większość organizacji nadal będzie potrzebować ludzkiej interwencji, aby przetworzyć nieskategoryzowane dane.

A najlepsi projektanci UX tworzą produkty, które pomogą rozwiązać problem osób, które będą korzystać z aplikacji opartych na danych.

Jak oni to robią?

Erik Klimcz, Senior Design Leader w Uber and Advanced Technologies Group, podzielił się kilkoma praktycznymi wskazówkami na temat Medium. Sugeruje, że projektanci UX muszą najpierw zidentyfikować, a następnie zdefiniować użytkowników lub persony dla każdego projektu.

Ponieważ aplikacje oparte na danych są zwykle używane przez wiele osób w organizacji lub poza nią, należy zidentyfikować te osoby, aby móc organizować schematy i zadania architektury informacji tak, aby spełniały wszystkie potrzeby.

Dzięki temu projekt byłby przydatny dla użytkownika końcowego, grupy docelowej — głównego klienta.

Oto ilustracja:

Jeśli chcesz poznać podstawy tworzenia person użytkownika dla projektów UX design, Cooper ma przydatne wskazówki (w tym, jak badać i zbierać dane dla swoich person projektowych tutaj).

Zrozumienie użytkowników/osobowości może pomóc w dostosowaniu funkcjonalności aplikacji do ich potrzeb — co jest ostatecznym celem.

Ponadto możesz określić, jakiego typu narzędzia do wizualizacji danych użyć dla którego klienta, w zależności od, powiedzmy:

• Kto będzie zajmował się danymi (osobami użytkownika)? Czy jest przeznaczony na przykład dla klientów lub wewnętrznych analizatorów danych?
• Przypadki użycia: czego ci użytkownicy potrzebują danych, aby pomóc im dalej robić?

Na przykład:

Możesz zaprojektować rodzaj infografiki, która wypełni informacje na podstawie osobistych wpisów użytkownika.

Ten rodzaj projektowania aplikacji opartej na danych przyda się w sytuacjach, w których użytkownik jest zobowiązany do przesyłania informacji, gdy tylko je otrzyma, lub gdy musi je wycofać, aby podjąć dalsze działania.

Jednym z przykładów jest obsługa klienta, gdzie przedstawiciel CS może wprowadzić nazwę lub numer klienta, aby zebrać więcej informacji o nim, takich jak nierozwiązany problem.

Tego typu interaktywne narzędzie do wizualizacji danych można znaleźć w akcji Mahfix for You vs John Paulson. Umożliwia wprowadzenie liczby, a następnie przekazuje informacje zwrotne na podstawie wprowadzonych danych. To całkiem gładkie!

Grupa docelowa i klient
arkusz persona

Ten trzystronicowy interaktywny plik PDF pomoże Ci znaleźć odbiorców, przeprowadzić audyt treści i stworzyć plan gry dla Twojej firmy. Zapisz się do Layout, aby pobrać arkusz!

Pobierz arkusz za darmo!

2. Użyteczność nad stylem: prostota, przejrzystość i uprzejmość

Łatwo jest wciągnąć się w projektowanie atrakcyjnego UX, który Cię przyciąga, ale jest, szczerze mówiąc, niepraktyczny dla Twojego klienta.

Aby był użyteczny, interfejs musi być przejrzysty. „Przejrzystość to zadanie nr 1”, by ująć to w słowach płodnego projektanta UX Joshuy Portera.

W rzeczywistości Joshua Porter napisał pomysłowy post na temat zasad projektowania interfejsu użytkownika — które nadal obowiązują podczas projektowania aplikacji do obsługi dużych zbiorów danych.

Tak więc, aby zwiększyć przejrzystość użyteczności: czy projektanci powinni używać niestandardowego projektu UX, czy też sięgać tylko po wypróbowane i przetestowane narzędzia do wizualizacji, takie jak wykresy liniowe?

Będzie to zależeć od przypadków klienta/użytkownika.

Ciągle pojawiają się nowsze, niestandardowe narzędzia do wizualizacji danych: infografiki (zarówno statyczne, jak i interaktywne), bloki oznaczone kolorami, animacje, wizualizacje 3D i tak dalej.

Jednak tak naprawdę istnieją tylko cztery narzędzia do prezentacji danych, których powinieneś kiedykolwiek potrzebować:

• Wykresy liniowe do ilustrowania danych ciągłych, takich jak zmiany w czasie
• Tabele do wyświetlania informacji podsumowujących
• Histogramy pokazujące rozkład zmiennych i wykreślające dane ilościowe w przedziałach
• Wykresy słupkowe do wyświetlania danych dyskretnych, porównywania zmiennych i wykreślania danych kategorycznych

Możesz jednak wyjść poza samą użyteczność, aby stworzyć atrakcyjny interfejs do przetwarzania danych.

Oto jeden sposób, aby to zrobić:

Co więcej, projektowanie pod kątem interfejsów z dużą ilością danych może przybrać prostszy obrót:

Łączenie tekstu i wykresów to jeden z najlepszych sposobów na poprawę przejrzystości podczas projektowania UX opartego na danych. Użytkownicy mogą korzystać z wizualizacji i czytać tekst, aby uzyskać lepszą klarowność. Ale to podejście może nie działać we wszystkich sytuacjach — zwłaszcza w przypadku ogromnych ilości nieskategoryzowanych danych.

3. Połącz materiał i płaską konstrukcję — funkcja nad formą

Ta koncepcja projektowa dotyczy bardziej użyteczności i minimalizmu niż, wbrew powszechnemu przekonaniu, nudnego projektu dwuwymiarowego. Ale płaska konstrukcja nie jest ani nudna, ani nudna. Możesz wykorzystać jasne kolory, czyste krawędzie i otwarte przestrzenie.

Korzystanie z projektowania płaskiego i materiałowego jest szczególnie zalecane w przypadku aplikacji mobilnych, stron internetowych i przeglądarek stacjonarnych. Ponieważ projekt jest minimalistyczny i nie gromadzi mnóstwa dodatkowych danych (jak w poprzednich projektach), ładuje się szybko, a zaprojektowany w celu zwiększenia zaangażowania może pomóc odwiedzającym dłużej przeglądać stronę.

Jest to świetne rozwiązanie w przypadku witryn opartych na danych lub witryn mobilnych, które mogą skorzystać z przyjaznych dla urządzeń mobilnych, szybkiego ładowania i mniejszych współczynników odrzuceń (korzyści z SEO i rankingu), które algorytmy wyszukiwarek stale skanują w sieciach internetowych.

4. Dostępność nad estetyką

Nie chodzi tylko o to, aby ciężkie, kontekstowe dane były płynne i atrakcyjne (chociaż to bardzo pomaga). Chcesz również zaprojektować prezentacje danych, które ułatwią użytkownikowi końcowemu:

• Dowiedz się, jakie dane są najważniejsze
• Zrozum logiczny przepływ prezentowanych danych
• Zrozum, co oznaczają dane
• Zrozum, jaki jest następny krok do zrobienia

A może wyłamujemy każdy z tych elementów?

Użytkownicy powinni wiedzieć, jakie dane są najważniejsze

Jedną z istotnych zasad projektowania UX jest obserwowanie i wdrażanie hierarchii informacji — w tym przypadku hierarchii wizualnej.

Innymi słowy, projekt, który nadaje priorytet odpowiednim metrykom.

Chcesz najpierw uporządkować, uporządkować i uszeregować najważniejsze dane, a później uzupełnić o dodatkowe dane. Oczywiście kolejność priorytetów będzie się różnić w zależności od użytkownika aplikacji (od osób zdefiniowanych powyżej).

Takie postępowanie nie tylko oczyszcza deskę rozdzielczą, ale także pomaga skierować uwagę użytkownika na to, co jest dla niego ważne, w łatwy do zrozumienia, mniej przytłaczający sposób.

Użytkownicy powinni być w stanie zrozumieć logiczny przepływ danych

„Prostota odgrywa ważną rolę w pomaganiu użytkownikowi w połączeniu danych z określonym wynikiem. ”

Podobnie jak w poprzednim punkcie, chcesz zacząć od siatki przeglądu ogólnych danych.

Możesz dodać intuicyjne menu rozwijane, które po kliknięciu przez użytkownika przesuwa się w dół, aby wyświetlić dodatkowe informacje, a następnie określone zadania lub elementy akcji. Ludzie to uwielbiają i już teraz zyskuje na popularności.

Oto dwa sposoby, aby pomóc w przepływie:

Ukryj dodatkowe informacje

Możesz użyć klikalnych linków lub najazdów, aby wyświetlić więcej informacji. Ponadto funkcje, takie jak przesuń, aby odsłonić i powiększ, aby pokazać, są świetnymi sposobami dołączania dodatkowych informacji lub wyróżniania kluczowych punktów danych. Wszystko za pomocą prostych, naturalnych gestów.

Dzięki temu użytkownicy mogą klikać linki lub najazdy, które uważają za ważne dla ich pracy, i pozostawiać te, które uważają za mniej ważne.

Ponownie zobaczysz, w jaki sposób porządne badanie osobowości w zakresie projektowania UX może pomóc Ci określić, co jest najważniejsze dla którego użytkownika i kiedy.

Użyj animacji najechania

Możesz użyć efektów animacji najechania, aby dodać więcej zingu, zaangażowania i użyteczności do (pozornie) nudnych danych.

Animacje najechania są szczególnie przydatne do dostarczania dodatkowych informacji o określonych zadaniach lub elementach, pomagając jednocześnie organizować i czyścić aplikację opartą na danych.

Mimo to istnieje więcej sposobów wykorzystania animacji do dostarczania użytecznych i angażujących aplikacji z dużą ilością danych.

Ukrywanie informacji za klikalnymi linkami, slajdami lub najazdami polega na tym, że najwięcej pracy wykonujesz po stronie zaplecza. Pamiętaj więc, że musisz zaprojektować szkielety architektury, mając to na uwadze od samego początku.

Użytkownicy powinni być w stanie zrozumieć, co oznaczają dane

Po uporządkowaniu i uszeregowaniu danych na dashboardzie kolejnym krokiem jest rozbicie danych na osobne strony. Jeśli istnieje możliwość kategoryzacji informacji, należy przydzielić różne strony/ekrany do różnych pakietów danych.

Może to zmieścić się zarówno w małych, jak i złożonych projektach projektowania aplikacji wymagających dużej ilości danych, chociaż może to zająć więcej czasu i wymagać więcej pracy na zapleczu.

Zgodnie z powyższym „przytłaczającym” motywem, zrobienie tego nie tylko pomoże Twojemu klientowi/użytkownikom poczuć się mniej przytłoczonym, ale prawdopodobnie lepiej przeanalizują dane na jednej stronie przed przejściem do następnej, rozumiejąc dane krok po kroku czas.

Na przykład interfejs użytkownika kontroli misji może pomóc klientowi uzyskać wszystkie dane na jednej stronie, ale z czasem może być dla niego przytłaczający — nie wspominając o ściśnięciu, zwłaszcza w przypadku różnych rozmiarów ekranu.

Często klient poprosi o tego typu dashboard, ale powinieneś wiedzieć lepiej.

Interfejs użytkownika kontroli misji może wyglądać na wyrafinowany, ale nie jest tak płynny i łatwy w użyciu, jak omówione wcześniej podejście „jedna strona po stronie”. Te pierwsze mogą łatwo przeszkodzić w przekazaniu znaczenia ukrytego w górze wyświetlanych danych. A to nie jest przydatne.

Użytkownicy powinni być w stanie zrozumieć następny krok, który należy wykonać

Podążając za powyższymi krokami, użytkownikom łatwiej jest identyfikować i powiązać wzorce w nieprzetworzonych danych — kolejna kluczowa wygrana, do której należy dążyć podczas projektowania aplikacji z dużą ilością danych. Kiedy narzędzia do wizualizacji danych, których używasz, pomagają użytkownikom zrozumieć duże zbiory danych, wtedy wiesz, że wykonałeś świetną robotę.

5. Pozostaw miejsce na poprawę

Wreszcie, co nie mniej ważne, chcesz, aby Twój projekt był zwinny.

W miarę upływu czasu i interakcji użytkowników z projektem, ich opinie mogą skłonić Cię do działania i naprawy lub przeprojektowania całości. Nie ma jednego sposobu na stworzenie idealnego projektu do przetwarzania danych, więc utrzymywanie elastyczności projektu może pomóc w ciągłych ulepszeniach lub solidnej poprawce, od której można zacząć.

Kluczowe dania na wynos

Celem projektowania UX jest przekazanie komunikatu w jasny i praktyczny sposób. Jest to szczególnie ważne przy projektowaniu aplikacji z dużą ilością danych. W tym przypadku dobre projektowanie polega na pomaganiu analitykom, menedżerom lub użytkownikom końcowym w podjęciu świadomej decyzji.

A użytkownicy nie mogą interpretować i wykorzystywać surowych danych do podejmowania decyzji, jeśli nie rozumieją ich sensu i sposobu ich prezentacji.

Projektowanie dla projektów UX o dużej ilości danych nie powinno być tak irytujące, jak się wydaje. Powyższe wskazówki i triki mogą pomóc w ustaleniu, jak projektować interfejsy z dużą ilością danych. Tylko pamiętaj:

1. Zatrudnij persony użytkowników do projektowania użytecznych pulpitów nawigacyjnych opartych na danych
2. Arkusz grupy docelowej i osobowości klienta
3. Użyteczność nad stylem: prostota, przejrzystość i uprzejmość
4. Połącz materiał i płaską konstrukcję — funkcja nad formą
5. Dostępność nad estetyką
6. Pozostaw miejsce na poprawę

Czy masz jakieś wskazówki dotyczące projektowania niesamowitych interfejsów użytkownika do wizualizacji danych i chciałbyś się nimi podzielić?

Do Ciebie w sekcji komentarzy poniżej.

Raport z projektowania stron internetowych

W tym roku poprosiliśmy 1000 czołowych freelancerów, agencji i twórców kreatywnych o najlepsze sposoby tworzenia stron internetowych, struktury usług dla klientów i otrzymywania płatności (w pełnej wysokości!) na czas. Stamtąd przeanalizowaliśmy liczby, zagłębiliśmy się w spostrzeżenia i przygotowaliśmy piękny raport, dzięki czemu możesz przestać zgadywać i zacząć skalować swój biznes!

Przenieś swój biznes projektowania stron internetowych na zupełnie nowy poziom, począwszy od tego miesiąca. Uzyskaj informacje od innych firm projektowych, takich jak Twoja, i zacznij konkurencyjnie pobierać opłaty za swoje usługi!