10 najlepszych praktyk dotyczących układu bloga na rok 2022 — nie pozwól, aby niezręczne układy zrujnowały Twój UX

Mądry projektant doświadczeń użytkowników powiedział: „dobry projekt jest niewidoczny”. Innymi słowy, jeśli Ty lub Twoi użytkownicy zauważycie układ swojego bloga lub wrażenia użytkownika, prawdopodobnie jest to zły projekt.

Pomyśl o wszystkich witrynach, aplikacjach i platformach, z których korzystamy na co dzień. Czy świadomie myślimy o interfejsie użytkownika i doświadczeniu?

Najlepszy interfejs użytkownika (UI) i doświadczenie użytkownika (UX) to taki, który nie przeszkadza nam w osiągnięciu naszych celów, niezależnie od tego, czy jest to komentowanie posta na Instagramie, nawigowanie po długim wpisie na blogu , czy wprowadzanie danych do aplikacja internetowa.

Dobrze zaprojektowany blog jest niezbędny dla właścicieli firm eCommerce na wiele sposobów. Na przykład przyciągają ruch do witryny i pomagają budować zaufanie potencjalnych klientów. Pomagają również promować produkty i usługi, co prowadzi do późniejszych możliwości rozwoju.

Niestety, jeśli masz niezręczny projekt, szybko przekonasz się, że ludzie będą mniej skłonni do pozostawania w pobliżu i czytania twoich treści. Oznacza to, że prawdopodobnie nie wydarzy się żadna z wymienionych powyżej dobrych rzeczy.

„Medium jest przesłaniem”. Oznacza to, że sposób dostarczania treści jest tak samo ważny jak jakość samej treści.

Ponieważ Twój blog jest istotną częścią lejka marketingowego, dobry interfejs użytkownika/UX z pewnością wpłynie na powracających odwiedzających i przychody.

W tym poście na blogu omówimy niektóre z najlepszych praktyk dotyczących układu na 2022 r., które utrzymają zaangażowanie użytkowników, wrócą po więcej i polecają Twojego bloga innym.

10 najlepszych praktyk dotyczących projektowania blogów dla UX w 2022 r.

Technologia — w tym najlepsze praktyki internetowe — wydaje się zmieniać co tydzień. A wraz z nową technologią pojawiają się nowe, ekscytujące sposoby konsumowania treści.

Użytkownicy są teraz przyzwyczajeni do przeglądania treści w krótkich seriach, czy to za pośrednictwem mediów społecznościowych, czy też czytając blogi na swoich telefonach.

Układ Twojego bloga musi dostosować się do tych zmian i być łatwy do odczytania, bez względu na to, gdzie i jak ktoś go używa.

Oto kilka wskazówek, o których należy pamiętać podczas projektowania układu bloga pod kątem optymalnego UX.

Wskazówka 1: Użyj scentralizowanego podejścia „centrum edukacji”

Rozległe pisanie na określony temat to świetny sposób na budowanie autorytetu w zakresie tematu w Google i zaufanie odbiorców.

Jednak sposób, w jaki organizujesz te treści na swoim blogu, jest tak samo ważny jak sama treść.

Załóżmy, że napisałeś wszystko, co trzeba wiedzieć o pozyskiwaniu funduszy dla organizacji non-profit. To cudownie. Ale co z tego dla potencjalnej organizacji non-profit, jeśli odpowiednie treści nie są otagowane, nieskategoryzowane i przeplatane z wieloma innymi tematami?

Nie jest to idealne rozwiązanie dla użytkownika, który chce wykorzystać wszystkie treści na określony temat za jednym razem. O wiele lepiej jest mieć podejście kumulacyjne, w którym wszystko na ten temat jest zorganizowane w jednym miejscu — nazywamy to podejściem „centrum nauki”.

Takie podejście to doskonały sposób na zwiększenie zaangażowania. Pozwala użytkownikom łatwo znaleźć i wykorzystać całą zawartość, którą masz na określony temat, bez konieczności polowania na padlinożerców w całej witrynie. Umożliwia także wzajemną promocję innych treści i wydłużenie czasu spędzanego w witrynie.

Ponadto podejście centrum edukacyjnego prawdopodobnie zwiększy liczbę stron na sesję.

