Przemyślane projektowanie stron www
Jak z głową projektować strony www?
Tworzenie witryn www to ciężki temat. Ludzie mają różnorakie opinie w temacie tego, co tworzy świetny projekt strony, a co nie. Niektórzy sądzą że Twoja witryna winna być naprawdę piękna z aktualnym, nowoczesnym designem aby przyciągnąć uwagę. Inni sądzą że projektowanie witryn www nie ma w rzeczywistości dużego znaczenia i chcesz wyłącznie witryny, która działa i zezwoli ludziom robić, co chcą, jak różne strony internetowe, które można oglądać codziennie Obie odpowiedzi są zrozumiałe w zależności od branży bądź firmy, o której się mówi Ale jak zrozumieć co jest dla Ciebie właściwe Jak możesz zorientować się że projektant stron ww rozumie o co chodzi i nie popełnia błędów? Ten tekst wskazuje na parę wielkich grzechów powiązanych z opracowaniem stron www których nie zamierzasz stworzyć na własnej stronie Znakomita informacja będzie tego rodzaju że wszystkie są zwykłymi wytycznymi których winna pilnować każda witryna. Bez względu na to czy zyskasz niezły projekt, czy nie, wciąż możesz wiedzieć więcej o tych aspektach projektowania i ich użyciu w danym projekcie Możesz użyć tych reguł aby wiedzieć że projektant stron www ma pojęcie co czyni To, że ktoś jest świetnym projektantem, nie będzie oznaczać że rozumie jak projektować online A to, że ktoś stawia strony internetowe, nie musi oznaczać że rozumie jak stworzyć witrynę, która będzie spełniać cel Patrz na zasady uwzględnione w tym miejscu i zastosuj je, jeśli to ważne aby wiedzieć że projektant witrynę zoptymalizowaną pod kątem pozyskania upragnionych efektów Błąd 1: zdecydowanie za mała czcionka Pierwszym błędem, jaki się często spotyka jest stawianie witryny ze zbyt małymi czcionkami. Przyczyną może być to że niegdyś większość stron www na takie czcionki stawiała Standard to było około 12 pikseli (9 punktów) i niemal wszyscy szukali tego standardu. Jednak po jakimś czasie ludzie zrozumieli że czcionki 12px są rzeczywiście do czytania online Gdy ekran jest osadzony 24 cale od czyjejś twarzy, mniejsze czcionki komplikują czytanie i takie strony internetowe nie odwiedza się chętnie Ludzie zrozumieli również że masz jedynie małą ilość czasu, aby zachęcić odwiedzających i poinformować ich, że znaleźli właściwą stronę Przykładowe z badań potwierdza również że powszechny okres uwagi zabiera 8 sekund, o jedną sekundę mniej aniżeli średni czas skupienia złotej rybki. Tak samo badanie potwierdza że ludzie czytają jedynie 28% słów na normalnej stronie www Badanie wskazuje że średni czas skoncentrowania koncentracji ludzi to 8 sekund, o jedną sekundę mniej aniżeli złota rybka. Czy to w ogóle jest realne Aby od razu skupić uwagę innych, zrealizuj takie działania zrób świetne heady które skupią uwagę odbiorców Napisz ciekawe treści, dzięki którym sprawdzą więcej niż 28% tego, co zostało napisane Korzystaj czcionek nagłówków, które są naprawdę spore aby skupiać uwagę. Musisz mieć pewność że czcionki bazowe są naprawdę spore aby czytelnicy nie poddawali się, gdyż są wymęczeni mrużeniem oczu. Ze wszystkich przyczyn nadmienionych powyżej rozmiary czcionek zwiększyły się w ciągu ostatnich kilku lat tak bardzo że wielu uznaje 16 pikseli za minimalny rozmiar czcionki, a sporo stron będzie również większych przy mniejszym rozmiarze 18 pikseli, przede wszystkim gdy sporo czytasz. Trzeba wiedzieć że celem tworzenia treści będzie pozyskanie uwagi odbiorcy i zachęcenie go do poczytania Kiedy zapłacisz copywriterowi dobre pieniądze bądź sam tworzysz swoją treść na serwis, musisz wiedzieć że zostanie to przeczytane i nie zostanie pokryte niewielką czcionką, która będzie to utrudniać Trzeba też rozumieć że nie wszystkie czcionki tak samo się zachowują Font Arial o rozmiarze 16 pikseli może być dużo mniejsza aniżeli wersja innej czcionki o rozdzielczości 16 pikseli. Będzie to coś, o czym warto wiedzieć wybierając rozmiar czcionki, zatem nie decyduj się arbitralnie 19 pikseli, gdyż wykonała to inna witryna, jedynie z tego celu aby wiedzieć że twoja wersja 19 pikseli nie jest tak ogromna Musisz wiedzieć że czcionki stopki mogą być dużo mniejsze tak samo jak podteksty, ale jeżeli stworzyłeś coś, co chciałbyś aby ludzie odczytali weź pod uwagę zastosowanie przynajmniej 16-pikselowej czcionki. Wytyczna dla fachowców aby rozumieć wielkość czcionki, jaki chcesz wykorzystać na kanwie preferowanych stron www pobierz rozszerzenie WhatFont do wersji Google Chrome. To dodatek do przeglądarki Chrome, która rzeczywiście upraszcza klikanie czcionek celem monitorowania jakiego typu i rozmiaru chce strona Inny błąd slidery. z jakiego powodu tak dużo stron korzysta takich sliderów. Czy są efektywne Czy to udany pomysł na pokazanie informacji targetowi Najczęściej jest inaczej Zmieniające się banery są naprawdę niefajne i trzeba je faktycznie zdjąć Jaki jest pomysł posiadania slidera w witrynie, jeśli jedynie garstka ludzi zaciekawi szczegół który zajmie cenne miejsce na stronie głównej, a już na pewno gdy 84% tych kliknięć i tak tyczy się bazowego elementu? Po co straszyć ludzi czymś, co się zmieni co niełatwo jest sprawdzać Z jakiego powodu nie dać im jednej opcji do selekcji skoro większość i tak wybiera pierwszy element jaki wskażą template'y ? Z jakiego powodu więc tak dużo osób korzysta sliderów, skoro są one tak nieefektywne Najfajniejsza opcja jaką można opracować będzie taka, że wygląda to na miłą i zaawansowaną technologicznie opcję a twórcom witryn online bez trudu ją zawrzeć Opierając się na tych wymienionych kwestiach właściciele biznesów przytakują pragnę jeden z tych fantastycznych ruchomych sliderów, a designerzy witryn internetowych będą się do tego stosować gdyż mogą wyglądać ładnie i nie jest to ciężkie do zrobienia Lecz właściciele posiadający stronę internetową muszą wiedzieć czy będą dobre i czy są genialnym pomysłem dawania informacji na swojej stronie chociaż dużo innych mądrych marketingowców internetowych już nie sądzi że tak jest. Aby zaradzić ten problem, zadaj sobie pytanie jak najrozsądniej przedstawić wszystkie informacje, zamiast selekcjonować stronkę która wpadła Ci w oko i kopiować jej projekt, w tym ładnie prezentujący się slider, którego używają na stronie głównej. Jeśli uwzględnić kreowanie własnej witryny, działaj zgodnie z tymi instrukcjami, aby pozyskać świetne efekty Nie zapominaj aby nie dorzucać slidera na ślepo tylko temu że robią to wszyscy inni również jeżeli Twój projektant go zaleca Pomyśl w jaki sposób najlepiej przedstawić własne wiadomości na stronie głównej, zamiast ślepo ściągać treści, które mają inni. Wyselekcjonuj jedną konkretną ofertę do ulokowania w polu A na swojej stronie głównej i kieruj się w tę stronę Zawsze będą inne rzeczy, które masz zamiar reklamować lecz możesz to zrobić w kolejnej części strony bądź przy pomocy przycisku na górze strony. Wybierz przykładową ofertę, wyróżnij ją, a później pozwól swojej witrynie się promować Aby rzeczywiście podsumować końcową kwestię, musisz pomyśleć o celu nr 1, jaki ma zyskać Twoja witryna. Skup się na tym, a nie na wszystkich innych sloganach Wyzwanie 3: Czcionki o małym kontraście. Kolejnym dużym wyzwaniem popełnianym przez społeczeństwo będzie stosowanie liter o małym kontraście. Mały kontrast może oznaczać jaśniejszą czcionkę na jasnym tle bądź ciemniejszą czcionkę na ciemnym tle. Niezmiennie musisz mieć pewność, że zawartość Twojej witryny będzie tak czytelna, jak to jest wykonalne Ilość światła, które dochodzi do naszych oczu w wieku 40 lat, to jedynie część ilości światła, które wnika do naszych oczu gdy mamy 20 lat. To zmniejsza się do 20% w wieku 60 lat. Niemal 9% Polaków cierpi na wadę wzroku. Uwzględniając te statystyki, czy rzeczywiście zamierzasz utrudnić odwiedzającym sprawdzanie Twoich treści, przede wszystkim po tym, jak zapłaciłeś tak wielkie pieniądze za strony internetowe i tak długo pracowałeś, aby sprowadzić ich na witrynę Możesz na to zaradzić niezmiennie korzystając z czcionek o wysokim kontraście. Jeśli tło będzie ciemniejsze czcionka winna być jasna, a jeśli tło będzie jasne, czcionka winna być ciemna. Tak naprawdę to warto zrobić jeszcze coś więcej Rzadko ma to miejsce że należy skorzystać innego rodzaju kolorów czcionek niż czarny lub biały. Czasem projektanci typują jaśniejszą szarą czcionkę na białym tle bądź jasnoniebieską czcionkę na granatowym tle. Z jakiego powodu Czy rzeczywiście będzie to prostsze do odczytania, czy naprawdę chcesz dołączyć „atrakcyjność wizualną”? Książki nie bez powodu korzystają z czarnych czcionek na białym tle - są proste do przeczytania. Lekcja do wszystkich jest taka, że czcionki winny za każdym razem mieć spory kontrast z tłem za nimi. Jeśli jesteś zdania że tekst jest niełatwy do odczytania i sądzisz że powinien być wzmożony kontrast, nie wahaj się odezwać do twórcy i z nim pogadać Twoja witryna nie jest prezentacją projektu. To miejsce sprzedaży i zwiększenie konwersji. Jeszcze jedna podpowiedź istotny jest nie tylko duży kontrast, ale również oszczędne korzystanie odwrotnego typu. Tekst odwrócony to biały tekst na czarnym (lub wielobarwnym tle zamiast czarnego tekstu na bieli Reklamy nigdy nie powinny być umiejscowione w trybie odwrotnym. Koniecznie musisz pamiętać o stosowaniu czcionek o dużym kontraście, lecz również Oszczędnie korzystaj tekstu odwróconego. Niekiedy tekst odwrócony prezentuje się świetnie lecz może mieć ogromny wpływ na czytelność i zachowanie. Dlatego trzeba go używać jedynie w przypadku tych części witryny, które nie potrzebują sporej ilości czytania i nie są tak znaczące Mówiąc najogólniej rozsądnie byłoby pomyśleć dwa razy, zanim użyjesz tekstu odwrotnego na tworzone strony. Do tego zbyt często pomijana będzie wysokość linii tekstu. Sporo projektantów stron internetowych i programistów selekcjonuje czcionkę, wybiera rozmiar, arbitralnie wybiera taką a nie inną wysokość a następnie nazywa to dopracowanym projektem na seriws. Jednak wysokość linii ma naprawdę spory wpływ na cały projekt i atrakcyjność witryny. Wytypowanie niewłaściwej wysokości wiersza może sprawić że czcionki będą wyglądać na przesadzone Może to zniszczyć cały projekt.
Warto przeczytać:
