Komputer stacjonarny czy telefon: irytujące różnice w funkcjach popularnych usług

Zawartość:

• Yandex Music
• Telegram
• Ozon
• LitRes
• Stepik
• Zoom
• HeadHunter
• Lamoda
• Wreszcie

Zespoły projektowe dużych marek czasami podejmują nieoczekiwane decyzje. Usuwają ważne funkcje z mobilnych wersji stron internetowych, a dodają zbędne elementy do wersji na komputery i odwrotnie. Takie zachowanie może negatywnie wpłynąć na doświadczenia użytkowników i prowadzić do zmniejszenia zaangażowania. Ważne jest, aby znaleźć równowagę między funkcjonalnością a użytecznością, aby zaspokoić potrzeby użytkowników na wszystkich urządzeniach.

Czasami rzeczywiście istnieje logika w upraszczaniu funkcji. Na przykład użytkownicy Zoom mogą uznać rysowanie na tablicy z urządzenia mobilnego za niewygodne, więc dodanie tej funkcji do wersji mobilnej wydaje się niepotrzebne. Jednak często wynika to z błędów programistycznych. Przeanalizujmy wersje desktopowe i mobilne popularnych usług, aby zidentyfikować najbardziej irytujące aspekty.

Yandex Music

Aplikacje mobilne i desktopowe korzystają z różnych ikon. Ikony w interfejsie pomagają użytkownikom szybciej przyswajać informacje. Na przykład, jeśli podoba Ci się utwór, kliknięcie serduszka dodaje go do ulubionych. Efektywne wykorzystanie ikon poprawia komfort użytkowania i sprawia, że ​​interakcja z aplikacją jest bardziej intuicyjna.

Yandex Music wprowadził nowe, kreatywne funkcje, dzięki którym serduszko w aplikacji mobilnej stało się symbolem nie tylko polubień, ale także innych przydatnych funkcji. Teraz użytkownicy mogą go używać do funkcji „Półka” i subskrybowania podcastów. Wymaga to bardziej ostrożnego podejścia do interfejsu, ponieważ ikony nie zawsze jasno oddają istotę działań.

Różnice w wersjach projektu zwykle pojawiają się, gdy nad projektem pracują różne zespoły, z których każdy ma własny pomysł na Doświadczenie użytkownika. Może to prowadzić do niespójności w produkcie końcowym i utrudniać stworzenie ujednoliconego i spójnego interfejsu. Aby uniknąć takich sytuacji, ważne jest nawiązanie skutecznej komunikacji między zespołami i ustalenie jasnych standardów projektowych, aby zapewnić spójność i wysoką jakość doświadczenia użytkownika.

Aby poprawić doświadczenie użytkownika, konieczne jest ujednolicenie ikon zarówno dla wersji na komputery stacjonarne, jak i na urządzenia mobilne. Zapewni to spójny interfejs i umożliwi użytkownikom szybką nawigację po aplikacji. Ważne jest również opracowanie unikalnych ikon dla różnych opcji, aby interakcje były intuicyjne i przyspieszyły proces. Takie podejście nie tylko poprawi wygodę, ale także usprawni interakcję z produktem.

Telegram

Nagrywanie kręgów nie jest dostępne w wersji na komputery stacjonarne. Wersja mobilna pozwala na szybkie tworzenie kręgów, co znacznie oszczędza czas i urozmaica zawartość kanału. Funkcja ta nie jest jednak obsługiwana w wersji na komputery stacjonarne i w wersji internetowej systemu Windows, co ogranicza możliwości użytkownika.

Telegram uznał, że funkcja wideorozmów w wersji na komputery stacjonarne nie cieszy się zainteresowaniem użytkowników. Dlaczego? Wielu użytkowników komputerów PC posiada kamery, których można używać do wideorozmów. Może to wynikać z faktu, że wiadomości tekstowe i połączenia głosowe są na nich bardziej powszechne. Warto również wziąć pod uwagę, że korzystanie z wideorozmów na komputerze stacjonarnym może być mniej wygodne niż na urządzeniach mobilnych. Jednak dla niektórych użytkowników możliwość prowadzenia wideorozmów na komputerze byłaby przydatna.