Jak to wygląda w praktyce? Dobre przykłady można znaleźć na blogu MatterApp . Firma, która oferuje aplikację, która daje uznanie i opinie zespołom w miejscu pracy, pogrupowała swoje filary i zawartość klastrów w sześciu kategoriach na jednej stronie. Strona zawiera wszystko, co użytkownik musiałby zbadać, aby dowiedzieć się więcej o swoim produkcie.

Wskazówka 2: Wykorzystaj „lepkie” elementy

Ludzie są leniwi. Dlatego jedną z głównych zasad projektowania jest dodanie jak największej wartości przy jednoczesnym ograniczeniu do minimum pracy użytkownika.

Używanie „lepkich” elementów na stronie jest jednym z najlepszych sposobów na ułatwienie tego i zwiększenie zaangażowania na swoim blogu.

Przyklejone elementy pozostają widoczne na ekranie, gdy użytkownicy przewijają w dół. Oznacza to, że są one zawsze dostępne bez konieczności przewijania z powrotem na górę strony.

Na przykład, jeśli masz wezwanie do działania, aby zapisać się na listę e-mailową, użycie przyklejonego elementu zapewni, że będzie on zawsze widoczny i łatwo dostępny.

Przykład tego można zobaczyć na blogu HubSpot . Firma używa przyklejonego wezwania do działania w prawym dolnym rogu ekranu, który zachęca użytkowników do zapisania się na swoją listę e-mailową.

Możesz używać lepkich elementów do wielu innych celów, takich jak:

• Przyciski mediów społecznościowych
• Menu nawigacyjne
• Wyszukaj paski
• Widżety czatu na żywo

Kluczem jest tutaj umiar. Zbyt wiele przyklejonych elementów może sprawić, że strona będzie przytłaczająca i zaśmiecona, co ostatecznie zmniejszy wrażenia użytkownika.

Porada 3: Przejdź do pościgu

Posiadanie długich treści jest niezbędne, aby zwiększyć ruch na swoim blogu i uzyskać dobrą pozycję w Google. Jednak większość czytelników chce szybkich odpowiedzi i nie chce słyszeć, jak drążysz bez końca o zaletach swoich produktów lub usług.

Na przykład, jeśli Twoi użytkownicy chcą tylko odpowiedzi na pytanie „Czym jest pisanie bloga”, większość wyników wyszukiwania dla jego zapytania wymaga przeczytania długich i wyczerpujących przewodników. Chociaż przewodniki odpowiadają na pytania, użytkownik będzie musiał przejrzeć długą treść, aby znaleźć definicję.

Innym przykładem jest przedzieranie się przez długi wpis na blogu na Pintereście, aby uzyskać informacje o składnikach i przepisach. Dzięki Bogu za ekspertów kulinarnych, którzy korzystają z linków prowadzących bezpośrednio do przepisu, prawda?

Te przykłady są niezaprzeczalnie czasochłonne i frustrujące dla większości użytkowników, co jest uosobieniem złego doświadczenia użytkownika. Dlatego zamiast tego użyj pól z krótkim podsumowaniem artykułów, aby przejść do sedna.

Posiadanie małych pudełek zawierających podsumowanie całego artykułu jest przydatne i świetny sposób na zaoszczędzenie czasu użytkowników lub czytelników. Chociaż pola podsumowań można dostosować, aby dopasować je do treści w dowolnym miejscu, umieszczenie ich na początku artykułu jest doskonałym sposobem na opracowanie odpowiedzi lub treści dla czytelników.

Jako bonus, jasne i jasne udzielenie odpowiedzi na pytania użytkowników zwiększy prawdopodobieństwo, że Google umieści Cię w pożądanym wyniku „featured snippet”, który jest najwyższym wynikiem w Google SERP, który podkreśla odpowiedź na pytanie użytkownika.

Porada 4: Wykorzystaj projekt karty bloga

Aby Twój blog był świeży, prawdopodobnie publikujesz wiele artykułów — dobra robota! Tak trzymaj.

Może to jednak szybko doprowadzić do wizualnego bałaganu, zwłaszcza gdy próbujesz wyróżnić wszystkie nowe posty jednocześnie na głównej stronie bloga.

Jaka jest więc najlepsza równowaga między prezentowaniem postów na głównej stronie bloga bez przytłaczania użytkownika? Jak duże lub małe powinny być miniatury blogów i linki do artykułów?

Cóż, na to pytanie nie ma jednoznacznej odpowiedzi, ale przynajmniej wiemy, że najskuteczniejszym podejściem jest układ „karty bloga”. Jeśli chodzi o konkrety, zalecamy przestudiowanie i powielenie praktyk renomowanych serwisów wydawniczych.

Medium.com stanowi doskonały przykład tego formatu.

Korzystanie z projektu karty bloga ma wiele zalet, w tym:

• Są łatwe do przeskanowania i strawienia.
• Pozwalają nam łatwo rozpoznawać, przywoływać i czytać ważne informacje.
• Pozwalają zawrzeć wiele informacji bez przytłaczania użytkownika.
• Można je łatwo zmieniać i porządkować, co jest świetne w przypadku responsywnego projektowania.
• Zapewniają dużą białą przestrzeń, dzięki czemu są atrakcyjne wizualnie i łatwe w nawigacji.

Jednak układy powinny mieć różne rozmiary czcionek i obrazy, aby wyraźnie odróżnić najmniej ważne i najważniejsze elementy. Ta taktyka sprawia, że ​​projekt jest bardziej czytelny dla czytelników.

Ponadto w projekcie karty możesz uwzględnić następujące elementy.

• Przedstawiony obraz
• Autor bloga (obraz)
• Kategoria
• Tytuł bloga
• Linki do udostępniania w serwisach społecznościowych
• Data wysłania
• Fragment bloga
• Przycisk Czytaj więcej

Pamiętając o tej liście, spójrzmy na stronę główną Medium:

Zwróć uwagę na każdą „kartę” i wszystkie związane z nią informacje. Prawie wszystkie posty na blogu zawierają co najmniej następujące elementy:

• Tytuł bloga
• Przedstawiony obraz
• Autor bloga
• Obraz autora bloga
• Data publikacji
• Czas czytania
• Możliwość dodania zakładki do posta na później

Prawdopodobnie nigdy wcześniej nie zauważyłeś wszystkich tych elementów, prawda? Chociaż prawdopodobnie doceniasz ich istnienie. To doskonały przykład na to, że świetny design jest niewidzialny.

Jedną z najlepszych praktyk zalecanych przez ekspertów ds. marketingu przychodzącego w Impact przy układaniu artykułów w układzie karty bloga jest umieszczanie ich w kolumnach po dwie lub trzy.

Zależy to od prezentowanych informacji, ale ogólnie maksymalizuje liczbę wpisów wyświetlanych jednocześnie.

Wskazówka nr 5: Uwzględnij czas odczytu

Tworząc treść, chcesz, aby ludzie pozostali w pobliżu i ją przeczytali. Ale jeśli Twoi czytelnicy poczują, że nie mają czasu, prawdopodobnie pójdą dalej. Dlatego jedną z najlepszych rzeczy, jakie możesz zrobić, jest dokładne określenie, ile czasu zajmie przeczytanie Twojego artykułu.

Ta taktyka jest szczególnie ważna, jeśli twoją grupą docelową są zapracowane osoby, które są zawsze w ruchu. Dając im szacowany czas czytania, wdrożyłeś strategię, która zapewnia czytelnikowi zaangażowanie na czas, które z większym prawdopodobieństwem przyciągnie go z powrotem do treści, które są łatwe do strawienia w krótkich zrywach.

Tak więc, jeśli chcesz, aby ludzie zostali i przeczytali Twoje treści, powiedz im dokładnie, ile czasu to zajmie. Ta prosta czynność zwiększy zaangażowanie i zatrzyma ludzi na Twojej stronie dłużej.

Porada 6: Użyj spacji na swoją korzyść

Spacja, znana również jako przestrzeń ujemna, to przestrzeń wokół elementów na stronie. Ważne jest, aby używać białych znaków w układzie, aby wzbudzić zainteresowanie czytelnika i zwrócić uwagę na określoną treść.

Znalezienie odpowiedniej równowagi białych znaków jest niezbędne do stworzenia dobrze zaprojektowanego układu. Zbyt mało białych przestrzeni może sprawić, że strona będzie ciasna i zajęta, co może być przytłaczające dla użytkowników. Z drugiej strony, zbyt duża ilość białych znaków może sprawić, że strona będzie wyglądać na niedokończoną lub nieprofesjonalną.

Na przykład TikTok wykorzystuje dużą ilość białej przestrzeni. Kwota, którą używają, może wyglądać głupio na stronie internetowej firmy, ale jest idealna do skierowania całej uwagi na wideo na stronie.

Ogólnie rzecz biorąc, najlepiej jest popełnić błąd, używając za dużo, a nie za mało spacji. Pomoże to stworzyć czysty i przestronny wygląd, który nie męczy oczu.

