Hover jest używany na stronach od lat jako sposób na dostarczenie krótkiego fragmentu informacji dla odwiedzających bez uruchamiania akcji. Ponieważ smartfony i tablety stopniowo przejmują Internet, musimy poświęcić im większą uwagę podczas projektowania strony internetowej. Ponieważ ekrany dotykowe nie radzą sobie z najechaniem myszą, musimy przyjrzeć się alternatywom dla efektów po najechaniu myszą. Jeśli tworzysz własną stronę internetową lub nie masz zasobów, aby zatrudnić profesjonalnego projektanta stron internetowych, ten samouczek jest dla Ciebie.
Możesz zarządzać efektami najechania za pomocą ekranów dotykowych, ale może to być trochę niezręczne. Lepiej jest zaprojektować je całkowicie i całkowicie wykorzystać. Jeśli używasz ich w witrynie na komputery, zazwyczaj masz trzy alternatywy dla efektów najechania kursorem w witrynach mobilnych:
- Usuń je całkowicie i zastąp je czynnością podstawową.
- Dodaj drugie menu, w którym możesz albo stuknąć raz, aby uzyskać efekt najechania kursorem, a jeszcze raz, aby przejść do akcji podstawowej.
- Umieść informacje o najechaniu myszą na własnej stronie.
Wszystko będzie działać dobrze na ekranach dotykowych i komputerach stacjonarnych, ale będzie wymagało pewnych poprawek projektowych w celu wdrożenia w istniejącym projekcie. Możesz go obejść za pomocą JavaScript lub sprytnego kodu jQuery, jeśli masz umiejętności, ale jeśli próbujesz to wszystko wymyślić samodzielnie, lepiej będzie, jeśli użyjesz alternatyw projektowych niż kodu. Jeśli chcesz poznać alternatywne kody dla efektów aktywowania, odwiedź tę stronę.
Usuń efekty aktywowania z projektu
O ile nie możesz zatrudnić niezależnego projektanta stron internetowych, który mógłby ci pomóc, możesz lepiej usunąć efekty aktywowania. Jasne, że wyglądają schludnie i mogą oferować przydatne informacje uzupełniające, ale zawsze istnieją inne sposoby osiągnięcia tego samego efektu.
Możesz zachować akcję menu jako akcję podstawową i dołączyć dodatkowe informacje w innym miejscu strony. Możesz użyć pól podziału, wyskakujących okienek, zwiększyć zawartość deskryptora dla punktu, który próbujesz stworzyć lub coś innego. Jeśli nie masz umiejętności implementowania jQuery, jest to prawdopodobnie najprostsza opcja.
Dodaj drugie menu
Drugie menu zawiera pierwsze dotknięcie, które symulowałoby efekt najechania kursorem. Możesz uwzględnić informacje w menu i wyświetlić drugie menu w tym samym elemencie. To drugie menu działa tak jak wybór na pulpicie. Pierwsze naciśnięcie symuluje najechanie myszą, a drugie naciśnięcie symuluje użytkownika podejmującego podstawowe działanie.
Jest to fajna alternatywa dla efektów najechania kursorem, ale jest ograniczona rozmiarem ekranu i ogranicza ilość informacji, które możesz dodać do swojego efektu. Efekty najechania są ograniczone ze względu na ich naturę, ale są bardziej ograniczone na urządzeniach mobilnych przez ekran nieruchomości, z którą masz do czynienia. Jeśli naprawdę chcesz dołączyć dane uzupełniające w niestandardowy sposób, może to być właśnie to.
Umieść informacje o najechaniu myszą na własnej stronie
Być może łatwiejszą opcją byłoby umieszczenie informacji o najechaniu kursorem na własnej stronie z linkiem tekstowym. Upraszcza to menu i ułatwia nawigację. Hiperłącze działa na różnych urządzeniach, a Ty zyskujesz dodatkową stronę dla rozmiaru strony i SEO. Minusem jest to, że musisz zwiększyć zawartość uzupełniającą o co najmniej 300 słów, aby działała.
Tak długo, jak można wystarczająco ostrożnie uzupełnić informacje, aby dobrze się odczytywały i stanowiły wartość dodaną dla czytelnika, osobiście uważam, że jest to najlepsza alternatywa. Decyzja o tym, gdzie umieścić te linki do danych uzupełniających, zależy od twojego projektu, ale dodatkowe strony dają dodatkową możliwość dodawania wezwań do działania, dodawania numeru telefonu, adresu e-mail i wszelkich dodatkowych informacji, które mogłyby zostać wykorzystane zrobić sprzedaż.
Pozostając przy najechaniu
Jeśli chcesz zastosować jakiś efekt najechania kursorem na swoją główną stronę, musisz wprowadzić ją do swojej witryny mobilnej lub przynajmniej wersji mobilnej. Istnieją alternatywne menu przełączania lub rozwiązania JavaScript, ale ich wdrożenie wymaga specjalisty. Ta strona omawia twoje alternatywy, jeśli chcesz je dalej odkrywać.
Jedną z najłatwiejszych pułapek, w które możesz wpaść, gdy zaczynasz na własną rękę lub budujesz swoją pierwszą stronę internetową, jest projektowanie dla siebie, a nie dla odbiorców. Z pewnością musisz zaprojektować coś, co lubisz, ale biorąc pod uwagę użyteczność, musisz priorytetowo potraktować odbiorców. Musisz także wziąć pod uwagę urządzenia, z których będą korzystać, oraz sposób, w jaki najprawdopodobniej będą najlepiej współpracować z Twoją witryną.
Jeśli Twoi odbiorcy są młodzi, będą korzystać z urządzeń mobilnych. Jeśli korzystają z urządzeń mobilnych, efekty najechania kursorem i inne opcje projektowania, takie jak ta, nie są najlepszą opcją.