Ozon

Po wizycie na targowisku na myśl przychodzi jedno słowo: hałas. Hałas ten obejmuje zarówno dźwięki fizyczne, jak i niezliczoną ilość informacji otaczających kupujących. Mnogość produktów, zróżnicowane ceny i aktywna reklama tworzą atmosferę, w której łatwo się zgubić. Na targowiskach ważne jest, aby móc poruszać się po witrynie, aby znaleźć to, czego potrzebujesz i uniknąć niepotrzebnego chaosu. Hałas to nie tylko element dźwiękowy, ale także ciągła walka o uwagę użytkownika. Dlatego ważne jest nie tylko zrozumienie, jak działają platformy handlowe, ale także zrozumienie ich mechanizmów, aby skutecznie znajdować odpowiednie oferty i świetne okazje.

Na stronie internetowej zdjęcia produktów wyglądają bardziej harmonijnie, ponieważ duże zdjęcia rozbijają jasne etykiety. Nie eliminuje to jednak całkowicie problemu z percepcją. Wprowadzenie ogólnych wymagań dotyczących zdjęć produktów mogłoby znacznie poprawić sytuację. Na przykład Yandex Market udostępnia podobne informacje, ale w bardziej stonowanej i estetycznej formie. Optymalizacja treści wizualnych na stronie internetowej może ją uatrakcyjnić i poprawić doświadczenia użytkownika.

Różne ikony koszyków w sklepach internetowych mogą wprowadzać użytkowników w błąd. Niektóre strony produktów zawierają dwa przyciski „dodaj do koszyka”: jeden z dostawą za 30 minut, a drugi z dostawą na dziś. Choć takie podejście może wydawać się nieintuicyjne, warto zwrócić uwagę na ikony koszyków używane w aplikacji mobilnej i na stronie internetowej. Różne projekty ikon mogą wpływać na percepcję i użyteczność, co ostatecznie przekłada się na doświadczenia użytkownika i konwersję. Optymalizacja ikon koszyka pod kątem różnych platform może usprawnić nawigację i zwiększyć zadowolenie klientów.

Wyszukiwarka w mobilnej wersji interfejsu jest przeciążona. W aplikacji mobilnej znajduje się ona w górnym panelu, gdzie znajduje się już wiele wskaźników i adres dostawy. Stwarza to wrażenie ciasnoty i wizualnego szumu, co negatywnie wpływa na użyteczność tego często używanego elementu. Optymalizacja wyszukiwania w wersji mobilnej może znacząco poprawić doświadczenia użytkownika, czyniąc je bardziej intuicyjnymi i dostępnymi.

Podczas analizy wersji strony na komputery stacjonarne z efektem rozmycia można zauważyć, że Pasek wyszukiwania przyciąga najwięcej uwagi użytkowników. Podkreśla to wagę optymalizacji widoczności elementów związanych z wyszukiwaniem, aby poprawić doświadczenia użytkowników i zwiększyć konwersję. Optymalizacja paska wyszukiwania może obejmować takie aspekty, jak jego rozmiar, kolor, kontrast i położenie na stronie, co z kolei może pomóc zwiększyć liczbę kliknięć i poprawić indeksowanie witryny w wyszukiwarkach.

Aby poprawić tekst, Musisz skupić się na jego strukturze i słowach kluczowych pod kątem SEO. Oto kilka zaleceń:

1. Zoptymalizuj nagłówki i podtytuły, dodając słowa kluczowe.
2. Używaj krótkich i informacyjnych akapitów.
3. Dodaj linki wewnętrzne i zewnętrzne, aby zwiększyć autorytet.
4. Dodaj meta tagi dla opisu i słów kluczowych.
5. Upewnij się, że tekst jest łatwy do odczytania i zawiera przydatne informacje dla użytkowników.

