6 wskazówek, jak tworzyć lepsze strony internetowe z jedną stroną
Jednokartkowe strony internetowe są gorące i popularne - nie ma co do tego wątpliwości. Ale nie są one przeznaczone dla wszystkich lub każdej firmy. Łatwo go kupić, ponieważ jest popularny; a jeśli zrobisz to poprawnie, twoja może być hitem. Ale upewnij się, że najpierw kwalifikujesz się do projektu.
Dobry kandydat na jednostronicową stronę internetową nie jest zbytnio obciążony treścią. Masz tylko jedną stronę, aby uzyskać punkt przekreślony, a jest tylko tyle animacji i sztuczek, które możesz wrzucić, zanim staną się nieaktualne.
Co więcej, większość jednostronicowych stron internetowych ma niekonwencjonalny układ. Próba dopasowania dużej ilości treści do jednej strony bez zagracania się jest dość trudna.
Potencjalne zastosowania są różne, ale niektóre z najbardziej popularnych kandydatów na strony jednej strony to osobiste portfele i strony internetowe dla firm, które sprzedają tylko kilka produktów lub usług.
Jeśli się kwalifikujesz, upewnij się, że Twoja witryna trafia na znak. Zawsze są pewne rzeczy, na które musisz zwrócić uwagę podczas tworzenia dowolnej strony internetowej, ale poniższe punkty są szczególnie ważne w przypadku witryn z jedną stroną.
1. Bądź skupiony
Uczyń wszystko możliwie najprostszym dla publiczności. Szanse są, jeśli rozważasz jedną stronę strony, prawdopodobnie nie masz mnóstwo treści. W porządku. Czasami mamy ochotę dodać dużo fluffu do naszych stron internetowych. Jednokartkowe strony internetowe nie wymagają fluffingu, ponieważ ich jedynym celem jest dotarcie do celu. Jeśli jesteś projektantem tworząc portfolio, zaprezentuj swoją najlepszą pracę; nie rozpraszaj się przeciętnymi projektami lub swoją tandetną branżą.
Zdejmij swoją stronę z wszelkich kłaczków i przejdź do rzeczy, które są ważne. Chociaż jest to dobra strategia dla każdej witryny, większość witryn wielostronicowych może uciec z odrobiną problemów, ponieważ użytkownicy zazwyczaj wiedzą, gdzie znaleźć potrzebne informacje. Za pomocą jednego pagera dostajesz jeden strzał, a jeśli informacja, której szuka, nie ma, stracisz je.
Nie ma wątpliwości, co sprzedaje ta witryna e-commerce.
To portfolio trafia do sedna. Cudowny, minimalistyczny design.
2. Nadaj układowi hierarchię
Oprócz utrzymywania uwagi odwiedzających, strona internetowa powinna prezentować twój produkt lub usługę. Jeśli zastanawiasz się nad stronami, na które natknąłeś się na jedną stronę, prawdopodobnie mają one szczególny cel - zaprezentowanie pracy projektowej agencji lub wzbudzenie zainteresowania nadchodzącym wydarzeniem.
Świetny projekt i skoncentrowany układ mogą pomóc w zdefiniowaniu celu witryny. Ty, jako projektant, masz moc kierować wzrokiem odwiedzającego tam, gdzie chcesz, aby jechali. Ludzie na pierwszy rzut oka zauważają wielkie rzeczy, a małe rzeczy ostatnie, więc wykorzystaj to na swoją korzyść. Ważne rzeczy nie powinny być najmniejszymi lub ostatnimi rzeczami na stronie.
Te duże paragrafy wprowadzające stały się tak popularne w portfelach projektantów, ponieważ szybko osiągają punkt i brzmią atrakcyjnie dla osób poszukujących projektanta. Ostatnią rzeczą, którą pewnie chcesz zobaczyć, jest to, w której szkole się ukończyli. Ale chcesz wiedzieć, w czym się specjalizują i jaką pracę wykonują.
Ponownie, masz kilka cennych okazji, aby przekazać swoją wiadomość, więc rób to dobrze. Jeśli okaże się, że masz zbyt dużo treści, aby móc to zrobić, rozważ skorzystanie z witryny wielostronicowej.
Mimo że ta strona internetowa zawiera kilka różnych punktów, nawet w tym zrzucie ekranu, możemy prawie powiedzieć, co jest najważniejsze.
Możemy powiedzieć, co robi ta firma, ale wizualna hierarchia może być lepsza.
3. Wyczyść nawigację
Niektóre strony internetowe to strony statyczne, których nawigacja przenosi użytkownika do zewnętrznych stron internetowych. Na przykład muzyk może mieć opcję nawigacji na swojej stronie internetowej oznaczoną "Wideo", która przeniesie Cię na swoje konto YouTube. Absolutnie nic nie jest w tym nie tak, a nawet ułatwia to (szczególnie dla nie-programistów). Jedyną rzeczą jest to, że odwiedzający powinni wiedzieć, kiedy są przekierowywani na zewnętrzną stronę.
Jeśli twoja strona ma prezentować produkt, a Twój link do zakupów przesyła klientów do zewnętrznej platformy płatniczej, nie mówiąc o tym, możesz stracić część sprzedaży.
Twoim celem jest, aby wszystko było proste. Przekierowywanie użytkowników do zewnętrznych stron internetowych bez ostrzeżenia może być mylące. Mogą założyć, że link jest uszkodzony lub niepoprawny. Zastanów się nad użyciem ikon (wiele bezpłatnych jest dostępnych) lub nagłówków, aby poinformować odwiedzających, dokąd zmierzają.
Oto, czego nie robić. Linki na górze przenoszą Cię poza witrynę bez ostrzeżenia. To naprawdę mnie wyrzuciło.
Projekt i kodowanie tej strony internetowej są bardzo nietypowe. Niemniej jednak linki do stron zewnętrznych są oznaczone zielonymi okręgami i są oznaczone jako takie.
4. Wykonaj szalony projekt
Teraz doszliśmy do zabawy: skorzystaj z jednej strony, aby się pochwalić. Nie chcesz, żeby strona była nudna lub powtarzająca się, więc oszałam. Przenieś projekt na wyższy poziom i myśl poza nim. Nieortodoksyjny design jest dobry, aby zwrócić uwagę na Twój produkt i sprawić, że będzie on niezapomniany.
One-pagery stają się synonimem świetnego designu, ponieważ można zrobić więcej dzięki większemu płótnie. Nie jesteś zmuszony używać wszędzie tego samego tła; zmieniasz go w sekcjach. Przewijanie stron internetowych z jedną stroną często przypomina przeglądanie czasopisma lub dobrze przygotowanej prezentacji slajdów. Wykorzystaj możliwości.
Spraw, by projekt był świetny, bez względu na to, czy używasz dużych obrazów, które rozciągają się w pełnym oknie przeglądarki, czy tworzą świetne ilustrowane tło. Otrzymasz punkty bonusowe i może się okazać, że pojawią się w gablotach z projektowaniem stron internetowych.
Ten projekt zapiera dech w piersiach, przypomina plakat. A reszta strony nie zawiedzie.
Czystość tego projektu (i kodu) jest niesamowita. To sprawia, że przestajesz i gapisz się.
5. Idź kodowanie szalone
Podobnie jak w przypadku projektu, chcesz również pokazać swoje umiejętności programowania. Strony internetowe jednej strony powinny być przedmiotem interakcji. Doświadczenie użytkownika jest krytyczne, więc zwróć uwagę na szczegóły. Kod może przenieść twoją stronę na wyższy poziom.
Niektóre rzeczy, na które należy zwracać uwagę, to kolory i zachowanie linków (szczególnie selektor hover); wygląd i zachowanie formularzy (na przykład dopasowanie formularza do projektu i używanie walidatorów AJAX i JavaScript); zgłoszenia i komunikaty o błędach (używane w formularzach i niektórych AJAX); oraz siatka i rozmieszczenie treści (jak również zachowanie treści w oknie przeglądarki). Wszystkie te elementy powinny być zgodne z projektem.
Niezły prosty sposób na umieszczenie kodu w jednej witrynie.
Mogę być stronniczy, ponieważ podoba mi się sztuczka, w której zawartość ładuje się na przewijanie, ale dbałość o szczegóły w tym kodzie jest niesamowita dookoła.
6. Rozruszaj to
Oprócz dbania o szczegóły kodowania, możesz użyć kodu, aby stworzyć ruch i emocje na stronie. Ponownie, unikaj nudy. Daj swojej stronie poczucie życia i ruchu; sprawiają, że wygląda jak porusza się wśród odwiedzających. Dodaj zabawne animacje lub przejścia, aby strona się wyróżniała.
Języki takie jak jQuery i AJAX stały się standardem w tworzeniu ruchu na stronie internetowej. Niezależnie od tego, czy treści będą znikały z różnych stron, czy sprawią, że tło będzie pokazem slajdów, zachowaj uwagę odbiorców.
To tło jest animacją. Nie mam zielonego pojęcia, o co chodzi w tej stronie, ale wygląda schludnie.
Przejścia na tej stronie są doskonałe. Kocham tą jedną!
Jakie inne rzeczy są potrzebne, aby strona jednostronicowa była wyjątkowa?