Pamätáte si na výzvu z minulého mesiaca navrhnúť dizajn pre našu 'vlastnú' webovú stránku Joomla ? Myšlienka výzvy sa zrodila z túžby marketingového tímu priniesť harmonickejší vzhľad a dojem na webové stránky Joomla. A priviesť nás do tohto desaťročia ako jadro všetky stránky boli vytvorené v roku 2010 a aby zaujali odlišný vzhľad a dojem a koordinovali sa v rámci značky.
Poďme sa pozrieť, kto mal slovo a aký bol jeho prínos.
Aby bolo jasné, v tejto fáze nehovoríme o šablóne, ktorá sa dodáva s produktom Joomla, o systéme správy obsahu (CMS), ale o všetkých webových stránkach Joomla, ktoré tvoria stránky komunity Joomla, teda o tých, na ktoré sa odkazuje v tomto článku to všetko odštartovalo:
Prichádza Joomla 5; čas na nový vzhľad všetkých našich stránok? Pripojte sa k výzve a vyjadrite sa.
https://magazine.joomla.org/all-issues/may-2023/joomla-5-is-coming-join-the-challenge
V tomto článku som sa pozrel späť na rôzne štýly, ktoré má Joomla a ako sa vyvinuli všetky rôzne vstupné stránky pre rôzne oblasti.
Móda sa mení, rovnako ako technológia. To, čo dávalo zmysel minulej dekáde, nemusí byť teraz také relevantné.
Túto výzvu sme posunuli v článku a niekoľkým publikám v Joomla User Groups (JUGs) a na Joomla Day Netherlands, kde som mal prednášku.
V žiadnom konkrétnom poradí okrem poradia sa nachádzajú na nástenke Mattermost venovanej výzve: Výzva Joomla 5. Ak ste súčasťou komunity Joomla na Mattermost, mali by ste to vidieť.
(Chcete sa pripojiť ku komunite Joomla na Mattermost? Postupujte podľa pokynov v tomto príspevku:
https://magazine.joomla.org/all-issues/november-2022/getting-the-most-out-of-mattermost )
Takže, poďme na to:
Brian Teemans
Spomínajúc si späť na môj prejav, Brian zachytil užitočný bod, že väčšina ľudí sa bude pozerať na mobiloch, ako aj na širokej škále zariadení, takže chcel zdôrazniť, že musíme zachovať dostupnosť pre všetkých na prvom mieste. myšlienky pre všetky pohľady pri navrhovaní krajiny Joomla.
Elisa Foltýnová
Čo môžem povedať?
Nie je to prvýkrát, čo Elisa dodala návrhy pre Joomla, a naozaj dúfam, že to nebude posledný s týmto sviežim a živým dizajnom. Elisa ho zabudovala na webovú stránku, aby ste ho mohli prezentovať: http:// joomlaorg .designedwithlove.de/
Napísala tiež pekné intro o tom, čo urobila:
„Chcem sa s vami podeliť o predbežný návrh webovej stránky Joomla.org.
Upozorňujeme, že toto je len počiatočný návrh a obsah, vrátane textu a obrázkov, nemožno považovať za konečný. Návrh sa zameriava na predstavenie Joomly ako výkonného, flexibilného a oceňovaného systému na správu obsahu.
Chcem zdôrazniť kľúčové funkcie Joomly, ako je dostupnosť, viacjazyčná podpora, webové služby, systém pracovných postupov, inteligentné vyhľadávanie, správa používateľov, vlastné polia a možnosti SEO. Každá funkcia má odkaz „Viac informácií“, ktorý by mal viesť k podrobnejším informáciám, tiež je tu tlačidlo, ktoré by malo odkazovať na podstránku so všetkými funkciami. Možno môžeme filtrovať všetky funkcie podľa značiek.
Sekcia „Prečo si vybrať Joomla?“ by mala ukázať jedinečné prednosti Joomly, ako je jej oceňovaná platforma, efektívnosť nákladov, dátová suverenita, bezpečnosť, flexibilita a podporná globálna komunita. Pre jednoduchšie rozhodovanie sa v sekcii s referenciami zobrazuje dva druhy cieľových skupín: vlastníci webových stránok a weboví vývojári, ktorí chvália výkon, jednoduchosť používania a flexibilitu Joomly. Tu by sme mali ukázať skutočných ľudí a požiadať ich o povolenie publikovať názor.
Sekcie 'Ako začať s Joomlou' a 'Ako rozšíriť Joomla' poskytujú prehľad o tom, ako začať s Joomlou a rozširovať jej základné funkcie.Návrh obsahuje sekciu FAQ na zodpovedanie bežných otázok o Joomle.
Na konci stránky sa nachádza tlačidlo „Stiahnuť najnovšiu verziu“ pre jednoduchý prístup k najnovšiemu vydaniu Joomly. Pokiaľ ide o vizuál, koncept v súčasnosti obsahuje zástupné symboly pre položky ponuky a obrázky. Tie by sa mali nahradiť skutočnými obrázkami a relevantnými obrázkami. položky ponuky počas fázy návrhu.“
Toto je pre mňa víťaz a veľa prvkov z toho bude použitých vo finálnej verzii.
Zaujímavé je, že Elisa vytvorila svoj dizajn pomocou Yootheme Pro a povedala, že nemá problém s tým, že sa použije vo finálnej verzii. S novými vylepšeniami dostupnosti, ktoré sa práve objavili, mám sklon súhlasiť, pretože by to uľahčilo údržbu a aktualizáciu stránky. než všetko ručne vyrábať, znížiť úroveň zručností potrebných na pomoc v projekte, aby sa mohli pridať a pomôcť viacerí. A prečo sa nepochváliť jedným z najväčších rozšírení tretích strán, ktoré máme?
Chcel by som mať na našich stránkach stránku, na ktorej by som upozornil na rozšírenia tretích strán, ktoré používame pre naše stránky, aby ostatní vedeli, čo sa dá dosiahnuť a čím.
Robin Clapp
Robin vytvoril dizajn, ktorý je informatívny a priateľský.
Ak vezmeme do úvahy dizajnové prvky, ktoré sme načrtli v pôvodnom článku, ukazuje to, ako by sa stránky mohli označovať. Obzvlášť sa mi páči použitie farieb, ktoré sú veľmi podobné farbám Joomly a pomáhajú okamžite identifikovať, že ide o Joomla, ak poznáte naše farby loga.
Josean Telleria
Josean opäť použil výraznú farebnú paletu a výrazné ikony, aby naviedol používateľa na stránku.
Dodržal posolstvo Secure, Fast, Accessible, Extendable a Yours, ktoré bolo navrhnuté pre marketing, pričom to Your nás odlišuje od niektorých riešení cloudového CMS.
Louise Hawkinsová
Louise odštartovala návrhy v marketingu a poskytla prehľad o svojej práci.
Poznámky k dizajnu:
Priložený dizajn zahŕňa niektoré osvedčené dizajnové postupy, ktoré preukázateľne zvyšujú konverziu.
Zlatý rez - Tu som použil zlatý rez na najlepšie umiestnenie hlavných prvkov. Špirálu zlatého rezu, ktorú som prekryl, som prekryl v hornej časti webovej stránky. Zlatý rez pomáha s umiestnením a veľkosťou prvkov vo vzťahu k navzájom tak, aby boli čo najestetickejšie. Tiež som voľne použil zlatý rez na škálovanie hlavičiek. To sa dosiahne vynásobením veľkosti písma obsahu tela číslom 1,618. https://www.adobe.com/uk/creativecloud/ design/discover/golden-ratio.html
Emotívne obrázky – Ľudia spracúvajú obrázky oveľa rýchlejšie ako text, navyše ľudia spracúvajú informácie inak, niektorí používajú centrálny spôsob spracovania a niektorí periférne, toto je známe ako model pravdepodobnosti vypracovania. Toto je model presvedčenia a je úplne fascinujúci! (pozri tento článok ak chcete vedieť viac o ELM ) A mať obraz osoby, ktorá čelí textu, je ešte silnejšie.
Posolstvo, ktoré rezonuje – Text obrázka hrdinu je voľne škálovaný podľa zlatého rezu. Posolstvo by tu malo byť také, ktoré bude rezonovať s publikom.
CTA v hlavnej navigácii – Osvedčené postupy pre vstupné stránky zahŕňajú vašu hlavnú CTA v navigácii.
Symboly dôvery – tie by mali byť umiestnené čo najvyššie, diváci si tieto informácie podvedome uložia.
Biele miesto – používanie bieleho miesta na efektívne zameranie diváka na vašu správu je osvedčená technika.
Okraje – okraje na oboch stranách nútia používateľa sústrediť sa na stred stránky a na výhody.
Tiež dôležité!
Predložený návrh sa týkal vstupnej stránky, ktorej cieľom bolo presvedčiť používateľa, že Joomla 5 je pre nich tým správnym produktom. Musí byť úplne orientovaný na používateľa, takže by sme ho mali vnímať ako niekoho, kto môže byť v Joomle nový. Čo by očakávali, že uvidia, čo by im pomohlo presvedčiť ich atď.? Je tiež dôležité pochopiť, kde v zúžení nákupu sa používateľ, ktorý navštívi túto stránku, bude nachádzať. Možno vo fáze záujmu? Preto by ho správy a snímky mali priviesť na ďalšiu Vstupné stránky zvyčajne nie sú optimalizované s množstvom textu bohatého na kľúčové slová a návštevnosť je zvyčajne riadená reklamami, takže ak by som to bol ja, ponúkal by som cenu za kľúčové slová značky konkurencie pre stránku ako je táto. (ale to je úplne iná téma !)
A nakoniec, mali by sme AB otestovať niekoľko verzií akéhokoľvek konečného dizajnu v rámci cieľového publika.
Alireza Javaherian
Alireza dal nejaké pokyny, ak si chcete stiahnuť jeho súbory z hracej plochy.
"Máme tu komprimovaný súbor s 5 obrázkami, ktoré požadujem vidieť podľa poradia a počtu. Ak budú potrebné samostatné obrázky a rozdelený obsah, budú zverejnené v tejto sekcii."
Dizajn tohto štýlu a formy je založený na myšlienke, že všetky stránky Joomla, ako sú rozšírenia, dokumenty atď., možno zmeniť jednou rukou.“
Alireza uprednostňuje video na domovskej stránke ako úvod do výhod Joomly s jednoduchou paletou a štýlom čiar, ktoré vytvárajú moderný vzhľad a dojem.
Showkot Shawon
Shawon tiež zvolil veľmi rozpoznateľné farby a jednoduchý, čistý dizajn.
Ich návrhy si môžete pozrieť tu:
Stojí za to si to pozrieť, niektoré jasné ikony a nápady na skupinové obrázky ukazujú hĺbku komunity.
Kto teda vyhral?
Komunita Joomla to urobila; členovia počúvali a mnohí zodpovedali ich nápadom; niektorí svoje nápady uviedli do praxe a výsledkom bude lepší dizajn, ktorý bude viac spolupracovať.
Je dôležité opýtať sa a vypočuť si všetkých členov, ktorí majú záujem vyjadriť sa, najmä tých, ktorí sú ochotní venovať projektu svoj čas.
Tieto návrhy budú s nami ešte mnoho rokov, takže ich musíme čo najlepšie vidieť.
Dali ste nám svoje nápady, čo ďalej?
Marketing sa môže znova pozrieť deň pred uverejnením tohto článku a potom pozvať niekoľkých z tých, ktorí sa postavili tejto výzve, aby sa stretli a spolupracovali na vytvorení niekoľkých záverečných príkladov založených na revidovaných požiadavkách, ktoré táto výzva priniesla.
Vypočuť si nápady a myšlienky komunity sa oplatilo, takže by sme naozaj chceli získať niekoľko podobných návrhov okolo požiadaviek a spustiť prieskum v celej komunite Joomla v Mattermost, aby sme od komunity dostali podnet.
Pri vytváraní môžu nastať ďalšie zmeny a doplnky, ale práca a úsilie víťaznej šablóny budú rozpoznateľné v konečnom návrhu.
Ak to čítate a máte pocit, že ste prehliadli výzvu: je tu ešte dôležitejšia výzva, aby sa to stalo realitou na všetkých našich stránkach. Bude to vyžadovať veľa práce, potrebujeme čo najviac ľudí, aby sa to stalo skutočnosťou.
Takže prosím, ak si chcete vyhrnúť rukávy a stať sa súčasťou modernizácie stránok Joomla, dajte svoje meno dopredu a urobte rozdiel.
Môžete sa zaregistrovať na kanáli Joomla 5 Challenge
https://joomlacommunity.cloud.mattermost.com/main/channels/or-joomla-5-challenge
Bolo by úžasné, keby to mohlo byť skutočné úsilie komunity: spoločne by sme mohli urobiť stránky Joomla moderné a pripravené na to, keď vydáme Joomla 5!