Potrzeba uwzględnienia znaczenia responsywnego projektowania stron internetowych już dawno minęła. Teraz nadszedł czas, aby skupić się na tym, jak stworzyć najbardziej responsywny projekt.

Wszyscy o tym mówią, ale niestety nie wszyscy wiedzą, o czym mówią. Zbyt często natkniesz się w Internecie na informacje, które podważają twoją wiedzę na temat projektowania responsywnego.

Czasami smakołyk będzie niezwykle konstruktywny i pomoże obrócić strategie projektowania stron internetowych we właściwym kierunku. Innym razem będziesz zdezorientowany lub pójdziesz w zupełnie przeciwnym kierunku. Kiedy tak się dzieje, nie ma potrzeby szukać winy. Dziedzina responsywnego projektowania jest wciąż dość nowa, a wszystkie załamania wciąż są opracowywane.

Poza tym tworzenie plotek i mitów jest częścią ludzkiej natury. Jednak, jak słynie z powiedzenia Barbary Streisand: „Mity to strata czasu. Zapobiegają postępowi". O wiele lepiej jest szukać prawdy, niż dać się wciągnąć w mit. Aby to zrobić, ważne jest, aby rozpoznać niektóre z największych nieporozumień towarzyszących responsywnemu projektowaniu stron internetowych i zdobyć niezbędne narzędzia za udaną zmianę.

1 Responsywny projekt = Optymalizacja pod kątem urządzeń mobilnych

Tak, to prawda, że niedawny rozwój urządzeń mobilnych jest powodem, dla którego wszyscy kładą nacisk na responsywne projektowanie stron internetowych i odgrywa ono dużą rolę w tej koncepcji. Ale nie tylko to ma znaczenie. Chodzi również w dużej mierze o rozważenie typów użytkowników i używanych przez nich urządzeń. Oprócz urządzeń mobilnych jest więcej urządzeń, które wymagają optymalizacji, takich jak tablety i ekrany telewizyjne. Prawdziwym celem responsywnego projektowania stron internetowych jest dopasowanie witryny do dowolnego ekranu lub monitora, w dowolnym stosunku lub skali, przy użyciu dowolnego rodzaju połączenia internetowego. Wykracza to daleko poza ekran telefonu komórkowego.

2 Testuj na jak największej liczbie urządzeń

W świecie projektowania większość projektantów nie testuje swojej witryny na więcej niż kilku urządzeniach i to samo dotyczy projektowania responsywnego. Niemożliwe byłoby przetestowanie na wszystkich urządzeniach. Istnieją setki marek i tysiące modeli, a zanim skończysz testować nawet dużą próbkę, technologia byłaby przestarzała i nadszedł czas, aby zacząć od nowa. Niewielki rozmiar próbki jest prawie zawsze wystarczający, aby określić wykonalność na wszystkich urządzeniach.

3 Typografia nie wymaga optymalizacji

Niestety, zbyt wielu projektantów w to wierzy. Skupiają się tak bardzo na urządzeniu i rozmiarze strony internetowej, że nie biorą pod uwagę zarówno rzeczywistego projektu, jak i użytkownika. Aby odnieść sukces, strona internetowa musi być czytelna, a zwracanie uwagi na typografię w responsywnym projekcie jest niezwykle ważne.

4 Pojedyncze doświadczenie adaptacyjne nie zadziała

Założenie, że ludzie chcą różnych interfejsów dla różnych urządzeń, często zaskakuje doświadczonego projektanta stron internetowych. Prowadzi to projektantów do przekonania, że potrzebują wielu strategii i dostosowań dostosowanych do każdego urządzenia. Jednak nie warto zawracać sobie głowy. Możesz łatwo stworzyć stronę internetową, która działa na wielu urządzeniach za pomocą tylko jednego szablonu.

5 Responsywny projekt i duże ładowanie stron powodują wolniejsze projekty

Łatwo obwiniać naturę bestii, ale w tym przypadku jest to po prostu niesprawiedliwe. Istnieje wiele małych witryn z dużą zawartością, które ładują się szybko i bez żadnych problemów, co wskazuje, że to nie projekt może być winny powolnego ładowania strony, ale projektant.

6 Responsywny projekt nie będzie działał w każdym przypadku użycia

Jest to bardzo mylące, ponieważ przypadki użycia są bardzo ważne dla funkcjonującego responsywnego projektu. Projektanci muszą wziąć pod uwagę każdy przypadek użycia, aby zidentyfikować, wyjaśnić i uporządkować wymagania systemowe dla wszystkich urządzeń. Twoi użytkownicy nie będą chcieli przebierać w sytuacjach, w których mogą uzyskać dostęp do Twojej witryny, więc chcesz, aby była ona dostępna w dowolnym momencie, a opanowanie przypadków użycia dla różnych urządzeń to najlepszy sposób, aby Iść.

