Tylko jedna strona internetowa 3 powody, dla których może zadziałać dla Twojego pomysłu

Jedną z rzeczy, które uwielbiam w Internecie jest to, jak nieustannie istnieje w stanie ewolucji, przyjmując nowe pomysły i odrzucając te, które przestały działać.

Weźmy na przykład Flash. Od połowy lat 90. do połowy XXI wieku było to dominujące narzędzie używane do dodawania interaktywności i polepszania stron internetowych. Niezliczone luki w zabezpieczeniach Wtyczki do przeglądarek - jeden z największych problemów bezpieczeństwa w Internecie dzisiaj [Opinia] Wtyczki do przeglądarek - jeden z największych problemów bezpieczeństwa w Internecie dzisiaj [opinia] Przeglądarki internetowe stały się znacznie bezpieczniejsze i bardziej odporne na ataki na przestrzeni lat. Dużym problemem bezpieczeństwa przeglądarki są obecnie wtyczki do przeglądarek. Nie mam na myśli rozszerzeń, które instalujesz w przeglądarce… i masowej adaptacji urządzeń mobilnych z ekranem dotykowym później, Flash zniknął bez znaczenia, zmniejszając się zarówno na pulpicie, jak i nie będąc graczem w dziedzinie mobilnej Adobe Stops Development Flash Plugin na urządzenia mobilne [News] Adobe przestaje opracowywać Flash Plugin na urządzenia mobilne [News] W zaskakującym posunięciu (lub nie tak zaskakującym) Adobe zaprzestaje opracowywania wtyczek Flash do przeglądarek mobilnych. Zgodnie z oficjalnym ogłoszeniem Adobe, teraz skoncentrują się na HTML5, ponieważ… .

Inną koncepcją, która jest mocno kwestionowana przez pojawienie się urządzenia z ekranem dotykowym, jest tradycyjne menu i projektowanie stron oparte na wielu stronach. Biorąc pod uwagę, że znaczna część przeglądania Internetu odbywa się na ekranach o coraz mniejszych rozmiarach, nie działa to tak dobrze, jak kiedyś.

Wprowadź układ pojedynczej strony

Układ pojedynczej strony to taki, w którym unika się posiadania wielu stron, z których każda zawiera fragment tekstu lub niektóre media. Zamiast tego używamy jednej ciągłej strony, która zawiera absolutnie wszystko.

Ten paradygmat projektowy znalazł niezliczoną liczbę fanów w społeczności programistów internetowych i znalazł zastosowanie w różnych ustawieniach, w tym na stronach marketingowych i osobistych portfelach. Tworzenie własnej strony internetowej: Twoja kariera będzie Ci wdzięczna Później Tworzenie własnej witryny internetowej: Twoja kariera będzie wdzięczna You Later Osobista strona internetowa jest prawdopodobnie jednym z największych aspektów Twojej obecności w Internecie. Oczywiście inne obszary, takie jak sieci społecznościowe i blogi, są ważne, ale Twoja witryna jest jak baza domowa -…. To uwielbienie spowodowało pojawienie się niezliczonych bibliotek JavaScript, które ułatwiają tworzenie stron internetowych z jedną stroną (z których moją ulubioną jest fullPage.js). Ale dlaczego? Co sprawia, że ​​ten paradygmat działa? Oto trzy powody.

Możesz stworzyć narrację

Nie mylcie się. Historie są wszystkim. Weźmy na przykład oficjalną stronę Apple dla iPhone'a 5s. Wykorzystuje to w pełni paradygmat pojedynczej strony i pokazuje, jak stworzyć wciągającą historię za pomocą tego paradygmatu projektowania.

