
Wypróbuj za darmo cztery popularne specjalizacje projektowe. Zapisz się na bezpłatny kurs projektowania i rozwiń swoje umiejętności. Stwórz cztery imponujące przykłady do swojego portfolio i wybierz ścieżkę rozwoju na przyszłość
Dowiedz się więcejCzasami zespoły projektowe dużych firm podejmują bardzo nietypowe decyzje. Mogą usuwać ważne funkcje z aplikacji mobilnych, dodając jednocześnie elementy, które nie są szczególnie potrzebne w wersjach na komputery stacjonarne.
Czasami takie podejście jest uzasadnione. Na przykład użytkownicy Zooma nie czują się komfortowo, rysując na wirtualnej tablicy z urządzenia mobilnego, dlatego nie ma sensu obciążać wersji mobilnej zbędną funkcją. Jednak w większości przypadków są to po prostu nieporozumienia. Przyjrzyjmy się wersjom na komputery stacjonarne i mobilne popularnych platform, aby dowiedzieć się, które aspekty najbardziej irytują użytkowników.
Yandex Music
Ikony w aplikacji mobilnej i wersji na komputery stacjonarne mogą się znacznie różnić. Te elementy graficzne w interfejsie pomagają szybko przyswajać informacje: na przykład, jeśli podoba Ci się jakaś piosenka, wystarczy dotknąć serduszka – to wyraźnie sygnalizuje, że dodałeś ją do ulubionych.
Yandex Music postanowił wykazać się odrobiną kreatywności: teraz serduszko w aplikacji mobilnej pełni dwie dodatkowe funkcje: „Półka” i „Subskrybuj podcast”. Użytkownicy będą musieli uważniej studiować tekst i nie polegać wyłącznie na symbolach.



Różnice w wersjach projektu pojawiają się zwykle wtedy, gdy różne grupy podejmują się jego rozwoju, z których każda ma własny pomysł na to, co
Aby poprawić UX, zaleca się ujednolicenie ikon zarówno w wersji na komputery stacjonarne, jak i na urządzenia mobilne. Pozwoli to na bardziej holistyczne postrzeganie interfejsu. Dodatkowo, warto opracować różne ikony dla różnych funkcji, aby uczynić interakcję bardziej intuicyjną i przyspieszyć proces.
Telegram
Nagrywanie kręgów z komputera stacjonarnego nie jest możliwe. W wersji mobilnej ta funkcja pozwala zaoszczędzić czas i urozmaicić treść tekstową, jeśli zarządzasz własnym kanałem. Niestety, w systemie Windows ani w wersji webowej nie ma kółek.

Jak można poprawić wydajność? Telegram stwierdził, że ta funkcja nie jest przydatna dla użytkowników komputerów stacjonarnych — jaki jest tego powód? Przecież komputer też ma kamerę!
Ozon
Wizyta na targu przywodzi na myśl jedno słowo – hałas.


Strona internetowa ma spokojniejszą atmosferę: duże zdjęcia produktów łagodzą jaskrawe i prowokacyjne etykiety, ale nie eliminuje to problemu całkowicie. W tym kontekście pomocne mogą być ujednolicone standardy dotyczące zdjęć produktów. Na przykład Yandex Market oferuje podobne informacje, ale w bardziej stonowanej formie:

Różne wersje aplikacji mają różne ikony koszyka. Niektóre karty produktów zawierają dwa przyciski, z których każdy oferuje własne warunki dostawy: jeden gwarantuje dostawę w ciągu pół godziny, drugi – tego samego dnia. Pomińmy kwestię, dlaczego to rozwiązanie wygląda na mniej idealne, i zwróćmy uwagę na ikony: wersja mobilna aplikacji i strona internetowa używają różnych obrazów w koszyku zakupowym.


W wersji mobilnej funkcja wyszukiwania jest przeciążona. Znajduje się ona u góry ekranu, gdzie znajduje się już sporo wskaźników i informacji o dostawie. Tworzy to wrażenie ciasnoty i bałaganu w przypadku elementu, który jest często używany.

Jeśli zastosujemy rozmycie strony w wersji na komputery, okaże się, że pasek wyszukiwania przyciąga najwięcej uwagi.

