Jak strategicznie planować projektowanie UX z dużą ilością danych

Wielkie dane rosną w siłę. Jednak harmonizacja złożonych potrzeb w zakresie danych z prostym, przejrzystym i użytecznym interfejsem użytkownika jest dziś sprawdzianem dla każdego projektanta UX. Często na drodze komunikacji (przekazu lub znaczenia ukrytego w wyżynach surowych danych) staje dizajn (narzędzie do przekazywania komunikatu).

Odklejanie 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, powoduje, że aplikacja nie działa.

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

Sposób, w jaki aplikacja prezentuje dane, odgrywa ogromną rolę, w czym 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 w przypadku stosowania dużych zbiorów danych (dane sięgające gigabajtów) do pulpitów nawigacyjnych aplikacji, stron internetowych i tak dalej.

Najlepsze języki do projektowania aplikacji big data zostawię jednak na razie poza tą rozmową.

Oto jak projektować UX z dużą ilością danych:

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

Być może najlepszym miejscem do rozpoczęcia jest pytanie, kim jest twój klient.

Może stworzyłeś oszałamiająco wspaniały 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. Wykorzystaj persony użytkowników do zaprojektowania użytecznych pulpitów nawigacyjnych opartych na danych

Chociaż sztuczna inteligencja i uczenie maszynowe będą się doskonalić, większość organizacji nadal będzie potrzebować interwencji człowieka, aby przetworzyć nieskategoryzowane dane.

A najlepsi projektanci UX tworzą produkty, które pomogą rozwiązać problem osobom, 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 osoby 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 można było zorganizować modele szkieletowe architektury informacji i zadania w celu zaspokojenia potrzeb wszystkich.

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

Oto ilustracja:

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

Ponadto możesz określić, jakiego rodzaju narzędzi do wizualizacji danych użyć dla którego klienta, odpowiadając na ważne pytania, takie jak:

• Kto będzie miał do czynienia z danymi (personami użytkowników)? Czy jest przeznaczony na przykład dla klientów lub wewnętrznych analizatorów danych?
• Do czego ci użytkownicy potrzebują danych, aby mogli zrobić dalej?

Na przykład:

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

Ten rodzaj projektu aplikacji opartej na danych przydałby się w sytuacjach, w których użytkownik musi lub może przesyłać informacje w miarę ich uzyskiwania 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ć nazwisko lub numer klienta, aby zebrać więcej informacji na jego temat.

Możesz znaleźć tego typu interaktywne narzędzie do wizualizacji danych w akcji na stronie Mahfix for You vs John Paulson. Pozwala wprowadzić liczbę, a następnie przekazuje informacje zwrotne na podstawie wprowadzonych danych. Jest całkiem gładki!

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

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

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

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

Tak więc, aby zwiększyć przejrzystość wokół użyteczności: czy projektanci powinni używać niestandardowego projektu UX, czy korzystać tylko z wypróbowanych i przetestowanych narzędzi do wizualizacji, takich 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ę są 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 do pokazania rozkładu zmiennych i wykreślenia danych ilościowych w przedziałach
• Wykresy słupkowe do wyświetlania danych dyskretnych, porównywania zmiennych i kreślenia danych kategorycznych

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

Oto jeden ze sposobów, aby to zrobić:

Co więcej, projektowanie interfejsów przetwarzających duże ilości danych może przebiegać w prostszy sposób:

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

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

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

Korzystanie z płaskiego i materiałowego projektowania jest szczególnie zalecane w przypadku aplikacji mobilnych, stron internetowych i przeglądarek na komputery. 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łyby skorzystać z przyjaznego dla urządzeń mobilnych, szybkiego ładowania i mniejszego współczynnika odrzuceń (korzyści SEO i rankingu), które algorytmy wyszukiwarek stale skanują w sieciach.

4. Dostępność ponad 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:

• Uzyskaj jasny obraz tego, które dane są najważniejsze
• Zrozum logiczny przepływ prezentowanych danych
• Zrozum, co oznaczają dane
• Zrozum, jaki jest następny krok

A może wyrzucimy każdy z tych elementów?

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

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

Innymi słowy, projekt, który nadaje priorytet właściwym metrykom.