Kiedy po raz pierwszy przeglądamy oficjalną stronę iPhone'a 5s, najpierw dowiadujemy się, że iPhone 5s to „Forward Thinking”. Podczas przewijania w dół dowiadujemy się, że najnowsze urządzenie Apple na Instagramie zostało starannie przemyślane i precyzyjnie wykonane. W miarę przewijania w dół pojawia się więcej informacji na temat projektowania i rozwoju telefonu, malując obraz czujności i jakości wykonania. W końcu strona osiąga punkt kulminacyjny i widzimy wezwanie do działania, w którym dowiemy się, jak możemy kupić to cudowne urządzenie. Czy bylibyśmy w stanie stworzyć tę samą płynną, linearną narrację, gdybyśmy używali oddzielnych, indywidualnych stron internetowych? Może nie.

Być może mój ulubiony przykład tego, jak układ pojedynczej strony można wykorzystać do opowiadania opowieści, znajduje się na stronie jessandruss.us. Ta strona została stworzona, aby zaprosić swoich przyjaciół i rodzinę na ślub. Wykorzystuje przewijanie paralaksy i wszelkiego rodzaju sztuczki javascript, aby opowiedzieć swoją historię o tym, jak się poznali i zakochali. To absurdalnie urocze i całkowicie powinieneś rzucić okiem.

Ulepszy twoją kopię (a Twoi czytelnicy pokochają ją)

Ostatnio konsultowałem się w zakresie projektowania stron internetowych. Klient, z którym współpracowałem, chciał stworzyć stronę internetową dla ich małej firmy. Wysłał mi pocztą elektroniczną plik ZIP o wielkości 365 MB, który zawierał ogromną pamięć podręczną zdjęć i kopii. Nie mówię tylko o informacjach, które były bezpośrednio związane z biznesem, ale biografię na temat każdego członka personelu. Wiadomości Firmowe. Po prostu… Fluff.

Moją natychmiastową reakcją było „jego klienci nie dbają o to„! Byłem również zaniepokojony tym, jak wpłynie to na układ i przebieg jego strony internetowej, która używała projektu jednej strony. Po krótkich negocjacjach zgodził się i pozwolił mi wziąć ostry nóż do swojej kopii, z której czerpałem przyjemność z egzorucji całego obcego tłuszczy.

W rezultacie jego strona internetowa zawierała tylko informacje, które klient uznałby za przydatne, i nic więcej. Wybór projektu jednej strony zmusił nas do napisania kopii, która była niewiarygodnie zwięzła, a przez to fenomenalnie czytelna.

Działa dobrze na urządzeniach mobilnych

Czas spowiedzi: Mam tłuste palce.

Poważnie. Czasami bardziej przypominają wiedeńskie kiełbaski niż rzeczywiste ludzkie przydatki. W rezultacie przeglądanie Internetu na skromnym ekranie urządzenia mobilnego często wpędza mnie w burzliwą furię, ponieważ często klikam linki, których nie chciałem przypadkowo.

Ten gniew jest spotęgowany, gdy napotykam większość pasków nawigacji w witrynie, które po prostu nie działają na urządzeniach mobilnych. Niektóre po prostu nie są zoptymalizowane dla mniejszych ekranów. Być może najgorszym sprawcą nawigacji jest miejsce, w którym istnieją menu ukryte w menu, i można do nich dotrzeć tylko po najechaniu myszką na obszar strony. Jak możesz sobie wyobrazić, nie działa to na urządzeniach z ekranem dotykowym.

Krótko mówiąc, stare paradygmaty nawigacji na stronie nie działają już tak dobrze, jak kiedyś. Zaletą projektowania pojedynczych stron jest to, że ogranicza nawigację do jednego z dwóch kierunków - w górę lub w dół. Na większości urządzeń mobilnych można to wyrazić jednym naciśnięciem palca w dowolnym kierunku, co powoduje, że nawigacja jest niezwykle intuicyjna.

Wniosek

Bardzo lubię witryny z jedną stroną. Jako naturalny gawędziarz uwielbiam to, jak ułatwiają tworzenie wciągających narracji, które natychmiast przyciągają uwagę czytelnika. Jeśli szukasz inspiracji, sprawdź One Page Love, czyli kompleksowe kompendium stron internetowych wykorzystujących ten urzekający paradygmat.

Czy twoja następna strona będzie stroną pojedynczą??

Zdjęcie kredytowe: Code (Nigel Pepper)