Wyzwanie Joomla 5, odpowiedzi i zwycięzcy

Pamiętasz wyzwanie z zeszłego miesiąca , aby zaproponować projekt naszej „własnej" witryny Joomla ? Pomysł wyzwania zrodził się z chęci zespołu marketingowego, aby zapewnić bardziej harmonijny wygląd i styl stronom Joomla. I wprowadzić nas w tę dekadę, jako rdzeń wszystkie witryny zostały stworzone w 2010 roku i miały inny wygląd i styl oraz koordynację w całej marce.

Przyjrzyjmy się bliżej, kto miał coś do powiedzenia i jaki był jego wkład. 

Aby było jasne, na tym etapie nie mówimy o szablonie dostarczanym z produktem Joomla, systemem zarządzania treścią (CMS), ale o wszystkich witrynach Joomla, które tworzą witryny społeczności Joomla, a więc te, o których mowa w tym artykule od tego wszystko się zaczęło:

Nadchodzi Joomla 5, czas na nowy wygląd wszystkich naszych stron Dołącz do wyzwania i zabierz głos.

https://magazine.joomla.org/all-issues/may-2023/joomla-5-is-coming-join-the-challenge

W tym artykule przyjrzałem się różnym stylom Joomla i temu, jak ewoluowały różne strony docelowe dla różnych obszarów.

Moda się zmienia, podobnie jak technologia. To, co miało sens w ostatniej dekadzie, może nie być już tak istotne.

Przedstawiliśmy to wyzwanie w artykule i kilku słuchaczom w Joomla User Groups (JUG) oraz podczas Joomla Day Netherlands, gdzie wygłosiłem wykład.

W dowolnej kolejności poza kolejnością, znajdują się one na dedykowanej tablicy Mattermost wyzwania: Wyzwanie Joomla 5. Jeśli należysz do społeczności Joomla na Mattermost, powinieneś być w stanie to zobaczyć.

