Duże kursory: wskazujące drogę do lepszej sieci

Opublikowany: 2020-04-29

Obecnie prowadzone są różne eksperymenty ze wskaźnikami myszy. Rozważ nasze ostatnie posty dotyczące efektów kursora i użycia okrągłych kursorów w projektowaniu stron internetowych. Wygląda na to, że mamy obsesję na punkcie tego małego urządzenia, które wskazuje nasz ruch na ekranie komputera. Bez wątpienia istnieje fiksacja na ten temat.

W naturze jest wiele ekscytujących rozwiązań, ale większość z nich to tylko dekoracyjne ekstrawagancje, których celem jest imponowanie. Ale co z ulepszeniem sieci? Jest jedno małe rozwiązanie w tym obszarze, które ma na celu poprawę doświadczenia użytkownika, a nie przyczynianie się do rozrywkowej strony projektu. Przyjrzyjmy się temu uważnie.

Większy kursor – lepszy UX

Dwie ważne rzeczy sprawiają, że ten trend jest istotny.

Przede wszystkim w większości przypadków ci programiści porzucili trywialną strzałkę na rzecz koła. Następuje nieunikniona zmiana preferencji w kierunku okrągłych kursorów myszy, więc nie ma tu niespodzianek.

A druga sprawa dotyczy samego zachowania myszy. Jak wszystkie świetne pomysły, ten jest prosty. Kiedy kursor znajdzie się w kluczowych obszarach, takich jak logo, linki, ikony mediów społecznościowych, nawigacja itp., staje się bardziej widoczny, aby podkreślić ich znaczenie. Może zmieniać rozmiar, kolor lub przezroczystość.

Rozwiązanie korzysta z interfejsu na różne sposoby, na przykład:

  • To sprawia, że ​​​​rzeczy są nieco bardziej interesujące;
  • Chroni interfejs przed byciem przyziemnym;
  • Poprawia interakcje użytkowników;
  • Dzięki temu eksploracja strony internetowej jest bardziej intuicyjna niż zwykle.

W gruncie rzeczy nie jest to nic nowego. Jesteśmy przyzwyczajeni do stosowania efektów najechania kursorem, aby drobne szczegóły witryny, takie jak linki nawigacyjne lub przyciski, były widoczne podczas interakcji.

Jednak artyści poniżej poszli nieco dalej i zmusili kursor do wzmocnienia interakcji z innej strony. Pomysł jest genialny. Rozważmy te fantastyczne przykłady.

Agencja Everest

Weźmy pod uwagę Agencję Everest jako reprezentatywny przykład tego trendu.

Jest to typowa strona internetowa współczesności. Zbudowany przy pomocy najnowszych technologii, wygląda wyrafinowanie i elegancko. Jest mały, misterny suwak, który robi korzystne wrażenie. Strona jest pełna stylowych funkcji.

Jeśli chodzi o kursor myszy, to jest to zwykły wskaźnik w kształcie strzałki – z przekręceniem. Jest on zarysowany przez prosty okrąg. Kiedy kursor trafi na obszar menu, okrągły ogon powiększa się i umieszcza element w centrum uwagi. Tutaj rozwiązanie czuje się jak w domu.

Agencja Everest

Drzewo mediów

Media Tree może pochwalić się naprawdę czystą i skromną estetyką. Strona docelowa jest świeża, rześka i niesamowicie przewiewna. Wypełnione średniej wielkości czerwone kółko, które pełni rolę kursora myszy, jest tutaj naturalnie skupione. Wpływa nie tylko na elementy nawigacyjne strony, ale także na treść. Co więcej, jest nawet dostarczany z drobnymi podpowiedziami, które pokazują użytkownikom, co muszą zrobić, aby zobaczyć więcej. W tak minimalistycznym środowisku, te żartobliwie wymyślone wyjaśnienia są właśnie tym, co zalecił lekarz.

Drzewo mediów

Szczęśliwy online

Happy Online czerpie swoje piękno z geometrycznego uroku. Całość wzbogaca wiązka kolorowych, stosunkowo dużych trójkątów. Jest wiele pudełek i pasków. Tutaj kursor z okrągłym śladem idealnie się wkomponowuje. Każdy link zyskuje dodatkową dawkę uwagi po najechaniu kursorem. Prosty, elegancki i pomocny.