Tak więc, jeśli chodzi o układy blogów, białe znaki są twoim przyjacielem. Może pomóc zwrócić uwagę na konkretną treść i sprawić, że Twój układ będzie bardziej atrakcyjny wizualnie.

Wskazówka nr 7: Nie miej zaśmieconych pasków bocznych

Ten jest częstym błędem popełnianym przez wielu blogerów. Zapychają swoje paski boczne pełnymi ikonami mediów społecznościowych, opcjami, reklamami i innymi przypadkowymi śmieciami.

Ta praktyka nie tylko sprawia, że ​​wszystko wygląda źle, ale może być również myląca i przytłaczająca dla odwiedzających.

Sprawia to również wrażenie, że bardziej zależy Ci na sprzedaży czegoś niż dodawaniu wartości swoim klientom, niwecząc cały cel informacyjny, budujący zaufanie.

Nie traktuj paska bocznego jak szuflady na śmieci. Zamiast tego trzymaj się podstaw, takich jak ikony mediów społecznościowych i zgody. Pomoże to stworzyć bardziej uproszczony wygląd, który jest łatwy w nawigacji i poprawia wrażenia użytkownika.

Wskazówka nr 8: mądrze używaj typografii

Typografia to wygląd tekstu na stronie fizycznej lub cyfrowej dla ciekawskich. Obejmuje to również manipulowanie krojem pisma, aby forma pisemna była czytelna i atrakcyjna podczas wyświetlania.

Ta aranżacja zazwyczaj polega na braniu elementów projektu, takich jak długość linii i słów, odstępy itp. lub wielkość punktów i dodawanie ich lub manipulowanie nimi, aby były przyjemne dla oka i bardziej przyswajalne.

Aby uzyskać lepszy efekt, ważne jest, aby mądrze używać typografii w swoim układzie. Tworzysz zainteresowanie wizualne i zwracasz uwagę na określone treści, kiedy to robisz.

Na przykład zawsze będziesz chciał używać większych czcionek w nagłówkach i mniejszych w tekście głównym. Lub możesz chcieć użyć zupełnie innej czcionki dla nagłówków.

W idealnym przypadku rozmiary czcionek od 17 do 21 pikseli są uważane za odpowiednie dla czytników cyfrowych. Niektóre rozmiary czcionek są naturalnie większe w porównaniu z innymi.

Ponadto dobrze jest ograniczyć liczbę czcionek używanych na stronie do maksymalnie trzech. Na przykład:

1. Użyj pierwszego stylu czcionki dla tytułu w postach.
2. Użyj drugiego stylu czcionki dla tytułów pasków bocznych.
3. Użyj trzeciego stylu czcionki dla treści posta.

I ostatnia wskazówka: upewnij się, że Twoje czcionki są bezpieczne w Internecie. W przeciwnym razie mogą się nie załadować na niektórych urządzeniach. Google Fonts to bezpłatne repozytorium czcionek internetowych i zawsze jest to bezpieczny zakład.

Wskazówka 9: Dołącz powiązane artykuły

Innym sposobem na zachęcenie ludzi do pozostania w pobliżu i przeczytania Twoich treści jest włączenie powiązanych artykułów do układu.

Powiązane artykuły to linki do innych postów na blogu (wewnętrznych i zewnętrznych) o podobnym temacie lub tematyce. Dołączając te linki, możesz utrzymać zaangażowanie ludzi i czytać Twoje treści przez dłuższy czas.

Aby znaleźć powiązane artykuły, możesz użyć wtyczki, takiej jak Yoast SEO. Ta wtyczka przeanalizuje Twój post na blogu i zasugeruje powiązane artykuły, które możesz uwzględnić.

Możesz też przeprowadzić wyszukiwanie ręczne, przechodząc do Google i wyszukując hasło „[topic kluczowym] witryna:[twojawitryna.com]”. Dopóki Google indeksuje Twoją witrynę, ujawni wszystkie strony i posty w Twojej witrynie zawierające to słowo kluczowe.

Na przykład, jeśli chcielibyśmy zobaczyć wszystkie strony, które napisaliśmy na temat blogowania, wpisałbym w Google następujące wyszukiwanie: „witryna blogowa:skuvault.com”.

Wynikowe strony są prawdopodobnie świetnymi kandydatami do łączenia.

Wskazówka nr 10: Używaj obrazów wysokiej jakości