7 Responsywny projekt nie działa w handlu detalicznym

Fałszywe. Chociaż może to wiązać się z trudniejszym interfejsem, responsywny projekt sprawdza się bardzo dobrze w przypadku firm detalicznych. W rzeczywistości staje się koniecznością. Badanie przeprowadzone przez Juniper Research pokazuje, że do 2018 roku 30 procent wszystkich transakcji e-commerce będzie odbywało się za pośrednictwem urządzeń mobilnych. Ponadto liczba klientów mobilnych wzrosła z 393 milionów do 580 milionów od początku 2014 roku do końca, co wskazuje, że nadszedł czas na responsywne projektowanie sklepów detalicznych.

8 Wdrożenie responsywnego projektu zajmuje więcej czasu

To prawda, że uruchomienie responsywnego projektu zajmie trochę więcej czasu, ale niewiele. W rzeczywistości może zaoszczędzić czas, gdy tworzy wspólną bazę kodu i bazę treści dla niezliczonej liczby urządzeń. Co więcej, coraz więcej firm hostingowych dodaje responsywne kodowanie projektu do swojego oryginalnego pakietu, co sprawia, że tworzenie obu witryn jednocześnie jest łatwiejsze i mniej czasochłonne.

9 Wszyscy zwracają się w stronę projektowania responsywnego

Nie wszyscy dostrzegają wartość responsywnego projektowania. Może to oznaczać przyciągnięcie jak największej liczby odbiorców online, ale niekoniecznie oznacza to, że każda firma potrzebuje responsywnego projektu, aby odnieść sukces. Warto jednak, aby każda firma brała pod uwagę stosunek kosztów do przychodów, nawet jeśli firma uzna, że tego nie potrzebuje.

10 Responsywny projekt powinien działać w każdej przeglądarce

Zmiany w sektorze responsywnym cały czas się poprawiają, ale to nie znaczy, że każdy projekt strony internetowej będzie działał w każdej przeglądarce mobilnej. Zwykle działa tylko w przeglądarkach stworzonych od początku responsywnego projektowania stron internetowych, takich jak Chrome, Firefox i Safari. Będziesz miał trudności z uzyskaniem odpowiedzi na starsze wersje Internet Explorera, co jest w porządku, ponieważ użytkownik wkrótce odkryje, że i tak musi zaktualizować swoją przeglądarkę.

11 Wdrożenie jest zbyt drogie

To prawda, że wdrożenie responsywnego projektu wymaga innego zestawu umiejętności, narzędzi i technologii, ale nie jest dużo droższe niż inne przedsięwzięcia związane z projektowaniem stron internetowych. W rzeczywistości wiele witryn hostingowych oferuje obniżoną stawkę, jeśli już kupiłeś u nich hosting.

12 Projektowanie responsywne i SEO mają ograniczone powiązania

SEO jest teraz silnie powiązane z projektowaniem responsywnym, dzięki aktualizacji algorytmu Google wydanej na początku tego roku, strony internetowe zostaną ukarane w swoich rankingach, jeśli nie będą zoptymalizowane pod kątem użytkowania mobilnego. Głównym celem Google jest zapewnienie swoim użytkownikom dokładnie tego, czego chcą, a główna wyszukiwarka nie wynagrodzi Cię wyższymi rankingami, jeśli Twoja witryna nie jest przyjazna dla użytkowników dla dużej grupy odbiorców mobilnych.

13 Przekształcenie istniejącej treści w responsywny projekt jest łatwe

Przeciwnie. Bezproblemowe przeniesienie zawartości z dużego ekranu na mały wymaga trochę wysiłku. Proces przejścia polega na rozpoznaniu najważniejszej treści, przycięciu nadmiaru i zmniejszeniu jej w celu dopasowania do mniejszych urządzeń. Przede wszystkim najlepiej jest podchodzić do wszystkich nowych treści z perspektywy „mobile first”, co znacznie ułatwi korzystanie z urządzeń na obu platformach.

14 „Najpierw mobilny” oznacza skupienie się bardziej na projekcie mobilnym niż na oryginalnej stronie internetowej

Jeśli myślisz o urządzeniach mobilnych, najpierw pomyślisz o użytkowniku, co przełoży się na lepsze wrażenia użytkownika zarówno w witrynie mobilnej, jak i oryginalnej. Koncepcja obejmuje dobrze przemyślany sposób oferowania użytkownikowi lepszych wrażeń, bez względu na to, w jaki sposób uzyskuje dostęp do treści.

15 punktów przerwania poszczególnych urządzeń powinno być priorytetem w projektowaniu responsywnym