Szczęśliwy online

Uptec

Podobnie jak w poprzednim przykładzie, użycie okrągłego kursora z dodatkową funkcjonalnością jest całkowicie logiczne dla Uptec. Zwróć uwagę na ogromne puste koła, które są rozrzucone po całym obszarze bohatera. Oszczędzają część powitalną przed nudą.

Są też pionowe linie i pusta typografia. Tutaj okrągły kursor dobrze pasuje do otoczenia. Zespół dodał również efekt pulsowania, aby wyglądał jak małe urządzenie śledzące, które można szybko znaleźć, kiedy tylko zajdzie taka potrzeba. Gdy najedzie kursorem na logo, linki, przełączniki językowe i obrazy, zmienia swój rozmiar, przezroczystość i zachowanie – wskazując, że w środku kryje się coś ciekawego.

Uptec

De Jongens van Boven

O ile w poprzednich przykładach trend wydaje się przyjemnym bonusem, w przypadku De Jongens van Boven jest to konieczność. Witryna ma wizualnie ciężki obszar bohatera z wieloma warstwami, geometrycznymi detalami i efektami dekoracyjnymi. Tak więc żywy wskaźnik o stosunkowo dużym rozmiarze, który można łatwo śledzić, jest koniecznością.

Tutaj możesz zobaczyć kursor myszy, który jest kombinacją dwóch kół. Pierwsza jest mała i solidna, a druga duża i półprzezroczysta. Podkreśla elementy nawigacyjne, zmieniając ich rozmiar. Zmienia również kolor w zależności od zamka, wzmacniając spójność wzoru.

De Jongens van Boven

Wewo

Podobnie jak w poprzednim przykładzie, Wewo ma również złożony obszar bohatera. Chociaż nie ma dziwacznych animacji, dodatkowe warstwy są więcej niż wystarczające, aby śledzenie twojego ruchu było nieco trudne. Tak więc rozwiązanie idealnie pasuje.

Zwróć uwagę na dwie rzeczy: po pierwsze, zespół używa różnych rozmiarów kursora, aby wskazać najważniejsze obszary. A po drugie, efekt podczerwieni, który wzbogaca interakcję i sprawia, że ​​jest zabawna.

Wewo

Dominik Berzins

Jeśli czujesz, że małe kółko nie zrobi żadnej różnicy w Twojej witrynie, zawsze możesz postawić na ekstremalne środki, powiększając je setki razy i zmuszając do pozostawienia przyciągającego uwagę śladu. Dominic Berzins pokazuje to w swoim wybitnym osobistym portfolio.

Estetykę jego strony cechuje minimalizm i na pewno nie potrzebujesz dodatkowej pomocy przy podkreśleniu ważnych szczegółów. Mimo to artysta postanowił sprawić, by kursor przyciągał wzrok.

Niektórzy mogą uznać to za przesadę. Jednak nie tylko pasuje tutaj jak ulał, przyczyniając się do ogólnego motywu, ale służy również jako czynnik „wow”. To nie znaczy nic o dosłownym rysowaniu toru ruchu. Mądry.

Dominik Berzins

Większe i odważniejsze

Ten trend jest zarówno ekscytujący, jak i obiecujący. Jego kluczową cechą jest to, że jest praktyczny, a jednocześnie rozrywkowy. I z pewnością korzystnie wpływa na wrażenia użytkownika.

Nie mogę powiedzieć, że kursor myszy jest rzeczą niezastąpioną, ponieważ ostatnie badania pokazują, że coraz więcej osób przegląda internet za pomocą telefonów komórkowych i tabletów. Jednak bez względu na wszystko, znajdzie się kategoria osób, które wolą oldschoolowy komputer PC lub notebook. Dlatego zawsze będzie miał swoje miejsce pod słońcem.

Powiedz nam, co myślisz o używaniu dużych kursorów? Czy uważasz to za zabawne? Pomocny? Czy po prostu bezużyteczny?