Jak to poprawić:
- Przede wszystkim powinieneś rozważyć usunięcie dwóch przycisków, w tym czerwonego. Początkowo planowano uprościć proces zakupów, ale w rzeczywistości stał się on jeszcze bardziej skomplikowany. Bardziej rozsądne byłoby pozostawienie tylko jednego przycisku – „Dodaj do koszyka” – i zaoferowanie wszystkich opcji dostawy w kolejnym kroku.
- Ustandaryzuj ikony. Ponieważ użytkownicy spędzają dużo czasu w sklepach internetowych, ikony ułatwiają zrozumienie informacji, eliminując potrzebę czytania tekstowych elementów nawigacji.
- Możesz uprościć dostęp do paska wyszukiwania w wersji mobilnej, zmieniając położenie ikony samolotu w przypadku sprzedaży biletów, a także ikony czatu. Dodatkowo warto rozważyć przesunięcie paska wyszukiwania niżej, bliżej środka ekranu, tak jak ma to miejsce w Eaptece. Alternatywnym rozwiązaniem byłoby umieszczenie tej linii na dole ekranu, co uczyniłoby korzystanie z niej wygodniejszym.

LitRes
Jako zapalony czytelnik, mogę śmiało powiedzieć, że wyszukiwanie książek w aplikacji mobilnej i w wersji LitRes na komputery to dwie zupełnie różne rzeczywistości. Czasami zdarza mi się, że nie mogę znaleźć niektórych dzieł w aplikacji mobilnej, mimo że bez problemu mogę je znaleźć na stronie internetowej. Być może to tylko zagadka.
Kontynuując nasze śledztwo, natrafiamy na nietypowy wybór dostępnych walut w aplikacji. Zastanawiam się, dlaczego brakuje rubla? Dla porównania, w wersji na komputery stacjonarne nie było to zauważalne.

Aktualnie nie ma możliwości odsłuchania tekstu. Mogę być leniwy i przełączyć się na format audio w aplikacji mobilnej, ale na komputerze, niestety, będę musiał przeczytać sam. Ta funkcja nie jest dostępna.


Zaleca się dodanie ikony lektora w wersji na pulpicie, co również przyczyni się do zwiększenia inkluzywności. Warto również ujednolicić ikony zakładek, ponieważ obecnie różnią się one między wersją mobilną a stacjonarną.
Stepik
Dla niewtajemniczonych: to platforma online, która pozwala każdemu zainteresowanemu tworzyć własne kursy.
Zgadza się, teraz proces edukacyjny można zorganizować nie tylko przy biurku, siedząc na niewygodnym krześle, ale także po prostu leżąc na kanapie z telefonem. To wspaniałe! Ale nie rozpieszczaj się zbytnio. Na platformie Stepik nadal będziesz musiał wrócić do tradycyjnej nauki, ponieważ odtwarzacz wideo w aplikacji mobilnej nie dostosowuje się do rozmiaru ekranu.


Jak można to ulepszyć? Skonfiguruj osadzanie odtwarzacza tak, aby wideo wypełniało cały ekran i nie było potrzeby przewijania strony. Jest to szczególnie ważne, ponieważ głównym zastosowaniem aplikacji edukacyjnych na urządzeniach mobilnych jest oglądanie wykładów.
Zoom
W dzisiejszym świecie przyzwyczailiśmy się do tego, że spotkania odbywają się bezpośrednio na ekranach naszych smartfonów. Pojawia się jednak pytanie: dlaczego wersja mobilna aplikacji nie oferuje możliwości nagrywania tych spotkań?


W mobilnej wersji czatu ustawienia są ukryte przed użytkownikiem. Pozwólcie, że podam analogię: znak wskazujący przejście dla pieszych zawsze znajduje się obok samego przejścia. To nie tylko zasada, ale konieczność. Jeśli znak znajduje się na innej ulicy, będzie wskazywał inne przejście. Obiekty znajdujące się blisko siebie są postrzegane jako jedna całość. Dzięki temu informacje są łatwiejsze do przyswojenia.
Dlaczego ustawienia czatu w mobilnej wersji Zoom są tak oddalone od samego czatu? Aby je znaleźć, trzeba przejść przez trzy poziomy nawigacji. Wyobraź sobie, jak niewygodne jest przełączanie się między kartami w aplikacji podczas spotkania.

W wersji na komputery stacjonarne wszystko działa bez problemów – zarówno czat, jak i ustawienia są w miejsce.

Jak zoptymalizować proces? Umieść ustawienia blisko funkcji lub zintegruj je bezpośrednio z samą funkcją. Oszczędzi to użytkownikom czas i wysiłek psychiczny, a także nie odciągnie ich od spotkania.
HeadHunter
Aplikacja mobilna zawiera funkcję niespodzianki, która pozwala użytkownikom zobaczyć, ilu kandydatów odpowiedziało już na ogłoszenie. Warto jednak zauważyć, że ta informacja nie jest dostępna w wersji na komputery stacjonarne.


