Najlepsze praktyki dla projektantów stron internetowych Responsive Layouts lub Native Apps? [Op-Ed]

Nie da się ukryć, że mobilność to przyszłość. Dzięki Google potwierdzając, że więcej wyszukiwań odbywa się na urządzeniach mobilnych niż na komputerach, jest oczywiste, że wszystkie witryny naprawdę powinny być mobilne, jeśli jeszcze tego nie zrobiły.

Istnieje jednak interesująca dychotomia między treściami w przeglądarce za pośrednictwem responsywnych układów i treści w aplikacji za pośrednictwem natywnych aplikacji.

Chciałbym zbadać oba obszary i sięgnąć do korzenia każdego wyboru. Kiedy witryna powinna działać z natywną aplikacją na responsywnym układzie? Czy strona może działać zarówno? Są to istotne pytania, które należy zadać przy każdym nowym projekcie twórczym już dziś.

Wartości macierzystej aplikacji

Większość użytkowników smartfonów korzysta z rodzimych aplikacji do swoich ulubionych programów. Facebook, Twitter, Instagram i inni uruchamiają własne natywne aplikacje.

Ponieważ aplikacje natywne działają w lokalnym systemie operacyjnym, są bardzo dużo gładsza i łatwiejsza w obsłudze w odniesieniu do animacji, projektowania interfejsu użytkownika i organizacji treści. Natywne aplikacje są zgodne z wytycznymi interfejsu użytkownika, dzięki czemu wszystkie są spójne i naturalnie założone. Użytkownicy często z natury wiedzą, jak korzystać z przesuwanych menu i pasków kart.

Wielu dużych wydawców ma aplikacje w sklepie iOS i sklepie Google Play, które obejmują blogi, aplikacje internetowe i sieci społecznościowe. Ale można powiedzieć duże witryny jak Facebook i Twitter uzyskaj więcej korzyści z rodzimych aplikacji niż mniejsze witryny.

Ta debata ma opinie ekspertów i najważniejsze publikacje, które przedstawiają ich punkt widzenia. Jest to gorący temat dyskusji zarówno dla projektantów, jak i agencji kreatywnych.

Ale faktem jest, że aplikacje natywne są zarówno użyteczne, jak i doceniane przez użytkowników końcowych. Jedyną zmienną jest decydowanie, czy Twoja witryna może działać lepiej jako aplikacja mobilna, lub jeśli użytkownicy nawet tego chcą.

W pełni responsywne strony internetowe: plusy i minusy

W ogólnym kontekście projektowanie stron internetowych z odpowiedzią jest zawsze dobrą rzeczą. Projektanci stron internetowych niczego nie tracą, dzięki czemu ich układy są w pełni responsywne i podatne na każdy ekran.

Ale w kontekście rodzimych aplikacji istnieją pewne względy. po pierwsze responsywne strony internetowe są ograniczone do silnika renderującego przeglądarki. W smartfonach oznacza to ograniczoną animację, brak Flasha i poleganie na silniku renderującym przeglądarki.

Rodzime aplikacje mogą korzystać z podstawowych funkcji smartfona lub tabletu. Biblioteki animacji są znacznie bardziej wydajne natywnie niż CSS lub JS renderowane w przeglądarce.

To samo dotyczy elementów wejściowych w formularzach, wraz z transmisja danych i obawy dotyczące bezpieczeństwa. Wiele osób woli korzystać z aplikacji Pinterest na stronie Pinteresta. To samo dotyczy Flipboard, Dropbox, Feedly, Gmail lub dowolnej innej dużej usługi internetowej.

Ale czy te strony powinny być nie oferują responsywny układ? Istnieją trzy możliwości:

1. Zmusić mobilnych użytkowników sieci do pobierania natywnej aplikacji
2. Zaoferuj układ sieci mobilnej z opcjonalnym linkiem do natywnej aplikacji
3. Wystarczy uruchomić układ sieci mobilnej oddzielnie od aplikacji natywnej

Flipboard idzie w parze z drugą opcją, umieszczając baner na górze każdej strony. Możesz założyć konto Flipboard bezpośrednio w przeglądarce Mobile Safari. Jednak korzystanie z aplikacji jest o wiele łatwiejsze, szybsze i bardziej intuicyjne.

Witryna informacyjna ZDNet nawet nie wspomina o swojej aplikacji mobilnej podczas wizyty na Mobile Safari. Działa jak typowy responsywny układ z opowiadaniami i polecanymi postami.

Różnica leży w doświadczeniu użytkownika. Określ, co jest najlepsze dla użytkowników i wskaźnik, skąd pochodzi najwięcej ruchu.

Zapamietaj to aplikacje mobilne wymagają czasu na projektowanie i programowanie. Oni często wymagają więcej pracy niż budowanie strony internetowej. Jeśli chcesz mieć aplikację na swojej stronie, upewnij się, że jest ona uzupełnieniem Twojego responsywnego układu, aby zapewnić rzeczywistą wartość.

Desktop-First lub Mobile-First?

Kiedy projektujesz dla sieci, powinieneś zacząć od najszerszej szerokości lub najmniejszej szerokości? Jest to pytanie, które często zadawane jest przez freelancerów i duże agencje kreatywne.

Bardzo popularną opinią jest mobilne pierwsze podejście, które zostało spopularyzowane przez książkę Łukasza Wróblewskiego. Ta metoda uwzględnia progresywne ulepszanie który zaczyna się od podstaw i zwiększa funkcjonalność dla środowisk, które mogą sobie z tym poradzić.

