Google Chrome — ulepszone grupy kart
Studium przypadku — ocena grup kart Chome (Android) za pomocą zasady heurystyki i rozwiązania poprawiającego wrażenia użytkownika.

INDEKS
1] Jak to się zaczęło
2] Przeprojektowanie — co się zmieniło?
3] Dlaczego warto wybrać Google Chrome
4] Identyfikacja problemu
5] Pomysłowanie
6] Modelowanie szkieletowe
7] Prototypowanie
8] Testowanie użytkownika
9] Informacje zwrotne
JAK SIĘ ZACZĘŁO!
Badałem i eksperymentowałem z zasadami UX. W połowie drogi jakimś cudem trafiłam na 2-tygodniowe warsztaty mentorskie.
Warsztaty poszerzyły moje podstawy, a także zapoznały mnie z inną perspektywą obserwacji.
Nasz mentor Anudeep rzucił wyzwanie UX Design z limitem czasowym 48 godzin. I w ten sposób mogę zrobić krótkie studium przypadku w Google Chrome na Androida.
PRZEPROJEKTOWANIE — CO SIĘ ZMIENIŁO?
Zaproponowano i wdrożono 2 główne zmiany. Jedna zmiana jest wizualna, a więc łatwa do zauważenia, druga dotyczy funkcjonalności już istniejących elementów, a więc niewidocznych gołym okiem.
1 ] Nazwij grupy zakładek

Tutaj wybraliśmy grupę kart i dodaliśmy funkcję edycji, aby nazwać grupy kart. Dla uproszczenia użyliśmy znanej użytkownikom ikony edycji i dopasowaliśmy ją do stylu projektowania ikon Chrome.
Stworzyliśmy wyskakujący ekran zachęty, który będzie dostępny za każdym razem, gdy użytkownik będzie chciał wprowadzić zmiany w nazwie.
2 ] Przenieś zakładki

Tutaj obszar zaznaczony na czerwono to miejsce, w którym nowa opcja Przeciągnij jest dostępna i włączona.
Ma to na celu pomóc użytkownikowi w sortowaniu i układaniu kart w sposób preferowany przez użytkownika. Po zaaranżowaniu pomogłoby to użytkownikowi zaoszczędzić czas i być wydajne.
3 ] Wpływ na użytkowników i biznes
Karty i grupy kart to szybka alternatywa dla zakładek w Chrome Mobile. A wprowadzone zmiany mają pozytywnie wpłynąć zarówno na Użytkownika, jak i na Biznes.
✔UŻYTKOWNICY:
Zmiany pomagają użytkownikowi zaoszczędzić czas i wysiłek. Pomaga im wydajniej i łatwiej zarządzać kartami. Grupy nazewnictwa pomagają szybciej identyfikować zakładki, a tym samym zmniejszają stres psychiczny, który użytkownicy musieliby zyskać, aby zapamiętać różne rzeczy.
Po włączeniu funkcji Drag Tabs użytkownik może układać karty zgodnie ze swoimi potrzebami i priorytetami, aby zaoszczędzić czas i wysiłek.
Zmniejsza również liczbę kroków, które użytkownik wykonałby w innym przypadku, o co najmniej 3.
✔Biznes:
Gdy użytkownik nie znajdzie tego, czego potrzebuje, jest sfrustrowany i może przejść do innych aplikacji (połączenia, wiadomości, notatki, wiadomości na insta itp.), Aby przypomnieć sobie informacje.
Może to spowodować utratę CZASU EKRANU .
Użytkownik może również zapomnieć/przełożyć swoje zadanie podczas przeglądania innych aplikacji.
Może to obniżyć WSKAŹNIK RETENCJI.
Sprawienie, by użytkownicy przetwarzali je łatwo i wydajnie, pomaga im zaoszczędzić czas i wysiłek, a tym samym pomaga zwiększyć RETENCJĘ UŻYTKOWNIKÓW .
Dlaczego warto wybrać Google Chrome?
Dokonane wybory wynikały z więcej niż jednego powodu.
- Na początek Chrome jest powszechnie używaną aplikacją, dzięki czemu ma dużą bazę odbiorców. Każde wprowadzone ulepszenie może pomóc dużej liczbie użytkowników.
- Po drugie, ponieważ Chrome jest powszechnie używany, znalezienie osób do przetestowania jest stosunkowo łatwe. Dzięki temu mogą udzielić szczegółowych odpowiedzi, pomagając nam zaprojektować lepsze rozwiązania.
- Po trzecie, sam jestem bardzo zaznajomiony z produktem. Dzięki temu unikam tworzenia duplikatów rozwiązań projektowych.
Rozwiązanie jest tak dobre, jak problem.
Aby zidentyfikować problemy, wykorzystaliśmy 10 zasad heurystyki i przetestowaliśmy je na określonych obszarach produktu.

