Výzva Joomla 5, odpovědi a vítězové

Vzpomínáte si na výzvu z minulého měsíce navrhnout design pro naši 'vlastní' webovou stránku Joomla ? Myšlenka výzvy se zrodila z touhy marketingového týmu přinést harmoničtější vzhled a dojem na weby Joomla. A přivést nás do tohoto desetiletí jako jádro všechny stránky byly vytvořeny v roce 2010 a aby zaujaly odlišný vzhled a dojem a koordinovaly se napříč značkou.

Pojďme se ponořit do toho, kdo měl slovo a jaký byl jeho přínos. 

Aby bylo jasno, v této fázi nehovoříme o šabloně dodávané s produktem Joomla, systému pro správu obsahu (CMS), ale o všech webech Joomla, které tvoří weby komunity Joomla, takže ty, na které se odkazuje v tomto článku tím to všechno odstartovalo:

Joomla 5 se blíží; čas na nový vzhled všech našich stránek? Připojte se k výzvě a řekněte.

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

V tomto článku jsem se podíval zpět na různé styly, které Joomla měla, a na to, jak se všechny různé vstupní stránky pro různé oblasti vyvíjely.

Móda se mění, stejně jako technologie. Co dávalo smysl v minulém desetiletí, nemusí být nyní tak relevantní.

Tuto výzvu jsme v článku předali několika publikům v Joomla User Groups (JUGs) a na Joomla Day Netherlands, kde jsem měl přednášku.

V žádném konkrétním pořadí kromě pořadí jsou na nástěnce Mattermost věnované výzvě: Výzva Joomla 5. Pokud jste součástí komunity Joomla na Mattermostu, měli byste to vidět.