Alternatywnie inni projektanci skłaniają się ku podejściu opartemu na komputerze stacjonarnym, które się oscyluje “najpierw mobilny” do “mobilny też”.

Strategia ta polega na zaplanowaniu wszystkich funkcji, które chcesz mieć na pełnowymiarowym monitorze stacjonarnym. Następnie z tego pomysłu stopniowo skalujesz funkcje, definiujesz punkty przerwania i ostatecznie docierasz do najmniejszego układu dla smartfonów.

Czy jest tutaj odpowiednia odpowiedź? Jeśli responsywne układy zaczynają się od najmniejszych ekranów lub są mobilne, to przestarzała koncepcja?

Jedynym minusem wyboru jednego nad drugim jest potencjalnie brakujące funkcje. Zaczynając od telefonu komórkowego możesz pomiń funkcje lub zapomnij dodać je w większych rozdzielczościach. Począwszy od pulpitu możesz zaprojektować układy czuć się zbyt tłoczno na telefonie komórkowym.

Jednak żaden z nich nie ma racji ani nie ma racji. Wybierz, który przepływ pracy najbardziej Ci odpowiada. Tylko nie bój się wprowadzać większych zmian, jeśli uda im się ulepszyć projekt.

Najlepsze z obu światów

Budowa w pełni responsywnej strony internetowej działającej na dowolnym ekranie prawdopodobnie zaspokoi większość czytelników. Więc jeśli masz już responsywny układ, powinieneś nawet zadać sobie trud z aplikacją mobilną?

Jak stwierdzono w tym wspaniałym dziele Modo Labs, odpowiedź sprowadza się do doświadczenie użytkownika. Nie ma absolutnej ostatecznej odpowiedzi. Chodzi o to, która metoda oferuje najlepszą formę konsumpcji twój konkretny projekt na urządzeniu mobilnym. Czy Twoi użytkownicy chcieliby mieć aplikację mobilną? Albo czy strona jest więcej niż wystarczająca?

TechCrunch, blog o nowościach technologicznych, ma responsywny układ i bezpłatną aplikację mobilną, nie bez powodu. Ich strona zawierała niedawno historię potwierdzającą, że ludzie w USA spędzają więcej czasu w aplikacjach niż oglądając telewizję.

Ale co, jeśli ktoś łączy się z TechCrunchem na Twitterze? Jeśli ktoś kliknie ten link na swoim iPhone'ie, otworzy Mobile Safari, ponieważ jest to łącze HTTP. W tym miejscu przydatny jest responsywny układ, ponieważ nie każdy chce twojej aplikacji.

Oczywiście niektórzy użytkownicy nadal chcą odwiedzać Twoją witrynę i mogą preferować odwiedziny bez konieczności pobierania aplikacji za darmo lub w inny sposób.

Praca nad podstawą projektu

Najlepszą odpowiedzią na debatę responsywną vs natywną jest ocenić każdy projekt i decyduj, co jest najlepsze w poszczególnych przypadkach.

Z mojego doświadczenia twierdziłbym, że sieci społecznościowe i interaktywne strony internetowe najbardziej korzystają z aplikacji natywnych. Zarówno Android, jak i iOS mają duże ramy do budowania aplikacji, które mogą łączyć się z interfejsami API, wysyłać zapytania do baz danych i działać sprawniej niż strona internetowa.

A natywne interfejsy aplikacji są renderowane jak oprogramowanie, więc nie musisz się martwić o właściwości CSS lub ograniczenia przeglądarki. To jest ogromne dla platform, które potrzebują użytkowników do logowania się i wykonywania szczegółowych interakcji.

Ale ogólne witryny biznesowe, takie jak te z restauracji, zazwyczaj działają najlepiej z tylko responsywnymi układami - zwłaszcza biorąc pod uwagę ilość pracy wymaganej do zbudowania natywnej aplikacji.

Blogi i czasopisma cyfrowe są nieco szare. Natywne aplikacje działają dobrze dla niektórych, ale nie są potrzebne dla innych. Zwykle zależy od twojego wielkość rynku i publiczność (tj. ludzie z wiedzą techniczną).

Podczas uruchamiania nowej publikacji internetowej jest wiele do rozważenia. Jeśli dopiero zaczynasz, polecam najpierw zbudowanie strony internetowej. Stąd łatwiej będzie stwierdzić, czy natywna aplikacja byłaby warta wysiłku.

Zawijanie

Powinno to iść bez mówienia tego każdy nowoczesna strona internetowa korzysta z możliwości reagowania. Niezależnie od tego, czy chcesz zbudować aplikację natywną, układ witryny powinien być responsywny i podatny na dowolny rozmiar ekranu. Nie ma wad i zapewnia stabilną stronę docelową dla użytkowników mobilnych, którzy stale się rozwijają.

Niektóre witryny mogą oferować łącze do pobierania aplikacji dla użytkowników mobilnych. Mogą być one produktywne i przydatne do marketingu platformy mobilnej witryny. Ale czasami warto to zaoferować jako alternatywa, a nie mandat.

Zbierz opinie użytkowników, jeśli to możliwe, i oceń opinie na temat aplikacji mobilnej. Spróbuj dowiedzieć się, co twoi użytkownicy faktycznie myślą o natywnej aplikacji mobilnej, i oprzyj swoje decyzje na dalszych badaniach.