Zidentyfikowano problem(R1):
Przeglądając zawartość zakładki uznasz ją za przydatną i chcesz ją uporządkować. Brak możliwości kontrolowania układu zakładek ogranicza kontrolę i swobodę użytkownika.
Zasada heurystyczna — KONTROLA I WOLNOŚĆ UŻYTKOWNIKA
Zidentyfikowano problem (R1) :
Powszechnie wiadomo wśród użytkowników ekranów dotykowych, że długo naciskamy i przeciągamy, aby zmienić pozycję. Tego samego brakuje w grupach kart Google — w środku.
Zasada heurystyczna — ELASTYCZNOŚĆ I WYDAJNOŚĆ UŻYTKOWANIA
Zidentyfikowano problem (R1) :
Użytkownik jest teraz bardzo przyzwyczajony do powszechnych praktyk, przychodzą one naturalnie. Dlatego wdrażając powszechne praktyki (przeciąganie) na kwalifikujących się elementach, ale nie otrzymując zamierzonej odpowiedzi, użytkownik jest sfrustrowany
Zasada heurystyki — DOPASOWANIE MIĘDZY SYSTEMEM A RZECZYWISTYM ŚWIATEM
Zidentyfikowano problem(R2):
Kiedy organizujesz swoje karty w grupy, chciałbyś, aby były łatwo zauważalne w razie potrzeby. Brak możliwości tworzenia/oznaczania grup kart, aby miały charakterystyczną tożsamość, minimalizuje kontrolę i swobodę użytkownika.
Zasada heurystyczna — KONTROLA I WOLNOŚĆ UŻYTKOWNIKA
POMYSŁOWANIE
Tutaj wymyśliliśmy kilka rozwiązań problemów, które zidentyfikowaliśmy. Posortowałem i wyeliminowałem kilka metodą prób i błędów. I wybrać najlepsze rozwiązanie naszego problemu.
Ograniczenia zostały zidentyfikowane i zdefiniowane przed określeniem rozwiązań, zgodnie z możliwościami i dostępnością zasobów.

WIREFRAME
Idee są tylko marzeniami, jeśli nie zostaną zrealizowane.
Tutaj stworzyliśmy prototypy o niskiej wierności w oparciu o pomysły, które sobie wyobraziliśmy.
Nakreślono właściwą ścieżkę dla nowych zmian i sprawdzono ich wykonalność do zaimplementowania w obecnym systemie produktowym za pomocą różnych szkiców.
Po kilku próbach zwizualizowany pomysł na poniższym obrazku został wybrany jako podstawa do następnego kroku.
Uzyskaj dostęp do łącza do prototypu o niskiej wierności, KLIKNIJ TUTAJ

PROTOTYPOWANIE
Na tym etapie przekształciliśmy szkielety o niskiej wierności w atrakcyjny wizualnie i praktyczny prototyp.
Zmiany dokonane
✏️Dodaliśmy ikonę edycji, aby użytkownik mógł nazwać grupy kart w Chrome.
✏️Dodaliśmy wyskakujący ekran, na którym użytkownik może dodać/zmienić nazwę. To wyskakujące okienko pojawi się, gdy przycisk Edytuj zostanie wywołany do działania
✏️Dodaliśmy opcję przeciągania do dolnego paska grupy kart
Uzyskaj dostęp do łącza do prototypu High-fidelity, KLIKNIJ TUTAJ

TESTOWANIE UŻYTKOWNIKÓW
Najważniejszą częścią projektu jest przetestowanie go. Test pokazuje reakcję użytkowników i zainteresowanie produktem, a także pomaga zidentyfikować problemy użytkowników i je rozwiązać.
Produkt nielubiany przez użytkowników to Zła Inwestycja.
Znajdowanie użytkownika
Ważne jest, aby zidentyfikować odpowiednie osoby do testowania produktu. Powinni należeć do docelowej grupy odbiorców.
Ponieważ Google jest używane przez dużą rzeszę ludzi, znalezienie użytkowników do przetestowania naszego produktu nie było trudne. Pomijając kilka „nie przeszkadzaj mi”, „nie mam czasu”, szybko znaleźliśmy użytkownika i obserwowaliśmy rezultat.
Zadanie dla Użytkownika
⚡Edytuj nazwę grupy kart.
⚡Poproś ich, aby weszli do grupy kart i przeglądali dowolną kartę.
⚡Zmień pozycję tej zakładki w grupie bezpośrednio ze strony, na której znajduje się użytkownik.
⚡Twoja opinia na temat zmian.
Co obserwować
Obserwuj, jak szybko użytkownicy znajdują opcję edycji i czy napotykają problemy podczas wprowadzania zmian.
Obserwuj, jakiego wyboru dokonuje użytkownik, próbując zmienić pozycję zakładki.
Czy odnajdują drogę za jednym podejściem?
Czy się zgubili?

Spostrzeżenia
Zawsze możesz się czegoś nauczyć od Wszyscy i Wszystko.
Bez względu na to, jak popularny lub szeroko stosowany jest produkt - Zawsze pytaj użytkownika, czy korzysta z produktu lub czy go zna, czy nie.
Użytkownik może utknąć/znaleźć problem z wcześniej istniejącymi elementami, których nie przeprojektowałeś.
OPINIA ZWROTNA
Po przeanalizowaniu danych zebranych od użytkownika i poczynionych przez nas obserwacji doszliśmy do wniosku, że dalsze zmiany nie są konieczne.
Kiedy użytkownik jest już bardzo klarowny i zadowolony z zaprojektowanego przez nas produktu, wszelkie dalsze wymuszone zmiany mogą niekorzystnie wpłynąć na produkt.
Mimo to wprowadziliśmy niewielką zmianę w produkcie. Dodajemy opcję „Powiększ po najechaniu kursorem” do dolnego paska karty grupy.

Połącz się ze mną na Linkedin, KLIKNIJ TUTAJ