Nie zapominaj o znaczeniu unikalności treści, ponieważ wpływa ona na widoczność w wyszukiwarkach. Regularnie aktualizuj informacje, aby były istotne i zgodne z najnowszymi trendami i prośbami użytkowników.

• Przede wszystkim pozbądź się dwóch przycisków, z których jeden jest również czerwony. Chcieli usunąć jeden krok w procesie zakupu, ale to jeszcze bardziej skomplikowało sprawę. Lepiej zostawić jeden przycisk – „Dodaj do koszyka” – i tam zaoferować opcje dostawy.
• Ustandaryzuj ikony. Użytkownicy spędzają dużo czasu w sklepach internetowych, więc ikony zmniejszają obciążenie poznawcze i eliminują potrzebę czytania elementów nawigacji. Możesz uprościć pasek wyszukiwania w wersji mobilnej, przesuwając ikonę samolotu (sprzedaż biletów) i ikonę czatu, a także przesuwając pasek wyszukiwania niżej – bliżej środka, jak w Eaptece. Możesz też umieścić ją na dole ekranu, aby łatwiej było do niej dotrzeć palcem.

LitRes

Jako prawdziwy miłośnik książek zauważyłem, że wyszukiwanie literatury w aplikacji mobilnej i w wersji na komputery LitRes to zupełnie inne doświadczenie. Często spotykam się z sytuacją, w której nie mogę znaleźć książki w wersji mobilnej, mimo że jest ona dostępna na stronie internetowej. Stwarza to pewne trudności i być może istnieje jakiś nieznany powód. Ważne jest, aby zoptymalizować wyszukiwanie książek w obu formatach, aby użytkownicy mogli łatwo znaleźć potrzebną literaturę, niezależnie od używanego urządzenia.

Kontynuujemy analizę aplikacji. Nietypowa kombinacja dostępnych walut jest uderzająca. Gdzie jest rubel? Warto zauważyć, że ten problem nie występuje w wersji na komputery. Być może warto rozważyć aktualizację aplikacji lub jej ustawień, aby rozwiązać ten problem.

Brak tekstu w formacie audio. Mogę zrobić sobie przerwę od czytania i przełączyć się na wersję audio w aplikacji mobilnej. Funkcja ta nie jest jednak dostępna w wersji na komputery stacjonarne, dlatego prosimy o samodzielne zapoznanie się z tekstem.

Aby poprawić komfort użytkowania, konieczne jest dodanie ikony lektora do wersji desktopowej witryny, co zwiększy dostępność treści dla osób z niepełnosprawnościami. Ponadto ważne jest ujednolicenie ikon zakładek, ponieważ obecnie różnią się one w wersji mobilnej i desktopowej. Dzięki temu użytkownicy będą mogli korzystać z bardziej spójnego środowiska i usprawnić nawigację.

Stepik

To platforma edukacyjna, która pozwala użytkownikom tworzyć własne kursy online. Na tej platformie każdy może łatwo opracować i opublikować kurs, dzieląc się swoją wiedzą i doświadczeniem z innymi. Platforma oferuje wszystkie niezbędne narzędzia do tworzenia wysokiej jakości treści edukacyjnych, w tym możliwość dodawania filmów, quizów i elementów interaktywnych, dzięki czemu proces nauki jest bardziej angażujący i efektywny.

Teraz możesz uczyć się nie tylko przy biurku, ale także na kanapie z telefonem w ręku. To wygodne i komfortowe. Ale nie relaksuj się. Na platformie Stepik konieczny będzie powrót do bardziej tradycyjnego formatu szkolenia, ponieważ odtwarzacz wideo w aplikacji mobilnej nie dostosowuje się do rozmiaru ekranu.

