Jeśli ładujesz dzisiaj WPBeginner, być może zauważyłeś, że mamy nowy projekt strony internetowej. Biorąc pod uwagę, że nasz ostatni projekt był z 2012 roku, wielu z was powie, że nadszedł czas, aby odświeżyć WPBeginner. Chciałem podzielić się z Wami kilkoma spostrzeżeniami z naszego procesu przeprojektowania, czego się nauczyliśmy, dlaczego trwało to tak długo, a co najważniejsze, co nowego w nowym projekcie.
Trochę Tła
Zacząłem WPBeginner w 2009 roku. W ciągu pierwszych 3 lat WPBeginner przeszedł 4 przeprojektowania. To wymaga wielu zasobów, które mogłyby być lepiej wydane na naszą podstawową misję:
Pomagaj małym firmom rozwijać się i konkurować z dużymi za pomocą naszych narzędzi, zespołu i szkoleń.
Po WPBv4 postanowiłem skupić się na naszej podstawowej misji, a wyniki są zdumiewające.
W ciągu ostatnich czterech lat:
- Stworzyliśmy ponad tysiąc bezpłatnych samouczków WordPress na blogu WPBeginner.
- Dodaliśmy ponad 500 + nowych samouczków wideo na naszym kanale YouTube.
- Dodaliśmy ponad 100 terminów w naszym słowniku WordPress.
- Uruchomiliśmy OptinMonster-narzędzie, które konwertuje porzucanie odwiedzających stronę na subskrybentów. Nasze formy optin są oglądane kilka miliardów razy w miesiącu.
- Uruchomiliśmy galerię Envira, najpotężniejsze rozwiązanie do galerii WordPress, aby pomóc naszym użytkownikom w łatwym tworzeniu galerii zdjęć i wideo bez spowalniania ich stron internetowych.
- Uruchomiliśmy Soliloquy łatwą w użyciu responsywną wtyczkę WordPress slider, która sprawia, że wydajność i wrażenia użytkownika są priorytetem NR 1.
- Uruchomiliśmy WPForms, najbardziej przyjazną dla początkujących wtyczkę do formularzy WordPress w oparciu o Twoje opinie i sugestie.
- Na początku tego roku przejęliśmy Yoast Analytics i zmieniliśmy nazwę na MonsterInsights. Jesteśmy w trakcie przepisywania całej wtyczki, aby Google Analytics było łatwe dla początkujących.
Łącznie nasze wtyczki zostały pobrane ponad 13 milionów razy i są aktywnie wykorzystywane na ponad 2 milionach stron internetowych.
Chociaż wszystkie te osiągnięcia są wielkimi osiągnięciami, mamy nowy zestaw wyzwań, którym musimy sprostać, jeśli chcemy nadal doskonalić się i służyć naszej misji.
To prowadzi mnie do WPBeginner v5.
Projektowanie z danymi
W ciągu ostatnich kilku lat Korzystanie z urządzeń mobilnych znacznie wzrosło w większości stron internetowych. Dlatego zawsze zalecamy wszystkim wybranie przyjaznego dla urządzeń mobilnych responsywnego motywu WordPress przy zakładaniu bloga.
To było trochę ironiczne, ponieważ nasza własna strona internetowa nie była responsywna. Otrzymaliśmy wiele krytyki w mediach społecznościowych od innych projektantów i programistów WordPress w społeczności.
Czasami otrzymywaliśmy komentarze od czytelników z pytaniem, Dlaczego WPBeginner nie reagował.
Chociaż rozumiem znaczenie responsywnego projektowania, jeszcze ważniejsze jest podejmowanie decyzji opartych na danych, jeśli chodzi o priorytetyzację zadań w firmie.
W 2012 roku, kiedy uruchomiliśmy projekt WPBv4, mniej niż 2% naszej publiczności był na telefon komórkowy.
Dziś w 2016 r. liczba ta wzrosła do około 7%.
Jest to nadal bardzo niskie w porównaniu do moich innych stron internetowych, takich jak List25, gdzie ponad 50% użytkowników korzysta z urządzeń mobilnych.
Ale ma to sens, ponieważ większość ludzi nie instaluje wtyczek na swoich stronach WordPress za pośrednictwem urządzenia mobilnego. Większość ludzi nie wprowadza zmian w kodzie na urządzeniach mobilnych. Większość ludzi nie próbuje naprawiać typowych błędów WordPress na urządzeniach mobilnych.
Dlatego sprawienie, aby WPBeginner był responsywny, nie było naszym priorytetem. Jednak gdy wykorzystanie urządzeń mobilnych przekroczyło 5%, zaczęliśmy planować przeprojektowanie, które również odpowiadało innym wyzwaniom.
Kolejnym wyzwaniem, przed którym stanęliśmy, była użyteczność na miejscu. Gdy dodawaliśmy więcej treści, użytkownikom coraz trudniej było znaleźć to, czego szukali. Na przykład mieliśmy artykuły 8 mówiące o przyspieszeniu WordPress, ale bez kompleksowego rozwiązania krok po kroku.
Przyjrzeliśmy się najlepszym wpisanym zapytaniom w formularzu wyszukiwania WPBeginner, aby stworzyć kompleksowe samouczki krok po kroku, które są teraz natychmiast wyróżnione w projekcie.
Ułatwiliśmy również wyszukiwanie WPBeginner dzięki pełnoekranowej nakładce wyszukiwania w nagłówku i dodatkowemu pasku wyszukiwania na pasku bocznym.
W przyszłości ułatwimy użytkownikom znalezienie tego, czego szukają, tworząc portale treści, które kreatywnie wykorzystują tagi WordPress.
Co nowego w WPBv5
Podstawowa funkcjonalność strony pozostała bez zmian. Oto kilka istotnych zmian na stronie:
Nowa Strona Startowa
Jeśli jesteś nowy w WPBeginner, docenisz nową stronę Start Here
Responsywne Projektowanie Stron Internetowych
Strona WPBeginner jest teraz w 100% responsywna, więc wygląda świetnie na wszystkich urządzeniach.
Zdecydowaliśmy się pozostać przy popularnym frameworku Genesis, aby zbudować nasz niestandardowy motyw potomny.
Kompleksowe Przewodniki
Jeśli spojrzysz na pasku bocznym każdej strony, zobaczysz nową sekcję ” potrzebuję pomocy z…”, która podkreśla kompleksowe przewodniki, takie jak Jak przyspieszyć WordPress, jak poprawić bezpieczeństwo WordPress, jak zoptymalizować WordPress SEO i wiele innych.
Lepsza widoczność naszych produktów
W spisie WPBeginner, jednym z pytań, które zadałem, było nazwanie produktu, który posiadamy. To było dość zaskakujące, jak wiele osób nie wie o naszych produktach. W nowym projekcie będziemy lepiej podkreślać produkty, które posiadamy.
Zaczyna się to od nowej strony wtyczek premium WordPress.
Będziemy również obracać produkty na naszym pasku bocznym, a także w naszych reklamach newslettera.
FontAwesome i nowa czcionka
Możesz zauważyć użycie ikony czcionki w nowym projektancie. Nazywa się FontAwesome i jestem wielkim fanem twórczości Dave ‘a Gandy’ ego.
Wykorzystujemy jego pracę na wszystkich naszych produktach i jesteśmy dumnymi zwolennikami FontAwesome.
Ciekawostka, możesz dodać logo WPBeginner jako czcionkę, jeśli używasz FontAwesome, a także innych naszych właściwości.
W nowym projekcie wykorzystujemy czcionkę Proxima Nova poprzez Typekit.
Nowa Wtyczka Share
W przeszłości używaliśmy odmiany wtyczki Floating Social Bar.
Po zmianach z Twittera, Facebooka i innych – czułem, że nadszedł czas, aby stworzyć nową wtyczkę do udostępniania dla WPBeginner.
Dokładnie przyciąga liczbę Twittera, ale co ważniejsze, ma teraz całkowitą liczbę akcji.
Zdecydowałem się zatrzymać pływające zachowanie i raczej przyciski udostępniania są teraz dodawane na początku i na końcu każdego postu. Pomoże to w lepszym doświadczeniu użytkownika na mniejszych rozmiarach ekranu.
Nowy ebook i formularze Optin
Na dole każdego postu zobaczysz nowy formularz optin, aby pobrać mój zestaw narzędzi WordPress. Ten e-book udostępnia dokładne narzędzia, których używamy na naszych stronach internetowych.
Różni się od WPBeginner blueprint, ponieważ pokazuje tylko to, czego używamy na WPBeginner.
Zestaw narzędzi eBook jest bardziej wszechstronny.
Zastąpiłem również formularz optin paska bocznego MonsterLinks, dwuetapowy proces optin. Formularz optin paska bocznego nie przekształcił się w wystarczająco wysokim tempie, aby uzasadnić nieruchomość. Więc teraz, jeśli chcesz subskrybować przez e-mail, możesz to zrobić, klikając ikonę e-mail na pasku bocznym.
Co dalej
Oprócz zmian front-endowych wprowadziliśmy wiele zmian back-endowych, które ułatwią zespołowi WPBeginner tworzenie bardziej kompleksowych przewodników w nadchodzących miesiącach.
Witryna członkostwa WPBeginner videos zostanie poddana przeglądowi. Obecnie nadal używa starego motywu.
Przekształcimy to w system LMS, który połączy kurs filmów dla początkujących i nasze filmy z YouTube 500+ w scentralizowanym miejscu.
Celem tej strony byłoby zaoferowanie bardziej zorganizowanych kursów, aby ułatwić użytkownikom szybką naukę WordPress.
Chcę podziękować wszystkim za wsparcie i opinie.
Z Poważaniem,
Syed Balkhi
Założyciel WPBeginner