(Chcete se připojit ke komunitě Joomla na Mattermost? Postupujte podle pokynů v tomto příspěvku:

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

Takže. Tady to je:

Brian Teemans

Při vzpomínce na řeč, kterou jsem přednesl, Brian zachytil užitečnou poznámku, že většina lidí se bude dívat na mobilních zařízeních a také na širokém spektru zařízení, takže chtěl zdůraznit, že musíme zachovat přístupnost pro všechny na prvním místě. myšlenky pro všechny pohledy při navrhování krajiny Joomla.

Elisa Foltýnová

Co mohu říci?

Není to poprvé, co Elisa dodala návrhy pro Joomla, a opravdu doufám, že to nebude naposled s tímto svěžím a živým designem. Elisa jej zabudovala na webovou stránku, kde se můžete podívat, abyste se mohli podívat: http:// joomlaorg .designedwithlove.de/ 

Napsala také pěkné intro o tom, co udělala:

„Chci se s vámi podělit o předběžný návrh webu Joomla.org. 

Upozorňujeme, že toto je pouze počáteční návrh a obsah, včetně textu a obrázků, nelze považovat za konečný. Návrh se zaměřuje na představení Joomly jako výkonného, ​​flexibilního a oceňovaného systému pro správu obsahu. 

Chci zdůraznit klíčové funkce Joomly, jako je přístupnost, vícejazyčná podpora, webové služby, systém pracovních postupů, chytré vyhledávání, správa uživatelů, vlastní pole a možnosti SEO. Každá funkce má odkaz „Další informace“, který by měl vést k podrobnějším informacím, také je zde tlačítko, které by mělo odkazovat na podstránku se všemi funkcemi.Možná můžeme filtrovat všechny funkce podle značek. 

Sekce „Proč si vybrat Joomla?“ by měla ukazovat jedinečné prodejní přednosti Joomly, jako je její oceňovaná platforma, nákladová efektivita, datová suverenita, bezpečnost, flexibilita a podpůrná globální komunita. Pro snazší rozhodování ukazuje sekce s doporučeními dva druhy cílových skupin: vlastníci webových stránek a weboví vývojáři, kteří chválí výkon, snadnost použití a flexibilitu Joomly. Zde bychom měli ukázat skutečné lidi a požádat je o povolení publikovat názor. 

Sekce 'Jak začít s Joomlou' a 'Jak rozšiřovat Joomla' poskytují přehled o tom, jak začít s Joomlou a jak rozšířit její základní funkce, v tomto pořadí.Návrh obsahuje sekci FAQ, která odpovídá na běžné dotazy o Joomle. 

Na konci stránky je tlačítko 'Stáhnout nejnovější verzi' pro snadný přístup k nejnovější verzi Joomly. Pokud jde o vizuální stránku, koncept v současné době obsahuje zástupné symboly pro položky nabídky a obrázky. Ty by měly být nahrazeny skutečnými obrázky a relevantními položky nabídky během fáze návrhu.“

To je pro mě vítěz a mnoho prvků z toho bude použito ve finální verzi.

Zajímavé je, že Elisa vytvořila svůj design pomocí Yootheme Pro a řekla, že nemá problém s tím, že se použije pro konečnou verzi. S novými vylepšeními přístupnosti, která se právě objevila, jsem nakloněn souhlasit, protože by to usnadnilo údržbu a aktualizaci webu. než vše ručně vyrábět, snížit úroveň dovedností potřebnou k pomoci v projektu, aby se mohli přidat a pomoci další. A proč se nepochlubit jedním z největších rozšíření třetích stran, které máme?

Chtěl bych mít na našich webech stránku, na které bych upozornil na rozšíření třetích stran, která pro naše weby používáme, aby ostatní věděli, čeho lze dosáhnout a čím.

Robin Clapp

Robin vytvořil design, který je informativní a přátelský. 

Vezmeme-li designové prvky, které jsme nastínili v původním článku, ukazuje to, jak by se stránky mohly označovat. Obzvláště se mi líbí použití barev, které jsou do značné míry barvami Joomly a pomáhají okamžitě identifikovat, že jde o Joomla, pokud víte o našich barvy loga.

Josean Telleria

Josean opět použil výraznou barevnou paletu a výrazné ikony, které uživatele vedou po webu. 

Držel se zprávy Secure, Fast, Accessible, Extendable a Yours, která byla navržena pro marketing, přičemž vaše zpráva nás odlišuje od některých cloudových řešení CMS.

Louise Hawkinsová

Louise zahájila návrhy v marketingu a poskytla vhled do své práce.

Poznámky k designu:

Přiložený návrh zahrnuje některé osvědčené konstrukční postupy, které prokazatelně zvyšují konverzi.

Zlatý řez - Zde jsem použil zlatý řez pro nejlepší umístění hlavních prvků. Můžete vidět spirálu zlatého řezu, kterou jsem překryl v horní části webu. Zlatý řez pomáhá s umístěním a velikostí prvků ve vztahu k navzájem tak, aby byly co nejesteticky nejpříjemnější. Také jsem volně použil zlatý řez na škálování záhlaví. Toho je dosaženo vynásobením velikosti písma obsahu těla 1,618. https://www.adobe.com/uk/creativecloud/ design/discover/golden-ratio.html 

Emotivní obrázky – Lidé zpracovávají obrázky mnohem rychleji než text, navíc lidé zpracovávají informace jinak, někteří používají centrální cestu zpracování a někteří periferní, toto je známé jako Elaboration Likelihood Model. Toto je model přesvědčování a naprosto fascinující! (viz tento článek pokud se chcete dozvědět více o ELM ) A mít obrázek osoby, která čelí textu, je ještě silnější.

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

Zpráva, která rezonuje – Text obrázku hrdiny je volně škálován podle zlatého řezu, zpráva by zde měla být taková, která s publikem rezonuje.

CTA v hlavní navigaci – Doporučené postupy pro vstupní stránky zahrnují hlavní CTA v navigaci.

Symboly důvěry – měly by být umístěny co nejvýše, diváci si tyto informace podvědomě uloží.

Bílé místo – Použití bílého místa k efektivnímu soustředění diváka na vaši zprávu je osvědčená technika.

Okraje – okraje na obou stranách nutí uživatele soustředit se na střed stránky a na výhody.

Také důležité!

Odeslaný návrh byl pro vstupní stránku navrženou tak, aby uživatele přesvědčila, že je pro ně tím správným produktem Joomla 5. Musí být zcela zaměřen na uživatele, takže bychom na něj měli pohlížet, jako bychom byli někým, kdo může být v Joomle nový. Co by očekávali, že uvidí, co by je pomohlo přesvědčit atd.? Je také důležité porozumět tomu, kde v nákupní cestě se uživatel, který navštíví tuto stránku, bude nacházet. Možná ve fázi zájmu? Zprávy a snímky by je proto měly přesměrovat na další fáze. Vstupní stránky obvykle nejsou optimalizovány se spoustou textu bohatého na klíčová slova a návštěvnost je obvykle řízena reklamami, takže kdybych to byl já, nabízel bych pro stránku jako je tato klíčová slova konkurenční značky. (ale to je úplně jiné téma !)

A nakonec bychom měli AB otestovat několik verzí jakéhokoli konečného návrhu v rámci cílového publika.

Alireza Javaherian

Alireza dal nějaké pokyny, pokud chcete stáhnout jeho soubory z desky.

"Zde máme komprimovaný soubor obsahující 5 obrázků, které požaduji vidět podle pořadí a počtu. Pokud je potřeba samostatné obrázky a rozdělený obsah, budou zveřejněny v této sekci."

Design tohoto stylu a formy je založen na myšlence, že všechny stránky Joomly, jako jsou rozšíření, dokumenty atd., lze měnit jednou rukou.“

Alireza upřednostňuje video na domovské stránce jako úvod do výhod Joomly s jednoduchou paletou a stylem čar, které vytvářejí moderní vzhled a dojem.

Showkot Shawon

Shawon také vsadil na velmi rozpoznatelné barvy a jednoduchý, čistý design.

Jejich návrhy si můžete prohlédnout zde:

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

Stojí za to se podívat, některé jasné ikony a návrhy skupinových obrázků ukazují hloubku komunity.

Takže kdo vyhrál?

Komunita Joomla to udělala, členové naslouchali a mnozí odpovídali jejich nápadům, někteří uvedli své nápady do praxe a výsledkem bude lepší design, který bude více spolupracovat.

Je nezbytné se zeptat a vyslechnout všechny členy, kteří mají zájem se vyjádřit, zejména ty, kteří jsou ochotni věnovat projektu svůj čas.

Tyto návrhy s námi budou ještě mnoho let, takže je musíme co nejvíce vidět.

Dali jste nám své nápady, co bude dál?

Marketing si může den před zveřejněním tohoto článku znovu prohlédnout a poté pozvat několik z těch, kteří se této výzvě postavili, aby se setkali a spolupracovali na vytvoření několika konečných příkladů založených na revidovaných požadavcích, které tato výzva přinesla.

Stálo za to slyšet nápady a myšlenky komunity, takže bychom opravdu rádi získali několik podobných návrhů kolem požadavků a provedli anketu v celé komunitě Joomla v Mattermostu, abychom získali od komunity podněty.

Při vytváření mohou dojít k dalším změnám a dodatkům, ale práce a úsilí vítězné šablony budou rozpoznatelné v konečném návrhu.

Pokud toto čtete a máte pocit, že jste tuto výzvu propásli: je tu ještě významnější výzva, aby se to stalo realitou na všech našich stránkách. To bude vyžadovat hodně práce, potřebujeme co nejvíce lidí, aby se to stalo skutečností.

Takže prosím, pokud si chcete vyhrnout rukávy a stát se součástí modernizace stránek Joomla, uveďte své jméno a udělejte změnu.

Můžete se zaregistrovat na kanálu Joomla 5 Challenge

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

Bylo by skvělé, kdyby to mohlo být skutečné úsilí komunity: společně bychom mohli udělat stránky Joomla moderní a připravené na to, až vydáme Joomla 5!