Bardzo ważne jest, aby w układzie bloga używać wysokiej jakości, nie tandetnych obrazów. Dzieje się tak dlatego, że ludzie są stworzeniami wizualnymi, które bardziej angażują się w obrazy niż w tekst.

W rzeczywistości badania wykazały , że ludzie są bardziej skłonni do zapamiętywania informacji, jeśli są one prezentowane obok obrazu.

Dlatego wybierając obrazy do postów na blogu, upewnij się, że są wysokiej jakości i pasują do danego tematu.

Staraj się unikać typowych zdjęć stockowych. Czasami jest to tak proste, jak wykonanie kilku edycji istniejącego zdjęcia, aby wyglądało na bardziej spersonalizowane.

Świetnym miejscem do znalezienia eleganckich, bezpłatnych zdjęć jest Pexels .

Inne sposoby na podniesienie poziomu swojego bloga UX

Oprócz dziesięciu wymienionych przez nas wskazówek, oto kilka innych sposobów na ulepszenie UX/UI Twojego bloga:

• Wybierz projekt do zeskanowania : blogowanie bardzo różni się od pisania książki lub pracy naukowej. Możesz sprawić, że układ bloga będzie możliwy do skanowania, pisząc krótkie i precyzyjne sekcje, unikając długich akapitów, dzieląc tekst nagłówkami i odpowiednimi obrazami oraz organizując sekcje za pomocą podnagłówków i nagłówków.
• Oznakuj swój układ : branding jest kluczem do marketingu odnoszącego sukcesy biznesu i działa tak samo w przypadku układu Twojego bloga. Tworzony blog powinien odzwierciedlać klimat i wygląd Twojej marki. Oznacza to, że jeśli Twoja strona główna ma prosty motyw lub projekt, dobrym pomysłem jest pozostawienie go bez zmian w układzie bloga.
• Użyj pionowego wyrównania : Źle zaprojektowane elementy wystają jak obolały kciuk. Na przykład, gdy obrazy i tekst nie pasują do reszty kolumny, rozpraszają uwagę i wyglądają nieprofesjonalnie. Ponadto akapity i zdjęcia powinny mieć tę samą szerokość, aby zapewnić ciągłość wizualną.
• Dołącz pasek wyszukiwania : jeśli Twoja witryna zawiera dużo treści, użytkownikom może być trudno znaleźć to, czego szukają. Ważne jest, aby w układzie bloga umieścić pasek wyszukiwania. W ten sposób ludzie mogą szybko i łatwo znaleźć informacje, których szukają.
• Wyróżnij autorów swoich treści : jeśli masz na swoim blogu wielu autorów, ważne jest, aby wyróżnić ich nazwiska i dołączyć wysokiej jakości zdjęcie obok ich postów. Takie podejście humanizuje wszystko i pomaga budować zaufanie czytelników. Ułatwia im również znalezienie innych treści tego samego autora i pomaga Google określić Twoje EAT (wiedza, autorytet, zaufanie).
• Dostosuj swoją witrynę do urządzeń mobilnych: jest rok 2022. Nie podlega negocjacjom, czy układ bloga jest dostosowany do urządzeń mobilnych. Na szczęście wszystkie nowoczesne układy blogów renomowanych dostawców (WordPress, Squarespace, Shopify) zawierają układ przyjazny dla urządzeń mobilnych od razu po wyjęciu z pudełka. Jeśli nie masz układu przyjaznego dla urządzeń mobilnych, masz problemy wykraczające poza zakres tego posta.

Masz to! Skorzystaj z tych wskazówek, aby stworzyć zabójczy układ bloga, który sprawi, że czytelnicy będą wracać po więcej.

Nie zapomnij o kontroli zapasów

Jeśli skorzystasz z naszych rad i zastosujesz te wskazówki UX, przygotuj się na wzrost czytelnictwa, ruchu i sprzedaży (nie ma za co!).

Jeśli prowadzisz sklep eCommerce, potrzebujesz dobrego systemu inwentaryzacji, aby zarządzać tym wzrostem.

SkuVault istnieje, aby pomóc firmom o różnych kształtach i rozmiarach w optymalizacji i usprawnieniu żmudnej pracy związanej z kontrolą zapasów.

Kliknij tutaj, aby uzyskać więcej informacji na temat konkretnych sposobów, w jakie współpracujemy z właścicielami firm, aby pomóc im zwiększyć wynik finansowy (i zachować zdrowie psychiczne).