Chcesz najpierw uporządkować, uporządkować i nadać priorytet najważniejszym danym, 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 person zdefiniowanych powyżej).

Takie postępowanie nie tylko porządkuje pulpit nawigacyjny, ale także pomaga skupić uwagę użytkownika na tym, 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 główną rolę, pomagając użytkownikowi połączyć dane z określonym wynikiem.

Podobnie do tego, co omówiono w poprzednim punkcie, chcesz zacząć od siatki przeglądu ogólnych danych.

Możesz dodać intuicyjne rozwijane menu, które po kliknięciu przez użytkownika zsuwa się w dół, ukazując dodatkowe informacje, a następnie konkretne zadania lub czynności. Ludzie to uwielbiają i już zyskuje popularność.

Oto dwa sposoby pomocy w przepływie:

Ukryj dodatkowe informacje

Możesz użyć klikalnych linków lub najazdów, aby ujawnić więcej informacji. Ponadto funkcje, takie jak przesuwanie w celu odsłonięcia danych i powiększanie w celu odsłonięcia, to świetne sposoby 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 swojej pracy, i zostawiać te, które uważają za mniej ważne.

Ponownie zobaczysz, jak 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 zawisu

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

Animacje po najechaniu kursorem są szczególnie użyteczne w przypadku dostarczania dodatkowych informacji o określonych zadaniach lub elementach, pomagając jednocześnie organizować i czyścić aplikację opartą na danych.

Istnieje jednak więcej sposobów wykorzystania animacji do dostarczania użytecznych i atrakcyjnych aplikacji przetwarzających duże ilości danych.

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

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

Po uporządkowaniu i uszeregowaniu danych w kokpicie następnym krokiem jest podzielenie danych na osobne strony. Jeśli możliwe jest kategoryzowanie informacji, należy przydzielić różne strony/ekrany dla różnych pakietów danych.

Może to pasować zarówno do małych, jak i złożonych projektów aplikacji zawierających duże 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” tematem nie tylko pomoże to klientowi/użytkownikom poczuć się mniej przytłoczonym, ale prawdopodobnie lepiej przeanalizuje liczby 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 Twojemu klientowi uzyskać wszystkie dane na jednej stronie, ale z czasem może to być dla niego przytłaczające — nie wspominając o ściśnięciu, zwłaszcza w przypadku różnych rozmiarów ekranu.

Często klient prosi o tego typu pulpit nawigacyjny, ale powinieneś wiedzieć lepiej.

Interfejs 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 na raz”. 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 do wykonania

Postępując zgodnie z powyższymi krokami, użytkownikom łatwiej będzie zidentyfikować i powiązać wzorce w nieprzetworzonych danych — to kolejna kluczowa wygrana, do której należy dążyć podczas projektowania aplikacji przetwarzających duże ilości danych. Kiedy narzędzia do wizualizacji danych, których używasz, pomagają użytkownikom zrozumieć duże zbiory danych, wiesz, że wykonałeś świetną robotę.

5. Pozostaw miejsce na ulepszenia

Wreszcie, będziesz chciał, aby Twój projekt był zwinny.

W miarę upływu czasu i interakcji użytkowników z Twoim projektem, ich opinie mogą skłonić Cię do działania i naprawienia 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łym ulepszaniu lub solidnej łatce na początek.

Kluczowe dania na wynos

Celem projektowania UX jest przekazanie wiadomości w jasny i praktyczny sposób. Jest to szczególnie ważne w przypadku projektowania aplikacji przetwarzających duże ilości danych. W tym przypadku biznesem dobrego projektu jest pomoc 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ą tego i sposobu, w jaki są prezentowane.

Projektowanie dla projektów UX z dużą ilością danych nie powinno być tak irytujące, jak się wydaje. Powyższe wskazówki i triki pomogą Ci dowiedzieć się, jak projektować interfejsy z dużą ilością danych.

Czy masz jakieś wskazówki, których przestrzegasz, aby zaprojektować niesamowite interfejsy użytkownika do wizualizacji danych i chciałbyś się nimi podzielić?

Daj nam znać w sekcji komentarzy poniżej.