(Czy chcesz dołączyć do społeczności Joomla na Mattermost? Postępuj zgodnie z instrukcjami w tym poście:

https://magazine.joomla.org/all-issues/november-2022/getting-the-most-out-of-mattermost )

Więc zaczynamy:

Briana Teemansa

Wracając pamięcią do przemówienia, które wygłosiłem, Brian przechwycił pomocną uwagę, że większość ludzi będzie korzystać z urządzeń mobilnych, a także z szerokiej gamy urządzeń, dlatego chciał podkreślić, że musimy zachować dostępność dla wszystkich na szczycie naszych myśli dla wszystkich poglądów podczas projektowania krajobrazu Joomla.

Eliza Foltyn

Co mogę powiedzieć?

To nie pierwszy raz, kiedy Elisa dostarcza projekty dla Joomla i naprawdę mam nadzieję, że nie ostatni z tym świeżym i żywym projektem. Elisa wbudowała go w stronę internetową, aby ją zaprezentować, więc możesz rzucić okiem: http:// joomlaorg .designedwithlove.de/ 

Napisała też ładne wprowadzenie o tym, co zrobiła:

„Chcę podzielić się z Tobą wstępnym projektem strony Joomla.org. 

Należy pamiętać, że jest to tylko wstępna wersja robocza, a treść, w tym tekst i obrazy, nie może być postrzegana jako ostateczna. Szkic koncentruje się na przedstawieniu Joomla jako potężnego, elastycznego i wielokrotnie nagradzanego systemu zarządzania treścią. 

Chcę podkreślić kluczowe funkcje Joomla, takie jak dostępność, obsługa wielu języków, usługi sieciowe, system przepływu pracy, inteligentne wyszukiwanie, zarządzanie użytkownikami, niestandardowe pola i opcje SEO. Każda funkcja ma łącze „Dowiedz się więcej”, które powinno prowadzić do bardziej szczegółowych informacji, jest też przycisk, który powinien prowadzić do podstrony ze wszystkimi funkcjami.Może uda nam się przefiltrować wszystkie funkcje po tagach. 

Sekcja „Dlaczego warto wybrać Joomla?” powinna pokazywać wyjątkowe zalety Joomla, takie jak wielokrotnie nagradzana platforma, opłacalność, suwerenność danych, bezpieczeństwo, elastyczność i wspierająca globalna społeczność. Aby ułatwić podjęcie decyzji, sekcja z opiniami pokazuje dwa rodzaje grup docelowych: właściciele witryn i twórcy stron internetowych chwalący wydajność, łatwość obsługi i elastyczność Joomla.Tutaj powinniśmy pokazać prawdziwe osoby i poprosić ich o zgodę na publikację opinii. 

Sekcje „Jak zacząć z Joomla" i „Jak rozszerzyć Joomla" zawierają przegląd, odpowiednio, jak rozpocząć pracę z Joomla i rozszerzyć jej podstawowe funkcje. Szkic zawiera sekcję FAQ zawierającą odpowiedzi na często zadawane pytania dotyczące Joomla. 

Pod koniec strony znajduje się przycisk „Pobierz najnowszą wersję", umożliwiający łatwy dostęp do najnowszej wersji Joomla. Pod względem wizualnym wersja robocza zawiera obecnie symbole zastępcze elementów menu i obrazów. Należy je zastąpić rzeczywistymi obrazami i odpowiednimi pozycje menu w fazie projektowania”.

To dla mnie zwycięzca, a wiele jego elementów zostanie wykorzystanych w ostatecznej wersji.

Co ciekawe, Elisa zbudowała swój projekt za pomocą Yootheme Pro i powiedziała, że ​​nie ma problemu z użyciem tego w ostatecznej wersji. Biorąc pod uwagę nowe ulepszenia ułatwień dostępu, które właśnie zostały wprowadzone, jestem skłonny się zgodzić, ponieważ ułatwiłoby to utrzymanie i aktualizację witryny zamiast tworzyć wszystko ręcznie, obniżając poziom umiejętności potrzebnych do pomocy w projekcie, aby więcej osób mogło się przyłączyć i pomóc. A może pochwalisz się jednym z największych rozszerzeń innych firm, jakie mamy?

Chciałbym mieć stronę w naszych witrynach, aby wyróżnić rozszerzenia innych firm, których używamy w naszych witrynach, aby inni wiedzieli, co można osiągnąć i za pomocą czego.

Robina Clappa

Robin zbudował projekt, który jest informacyjny i przyjazny. 

Biorąc pod uwagę elementy projektu, które opisaliśmy w oryginalnym artykule, pokazuje to, w jaki sposób można oznakować witryny. Szczególnie podoba mi się użycie kolorów, które są bardzo podobne do kolorów Joomla i pomagają natychmiast zidentyfikować, że to Joomla, jeśli znasz nasze kolory logo.

Josean Telleria

Josean ponownie zastosował mocną paletę kolorów i odważne ikony, aby poprowadzić użytkownika po witrynie. 

Trzymał się przekazu Bezpieczny, Szybki, Dostępny, Rozszerzalny i Twój, który został zasugerowany dla marketingu, przy czym Twój wyróżnia nas spośród niektórych rozwiązań CMS w chmurze.

Louise Hawkins

Louise rozpoczęła projektowanie w dziale marketingu i przedstawiła wgląd w swoją pracę.

Uwagi projektowe:

Załączony projekt zawiera kilka wypróbowanych i przetestowanych praktyk projektowych, które, jak udowodniono, zwiększają liczbę konwersji.

Golden Ratio - Tutaj użyłem złotego podziału, aby jak najlepiej ustawić główne elementy.Możesz zobaczyć spiralę Golden Ratio, którą nałożyłem na górną część strony.Złoty podział pomaga w pozycjonowaniu i wielkości elementów w stosunku do aby były jak najbardziej estetyczne. Zastosowałem też luźno złoty podział do skalowania nagłówków. Osiągnięto to poprzez pomnożenie rozmiaru czcionki zawartości ciała przez 1,618. https://www.adobe.com/pl/creativecloud/ design/discover/złoty-podział.html 

Obrazy emocjonalne — ludzie przetwarzają obrazy znacznie szybciej niż tekst, dodatkowo ludzie przetwarzają informacje inaczej, niektórzy używają centralnej ścieżki przetwarzania, a niektórzy urządzenia peryferyjnego, jest to znane jako model wiarygodności opracowania. Jest to model perswazji i absolutnie fascynujący! (zobacz ten artykuł jeśli chcesz dowiedzieć się więcej o ELM ) A obraz osoby stojącej przed tekstem jest jeszcze potężniejszy.

https://www.interaction-design.org/literature/article/elaboration-likelihood-model-theory-using-elm-to-get-inside-the-user-s-mind 

Przekaz, który rezonuje — tekst obrazu bohatera jest skalowany luźno według złotego podziału, przekaz powinien być taki, który rezonuje z publicznością.

Wezwanie do działania w głównej nawigacji — najlepsze praktyki dotyczące stron docelowych obejmują główne wezwanie do działania w nawigacji.

Symbole zaufania – powinny być umieszczone jak najwyżej, widzowie podświadomie będą gromadzić te informacje.

Biała przestrzeń — Używanie białej przestrzeni w celu skutecznego skupienia widza na przekazie to sprawdzona technika.

Marginesy — marginesy po obu stronach sprawiają, że użytkownik koncentruje się na środku strony i korzyściach.

Również ważne!

Przesłany projekt dotyczył strony docelowej, mającej przekonać użytkownika, że ​​Joomla 5 jest dla niego odpowiednim produktem. Musi być całkowicie zorientowany na użytkownika, więc powinniśmy patrzeć na niego tak, jakbyśmy byli kimś, kto może być nowy w Joomla. Czego spodziewaliby się zobaczyć, co pomogłoby ich przekonać itp. Istotne jest również zrozumienie, w którym miejscu ścieżki zakupowej znajduje się użytkownik odwiedzający tę stronę. Być może w fazie zainteresowania? Dlatego komunikaty i obrazy powinny kierować ich do następnej strony docelowe zwykle nie są zoptymalizowane pod kątem dużej liczby tekstów bogatych w słowa kluczowe, a ruch jest zwykle generowany przez reklamy, więc na moim miejscu licytowałbym słowa kluczowe marki konkurenta dla strony takiej jak ta. (ale to zupełnie inny temat !)

I wreszcie, powinniśmy przetestować AB kilka wersji dowolnego ostatecznego projektu wśród docelowych odbiorców.

Alireza Javaherian

Alireza dał kilka instrukcji, jeśli chcesz pobrać jego pliki z tablicy.

"Tutaj mamy skompresowany plik zawierający 5 zdjęć, które proszę o wgląd według ich kolejności i ilości. Jeśli będzie potrzeba oddzielnych zdjęć i podzielonej treści, zostaną one opublikowane w tym dziale.

Projekt tego stylu i formy opiera się na założeniu, że wszystkie strony Joomla, takie jak rozszerzenia, dokumenty itp., można zmieniać jedną ręką.”

Alireza preferuje wideo na stronie głównej jako wprowadzenie do zalet Joomla z prostą paletą i stylem linii, aby uzyskać nowoczesny wygląd.

Showkot Shawon

Shawon wybrał również bardzo rozpoznawalne kolory i prosty, czysty design.

Ich projekty można zobaczyć tutaj:

https://www.figma.com/proto/Ln1tUzp3OJ8fOJmhFkWQCC/Joomla?page-id=131%3A1392&type=design&node-id=131-1398&viewport=536%2C2432%2C0.41&scaling=scale-down-width

Warto rzucić okiem, z kilkoma wyraźnymi ikonami i pomysłami na zdjęcia grupowe, pokazującymi głębię społeczności.

Więc kto wygrał?

Społeczność Joomla tak zrobiła; członkowie posłuchali i wielu z nich odpowiedziało na swoje pomysły; kilku wcieliło swoje pomysły w życie, a rezultatem będzie lepszy, bardziej oparty na współpracy projekt.

Istotne jest, aby zapytać i wysłuchać wszystkich członków zainteresowanych zabraniem głosu, zwłaszcza tych, którzy chcą poświęcić swój czas projektowi.

Te projekty będą z nami przez wiele lat, więc musimy zrobić to tak, jak to tylko możliwe.

Podaliście nam swoje pomysły, co dalej?

Dział marketingu może spojrzeć jeszcze raz na dzień przed publikacją tego artykułu, a następnie zaprosić kilku z tych, którzy podjęli wyzwanie, aby spotkali się i wspólnie stworzyli kilka końcowych przykładów w oparciu o zmienione wymagania, które narzuciło to wyzwanie.

Warto było wysłuchać pomysłów i myśli społeczności, dlatego naprawdę chcielibyśmy uzyskać kilka podobnych projektów spełniających wymagania i przeprowadzić ankietę wśród całej społeczności Joomla w Mattermost, aby uzyskać kontrolę od społeczności.

Podczas tworzenia mogą wystąpić dalsze zmiany i poprawki, ale praca i wysiłek zwycięskiego szablonu będą widoczne w ostatecznym projekcie.

Jeśli to czytasz i jesteś wypatroszony, przegapiłeś wyzwanie: jest jeszcze większe wyzwanie, aby urzeczywistnić to we wszystkich naszych witrynach. Będzie to wymagało dużo pracy; potrzebujemy jak największej liczby osób, aby to urzeczywistnić.

Więc proszę, jeśli chcesz zakasać rękawy i stać się częścią modernizacji stron Joomla, wyślij swoje imię i zrób różnicę.

Możesz zarejestrować się na kanale Joomla 5 Challenge

https://joomlacommunity.cloud.mattermost.com/main/channels/or-joomla-5-challenge

Byłoby wspaniale, gdyby to był prawdziwy wysiłek społeczności: razem moglibyśmy sprawić, by strony Joomla były nowoczesne i gotowe na wydanie Joomla 5!