Projektowanie responsywne nie polega na skalowaniu strony internetowej w celu dopasowania jej do określonego urządzenia. To po prostu robienie dla siebie więcej pracy, niż jest to konieczne. Jeśli chcesz stworzyć responsywną stronę internetową, musisz zaprojektować interfejs, który będzie działał na wielu urządzeniach, a nie tylko na jednym. Nie chodzi tylko o punkty przerwania poszczególnych urządzeń, ale o zbudowanie struktury, która będzie działać z dowolnym punktem przerwania.

16 uniwersalnie zoptymalizowanych obrazów będzie działać na wszystkich ekranach

Ponieważ próbujesz upchnąć obraz do mniejszego pojemnika, oczywiście będziesz potrzebować optymalizacji obrazu. Jednak uniwersalny obraz nie wystarczy, nawet jeśli ten obraz został już zoptymalizowany dla mniejszego urządzenia. Urządzenia są dostępne w różnych rozmiarach, a jeśli uniwersalnie zoptymalizowany obraz jest zbyt duży, strona się nie ładuje. Jeśli jest za mały, projekt będzie przekrzywiony. Ogólnie rzecz biorąc, można optymalizować obrazy w różnych rozmiarach, aby pasowały do różnych urządzeń.

17 Treść może zostać ukryta w responsywnym projekcie

Może to prawda, ale tylko wtedy, gdy projektanci stron internetowych nie mają pojęcia, co robią. Dla doświadczonego projektanta stron internetowych ten mit jest absurdalny. Celem responsywnego projektowania stron internetowych jest zapewnienie łatwo dostępnej treści. Ukrywanie treści jest przeciwieństwem tego pomysłu i nigdy nie jest czymś, co chciałbyś zrobić celowo. Jeśli skupisz się na dostępności, a nie na ukrytych treściach, nie powinieneś mieć problemu ze zbudowaniem responsywnego interfejsu.

18 Responsywne projektowanie stron internetowych to przyszłość

Być może ten mit wynika z faktu, że tylko 22 procent marketerów twierdzi, że ma fachową wiedzę na temat projektowania responsywnego, 29 procent twierdzi, że ma średnie zrozumienie, 23 procent twierdzi, że ma podstawową wiedzę, ale jest w tyle, a cztery procent twierdzi, że są beznadziejne, jeśli chodzi o responsywny projekt.

Ale rzeczywistość jest taka, że responsywne projektowanie stron internetowych jest teraz. Ludzie chcą bardziej responsywnych stron internetowych dzisiaj, a nie za pięć lat. Jedynym sposobem, aby wyprzedzić krzywą projektowania responsywnego, jest wdrożenie najlepszych praktyk już dziś i dążenie do jeszcze bardziej płynnej dostępności i integracji w przyszłości.

19 Responsywne projektowanie stron internetowych powinno być Twoim jedynym priorytetem

Ponownie, to jest błędne. Sukces w projektowaniu stron internetowych oznacza umiejętność noszenia kilku różnych kapeluszy i noszenie ich dobrze. Musisz nauczyć się równoważyć uaktualnienia oryginalnej witryny, bloga, witryn mobilnych i wszystkich innych aspektów związanych z projektowaniem stron internetowych.

Ponadto prawdziwym priorytetem zawsze powinno być doświadczenie użytkownika. Często nadanie telefonii komórkowej priorytetu to to samo, co stawianie użytkownika na pierwszym miejscu, ale nie zawsze. Jako projektant stron internetowych Twoim obowiązkiem jest znalezienie tej równowagi.

20 Responsywne projektowanie stron internetowych to doskonały model

Mam nadzieję, że nikt tak naprawdę nie wierzy w ten mit. Doświadczony projektant rozumie, że tak naprawdę nie ma idealnego modelu, zwłaszcza przy tak szybko rozwijającym się obiekcie. Zawsze będą dziwactwa, wolniejsze czasy ładowania i inne problemy, na które użytkownicy będą narzekać.

Jest to jednak najlepszy model, jaki mamy, jeśli chodzi o poprawę wrażeń użytkowników na wielu urządzeniach, a także najlepszy sposób na zwiększenie zaangażowania użytkowników w Twoją markę. Ponieważ dostęp do ponad 60 procent całej aktywności w Internecie odbywa się na urządzeniu mobilnym, jest to bardzo ważny model do rozważenia, nawet jeśli jest wadliwy.

Projektowanie responsywnych stron internetowych nie jest nauką ścisłą i trudno jest zrozumieć wszystkie tajniki tego, co decyduje o jego sukcesie. Jednak warto zbadać i opanować, aby poprawić ogólny sukces swojej firmy.

AffiAi