Jak można to ulepszyć? Zaimplementuj ukrytą funkcję w wersji na komputery, bo inaczej wygląda to trochę niesprawiedliwie.
Lamoda
Wyszukiwanie obrazami jest dostępne tylko w wersji mobilnej. Minimalistyczny design sklepu internetowego Lamoda odniósł trwały sukces. Wrażenie. Jest pozbawiony zbędnych szczegółów, ikony obramowane są cienkimi liniami, a jaskrawe kolory są nieobecne – dzięki czemu można przeglądać ubrania przez cały dzień bez zmęczenia. Dodatkowo Lamoda oferuje funkcję wyszukiwania ubrań po zdjęciach, ale niestety jest ona dostępna tylko w aplikacji mobilnej.

Niestety, w wersji na komputery stacjonarne dostępna jest tylko standardowa wyszukiwarka.

Jak można Czy system można ulepszyć? Włącz wyszukiwanie obrazami w wersji na komputery. Lamoda może nie uznała tej funkcji za priorytet, ale jest ona tak praktyczna, że trudno sobie wyobrazić, kto nie uznałby jej za przydatną.
Wreszcie
Duże platformy stale testują swoje rozwiązania na użytkownikach, i nie dzieje się to jednorazowo, ale wielokrotnie, poprzez iteracje. Dlatego moje komentarze trudno uznać za proste błędy; najprawdopodobniej programiści mają własne wyjaśnienie każdego z nich. Możliwe jednak, że istnieje inny punkt widzenia.
Na naszym kanale Telegram mamy wiele fascynujących materiałów na temat projektowania. Dołącz do nas!
Alternatywne zasoby do tworzenia interfejsów.
- „Interfejs”: podstawowe zasady tworzenia przyjaznych dla użytkownika systemów
- Istnieje wiele typowych błędów w projektowaniu interfejsów, które mogą powodować niezadowolenie użytkowników. Oto osiem głównych problemów, które należy rozwiązać Unikaj:
1. Niespójnego stylu wizualnego. Gdy elementy interfejsu nie są zgodne ze spójnym stylem, użytkownicy mogą czuć się zdezorientowani i niepewni, jak korzystać z aplikacji.
2. Złożonych struktur nawigacji. Jeśli użytkownicy mają trudności ze znalezieniem potrzebnych sekcji lub funkcji, może to prowadzić do frustracji, a nawet porzucenia aplikacji.
3. Słabej czytelności tekstu. Używanie małych czcionek, niewystarczającego kontrastu lub skomplikowanych czcionek utrudnia zrozumienie informacji.
4. Zaniedbywania projektowania mobilnego. W dzisiejszym świecie, w którym priorytetem są urządzenia mobilne, brak responsywnego projektowania może prowadzić do słabego doświadczenia użytkownika.
5. Przeciążenia informacyjnego. Zbyt wiele danych lub elementów na ekranie może rozpraszać uwagę i utrudniać dostrzeżenie potrzebnych informacji.
6. Nieintuicyjnych elementów sterowania. Jeśli przyciski lub inne elementy interfejsu nie są oczywiste dla użytkownika, może to prowadzić do błędów i nieporozumień.
7. Długich czasów ładowania. Użytkownicy nie lubią czekać, a jeśli aplikacja lub strona internetowa ładuje się długo, obciążenie, może stać się irytujące.
8. Brak informacji zwrotnej. Jeśli użytkownik nie otrzymuje żadnych informacji o rezultatach swoich działań, może to wywołać poczucie niepewności i niezadowolenia.
Unikanie tych typowych błędów może znacznie poprawić interfejs i uczynić go wygodniejszym dla użytkowników.
- Projektowanie interfejsu: osiem podstawowych zasad, które powinien wziąć pod uwagę każdy projektant UX.
- Błędy w logice interfejsu
- „Klinika psychiatryczna pod kontrolą pacjentów”. Jak poprawnie tworzyć interfejsy.
Specyfika pracy profesjonalnego grafika
Opanujesz proces tworzenia elementów identyfikacji wizualnej i projektowania graficznego dla firm. Stwórz portfolio, które zaprezentuje Twój unikalny styl i potwierdzi Twoje umiejętności projektowe. Otworzy to przed Tobą możliwości rozpoczęcia kariery zarówno w studiu, jak i jako freelancer.
Dowiedz się więcej