Aby zoptymalizować kod osadzania odtwarzacza i zapewnić prawidłowe wyświetlanie wideo na ekranie bez przewijania, konieczne jest wprowadzenie pewnych ustawień. Prawidłowa konfiguracja może poprawić komfort użytkowania, szczególnie w aplikacjach edukacyjnych, w których główny nacisk kładzie się na oglądanie wykładów na urządzeniach mobilnych.

Aby zapewnić, że wideo zajmie całą dostępną przestrzeń ekranu, ustaw szerokość i wysokość kodu do osadzenia na 100%. Zapobiegnie to pojawianiu się pasków przewijania i zapewni komfort oglądania. Rozważ również responsywny projekt, aby zapewnić prawidłowe wyświetlanie wideo na ekranach o różnych rozmiarach.

Ważne jest również sprawdzenie kompatybilności odtwarzacza z platformami mobilnymi i użycie HTML5, co zapewni stabilne działanie na większości urządzeń. Skuteczna konfiguracja kodu do osadzenia odtwarzacza nie tylko poprawi odbiór wideo, ale także zwiększy zaangażowanie użytkownika w proces nauki.

Zoom

Dzisiaj coraz częściej prowadzimy spotkania bezpośrednio z naszych smartfonów. Jednak wielu użytkowników boryka się z problemem braku funkcji nagrywania w mobilnych wersjach aplikacji do wideokonferencji. Powoduje to niezadowolenie, ponieważ możliwość nagrywania spotkań jest ważną funkcją umożliwiającą zapisywanie informacji i dalszą analizę. Dlaczego twórcy aplikacji mobilnych nie uwzględniają tej opcji? Może to wynikać z ograniczeń pamięci masowej lub problemów technicznych. Ważne jest, aby twórcy aplikacji zwracali uwagę na potrzeby użytkowników i dodali funkcję nagrywania do wersji mobilnych, aby poprawić jakość i wygodę spotkań.

Ustawienia czatu są ukryte w wersji mobilnej. Rozważmy analogię. Znak przejścia dla pieszych zawsze znajduje się obok samego przejścia. Ta zasada zapewnia prawidłową percepcję. Jeśli znak znajduje się na innej ulicy, odnosi się do innego przejścia. Obiekty znajdujące się blisko siebie są postrzegane jako jedna całość, co ułatwia zrozumienie informacji i pozwala użytkownikom szybko poruszać się w przestrzeni. Prawidłowe rozmieszczenie elementów interfejsu, takich jak znaki drogowe, odgrywa kluczową rolę w poprawie komfortu użytkowania.

Ustawienia czatu w aplikacji mobilnej Zoom są trudne do znalezienia, ponieważ znajdują się na trzecim poziomie nawigacji. Stwarza to niedogodności dla użytkowników, zwłaszcza podczas spotkań, gdy szybki dostęp do funkcji czatu jest kluczowy. Uproszczenie dostępu do ustawień czatu w aplikacji mobilnej znacznie poprawiłoby komfort użytkowania i usprawniło interakcję.

W wersji na komputery wszystko działa poprawnie: czat i ustawienia są dostępne.

Aby zwiększyć wydajność pracy, możesz umieścić ustawienia obok funkcjonalności lub zintegrować je bezpośrednio z samą funkcją. Pozwoli to zaoszczędzić czas i zmniejszyć obciążenie poznawcze użytkowników, a także zapobiegnie rozproszeniu uwagi podczas spotkania.

HeadHunter

Aplikacja mobilna zawiera funkcję umożliwiającą sprawdzenie liczby odpowiedzi na ogłoszenie o pracę. Ta zaskakująca funkcja nie jest dostępna w wersji na komputery stacjonarne, co czyni aplikację mobilną wygodniejszą dla użytkowników, którzy chcą szybko śledzić zainteresowanie swoimi ogłoszeniami. Monitorowanie ofert pracy za pomocą aplikacji mobilnej zapewnia szybszy i bardziej efektywny proces wyszukiwania kandydatów.

