Nie wystarczy już tylko upewnić się, że treść internetowa pasuje do małego ekranu. Google wzmocnił ten precedens przez aktualizacja swojego algorytmu podkreślić znaczenie starannie zaplanowanych i dobrze wykonanych responsywnych projektów na telefonach komórkowych.
Ma to sens: Twoi widzowie nie potrzebują wszystkich funkcji komputera na urządzeniu mobilnym. W rzeczywistości mogą chcieć usunąć niektóre treści i funkcje, gdy znajdują się na mniejszym ekranie. Przecież nikt nie chce przeglądać stron treści tylko po to, żeby znaleźć numer telefonu twojej firmy. To brakujący element konstrukcyjny w wielu firmowych projektach internetowych: prawdziwa adaptacja.
Wystarczy zablokować witrynę w wersji, która pasuje do urządzenia mobilnego, nie wystarczy. Musisz dokładnie przyjrzeć się pełnemu doświadczeniu użytkownika i temu, jak należy go zmienić, aby dostosować się do różnych środowisk, w których jest oglądany.
57% użytkowników urządzeń mobilnych nie polecają firmom, które mają kiepskie witryny mobilne, i 48% twierdzi że firmy, które mają witryny mobilne, które nie działają prawidłowo, wyglądają na nieprzydatne.
Istnieje kilka obszarów problemowych, z którymi większość firm napotyka na swoich responsywnych stronach internetowych:
Przeszłe procesy projektowania nakazują, aby klient zatwierdzał statyczne obrazy i zrzuty ekranu przed fazą rozwoju. Dziś projektowanie jest bardziej skoncentrowane na przegrupowanie elementów dla różnych wymiarów urządzenia i znacznie mniej skoncentrowany na umieszczaniu statycznych obrazów.
Wyświetlanie danych na małym ekranie często utrudnia oglądanie lub czytanie treści, zwłaszcza tabel z informacjami. The W3C w rzeczywistości zachęca marki do wyboru innej metody niż tabele i tabele do prezentacji danych; skomplikowane interfejsy użytkownika zawierają po prostu zbyt wiele informacji do obsługi urządzeń mobilnych.
Przede wszystkim problem z responsywnym projektowaniem to po prostu kwestia perspektyw klientów w porównaniu z perspektywami firm. Niestety, większość firm często zadaje sobie pytanie, co chcą powiedzieć swoim klientom, a nie w jaki sposób ich klienci chcą przeglądać i interakcje z tymi informacjami.
Na przykład, chociaż obiegi pracy związane z rejestracją są na ogół najważniejszym aspektem projektowania stron internetowych, często mają niski priorytet. Dzieje się tak, ponieważ firmy zastanawiają się nad funkcjonalnością, jakiej oczekują klienci, niż logicznym punktem wejścia i podstawowym przepływem pracy, którego oczekują klienci.
Prosty w obsłudze, responsywny projekt nie jest najlepszym rozwiązaniem zapewniającym użytkownikom to, czego potrzebują od strony internetowej; nadal pozostawia wiele do życzenia.
Jeśli chodzi o projektowanie stron internetowych, kluczowe marki konwersacji muszą sprowadzać się do koncepcji responsywnych a adaptacyjnych stron internetowych.
Podejście elastyczne przyjmuje bieżącą witrynę i dopasowuje ją do różnych rozmiarów ekranu, podczas gdy podejście adaptacyjne zmienia zawartość i sposób działania w zależności od rozmiaru ekranu.
Responsywne projektowanie stron internetowych zakłada, że treść i funkcjonalność powinny być takie same na wszystkich urządzeniach - ale niekoniecznie jest to prawda
Ogólnie rzecz biorąc, opowiadam się za bardziej adaptacyjną metodą projektowania stron internetowych, w przeciwieństwie do prostego układania treści z jednego ważnego powodu: Responsive web design zakłada, że zawartość i funkcjonalność powinny być takie same na wszystkich urządzeniach - ale to niekoniecznie jest prawdą. Kluczem jest dopasowanie charakteru treści do przypadku użycia i kontekstu, w jakim użytkownicy patrzą na twoją stronę.
Załóżmy na przykład, że projektujesz responsywną witrynę dla marki w branży towarów konsumpcyjnych lub upominków dla konsumentów. Strony z promocjami i ofertami dla tego typu witryn generalnie uzyskują największy ruch internetowy. Ludzie rzadko patrzą na szczegóły produktu, ale kiedy to robią, świetnym sposobem na podkreślenie tych szczegółów jest pokazanie, w jaki sposób porównują je z innymi przedmiotami. Mając to na uwadze, należy umieścić wizualizację produktu i treści edukacyjne na stronach produktów, aby pomóc konsumentom zrozumieć, jak korzystać z produktu.
W branży towarów konsumpcyjnych pakowanych chcesz poznać swoich klientów i określić, czy są to sklepy przed zakupem, w sklepie czy w sklepie. Musisz stworzyć inne doświadczenie w zależności od tego, gdzie klient jest na ścieżce do zakupu.
Oto krótki podział każdej ścieżki:
Wiedząc, gdzie klienci są na ścieżce zakupu, możesz zaprojektować witrynę w sposób odpowiadający tym potrzebom i nie tylko.
Adaptacyjna konstrukcja umożliwia klientowi indywidualne dostosowanie ... oparte na urządzeniu, z którego korzysta
Przede wszystkim musisz postawić się w roli klienta. Na przykład robię zakupy w Trader Joe's co tydzień. Byłoby miło, gdybym mógł z góry zaplanować posiłki z mojego laptopa i podłączyć ten plan do moich zakupów. Innymi słowy, mógłbym powiedzieć stronie, co chciałbym zrobić na śniadanie, lunch lub kolację. Witryna powie mi wtedy wszystkie produkty, których potrzebuję do zrobienia tych posiłków i utworzę dla mnie zmapowaną listę, więc wiedziałbym, które nawy trafić, kiedy dotarłem do sklepu. Wszystko, co musiałbym zrobić, to wyciągnąć mój telefon.
Adaptacyjna konstrukcja umożliwia klientowi dostosowanie się do indywidualnych potrzeb, na przykład na podstawie urządzenia, z którego korzysta.
Zoptymalizuj doświadczenie klienta, dostosowując projekt i informacje do urządzenia. Na przykład, jeśli Twój klient szuka Cię na smartfonie, spraw, by Twój numer telefonu był wyraźny i interaktywny, aby mógł z łatwością dzwonić. Czy konsument jest na laptopie? Być może ważniejsze jest wcześniejsze przedstawienie informacji o produkcie. Sprawdź, jakie są Twoje potrzeby klienta w oparciu o używane urządzenie i zapewnij to.
Musisz spojrzeć na swoją witrynę z perspektywy użytkowników - bez względu na to, na którym urządzeniu jej używasz. Jeśli Twoi klienci wyciągają telefony w celu wyszukania firmy, lepiej przygotuj się, aby pomóc im znaleźć to, czego potrzebują, korzystając z najlepszego możliwego wyglądu i funkcjonalności. Jeśli nie sprawisz, że będzie to proste i bezproblemowe, po prostu zabiorą swoją firmę gdzieś indziej.