Aby poprawić funkcjonalność wersji desktopowej, warto rozważyć możliwość dodania tajnej opcji. Pozwoli to użytkownikom uzyskać nowe możliwości i poprawić ich doświadczenia z aplikacją. Wprowadzenie takiej funkcji nie tylko zwiększy zainteresowanie produktem, ale także stworzy poczucie ekskluzywności. Biorąc pod uwagę rosnącą konkurencję na rynku, wprowadzenie unikalnych funkcji może być decydującym czynnikiem w przyciąganiu i utrzymywaniu użytkowników.

Lamoda

Wyszukiwarka zdjęć jest dostępna wyłącznie w mobilnej wersji sklepu internetowego Lamoda. Minimalistyczny design strony przyciąga użytkowników swoim czystym stylem. Brak jaskrawych kolorów, subtelne linie i prosty interfejs pozwalają na wygodny wybór ubrań bez przeciążania wzroku. Unikalna funkcja wyszukiwania ubrań po zdjęciach sprawia, że ​​zakupy są jeszcze wygodniejsze, choć niestety dostępna jest tylko w aplikacji mobilnej.

W wersji na komputery stacjonarne dostępna jest tylko standardowa wyszukiwarka, co oczywiście ogranicza doświadczenie użytkownika. Ulepszenie funkcji wyszukiwania na platformie komputerowej może znacznie zwiększyć użyteczność i zadowolenie klientów.

Aby poprawić komfort użytkowania witryny Lamoda w wersji komputerowej, możesz rozważyć dodanie funkcji wyszukiwania według zdjęcia. Choć ta funkcja nie była priorytetem, jej wygoda i wszechstronność sprawiają, że jest bardzo pożądana. Wyszukiwanie obrazem pozwala użytkownikom szybko znaleźć potrzebne produkty, usprawniając nawigację i zwiększając prawdopodobieństwo dokonania zakupu. Wdrożenie tej funkcji może znacznie usprawnić interakcję ze stroną internetową i sprostać potrzebom szerokiego grona odbiorców.

Wreszcie

Duże serwisy internetowe regularnie testują swoje rozwiązania na użytkownikach, wielokrotnie i w sposób iteracyjny. Dlatego moje obserwacje prawdopodobnie nie są przypadkowymi błędami, a firmy mają uzasadnienie dla każdego z wymienionych punktów. Zawsze jednak istnieje możliwość, że niektóre aspekty mogły zostać pominięte.

Dowiedz się więcej o projektowaniu, subskrybując nasz kanał na Telegramie. Dzielimy się ciekawymi pomysłami, nowymi trendami i przydatnymi wskazówkami, które pomogą Ci w świecie designu. Dołącz do społeczności, aby być na bieżąco z ważnymi aktualizacjami i inspiracjami do swoich projektów.

Materiały dotyczące projektowania interfejsów to niezbędne źródło wiedzy dla profesjonalistów UX/UI. Obejmują one szeroki zakres tematów, w tym zasady projektowania, najlepsze praktyki i aktualne trendy projektowe. Poznanie różnych aspektów projektowania interfejsów pomaga tworzyć rozwiązania intuicyjne i angażujące dla użytkowników. Ważne jest, aby nadążać za nowymi podejściami i narzędziami, aby utrzymać konkurencyjność w tej dynamicznej branży. Zalecamy zapoznanie się z różnymi źródłami, które oferują przydatne wskazówki i przykłady udanych projektów, aby rozwijać umiejętności i wiedzę z zakresu projektowania interfejsów.

• „Interfejs”: Podstawy projektowania systemów przyjaznych dla użytkownika
• 8 błędów w projektowaniu interfejsu, które irytują użytkowników
• Projektowanie interfejsu: 8 zasad, które powinien znać każdy projektant UX
• Błędy logiczne w interfejsach
• „Szpital psychiatryczny jest w rękach pensjonariuszy”. Jak poprawnie projektować interfejsy