Joomla 5 kihívás, a válaszok és a nyertesek

Emlékszel a múlt havi kihívásra, hogy javaslatot tegyünk a „saját” Joomla webhelyünkhöz ? A kihívás ötlete a marketingcsapat azon vágyából született, hogy harmonikusabb megjelenést és hangulatot kölcsönözzenek a Joomla webhelyeinek. És hogy elhozzanak minket ebbe az évtizedbe, mint a magba. A webhelyek mindegyike a 2010-es években készült, és a márka különböző megjelenését és hangulatát tükrözi, és összehangolja őket.

Nézzük meg, kinek volt beleszólása, és mi volt a hozzájárulása. 

Az egyértelműség kedvéért ebben a szakaszban nem a Joomla termékhez tartozó sablonról, a tartalomkezelő rendszerről (CMS) beszélünk, hanem a Joomla közösségi oldalakat alkotó összes Joomla webhelyről, tehát azokról, amelyekre ebben a cikkben hivatkozunk. ez indította el az egészet:

Jön a Joomla 5; ideje új megjelenést hozni minden webhelyünkön? Csatlakozzon a kihíváshoz, és szóljon hozzá.

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

Ebben a cikkben visszatekintettem a Joomla különböző stílusaira, és arra, hogy a különböző területek különböző céloldalai hogyan fejlődtek.

Változnak a divatok, csakúgy, mint a technológia. Aminek volt értelme az elmúlt évtizedben, lehet, hogy most már nem annyira releváns.

A kihívást a cikkben, valamint a Joomla User Groups (JUGs) és a Joomla Day Netherlands számos közönségének is bemutattuk, ahol előadást tartottam.

A sorrenden kívül semmilyen külön sorrendben nem szerepelnek a kihívás dedikált Mattermost tábláján: Joomla 5 Challenge Ha a Joomla közösség tagja vagy a Mattermoston, akkor láthatod.

(Szeretne csatlakozni a Joomla közösséghez a Mattermoston? Kövesse az ebben a bejegyzésben található utasításokat:

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

Szóval. Tessék:

Brian Teemans

Visszaemlékezve az elhangzott előadásomra, Brian elhallgatott azzal a hasznos megjegyzéssel, hogy a legtöbb ember mobilon és különféle eszközökön is keresni fogja, ezért nagyon szerette volna hangsúlyozni, hogy a mindenki számára elérhető hozzáférést a legjobban kell tartanunk. gondolatok minden nézethez a Joomla tájkép tervezésekor.

Elisa Foltyn

Mit mondhatnék?

Nem ez az első alkalom, hogy az Elisa tervez a Joomla számára, és nagyon remélem, hogy nem ez lesz az utolsó ezzel a friss és lendületes dizájnnal. Az Elisa beépítette egy weboldalba, hogy bemutassa, hogy megtekinthesse: http:// joomlaorg .designedwithlove.de/ 

Írt egy szép bevezetőt is arról, amit csinált:

„Szeretném megosztani Önnel a Joomla.org webhely előzetes tervezetét. 

Kérjük, vegye figyelembe, hogy ez csak egy kezdeti vázlat, és a tartalom, beleértve a szöveget és a képeket, nem tekinthető véglegesnek. A tervezet a Joomla hatékony, rugalmas és díjnyertes tartalomkezelő rendszerként történő bemutatására összpontosít. 

Szeretném kiemelni a Joomla legfontosabb funkcióit, mint például a kisegítő lehetőségeket, a többnyelvű támogatást, a webszolgáltatásokat, a munkafolyamat-rendszert, az intelligens keresést, a felhasználókezelést, az egyéni mezőket és a keresőoptimalizálási lehetőségeket. Mindegyik funkcióhoz tartozik egy „További információ” hivatkozás, amely részletesebb információkhoz vezet, Ezen kívül van egy gomb, aminek az összes funkciót tartalmazó aloldalra kell mutatnia, esetleg címkék alapján szűrhetjük az összes funkciót. 

A „Miért válassza a Joomlát?” szakasznak meg kell mutatnia a Joomla egyedi értékesítési pontjait, például díjnyertes platformját, költséghatékonyságát, adatszuverenitását, biztonságát, rugalmasságát és támogató globális közösségét. kétféle célcsoport: weboldaltulajdonosok és webfejlesztők, akik dicsérik a Joomla teljesítményét, könnyű kezelhetőségét, rugalmasságát, itt valódi embereket kell bemutatnunk, és kérni tőlük engedélyt véleménynyilvánításra. 

A 'Hogyan kezdjük el a Joomlával' és a 'Hogyan bővítsük ki a Joomlát' szakaszok áttekintést adnak a Joomla használatának megkezdéséről és alapvető funkcióinak bővítéséről. A tervezet tartalmaz egy GYIK részt a Joomlával kapcsolatos gyakori kérdések megválaszolásához. 

Az oldal végén található a "Legfrissebb verzió letöltése" gomb, amellyel könnyen hozzáférhet a legújabb Joomla-kiadáshoz. Vizuális szempontból a vázlat jelenleg tartalmaz helyőrzőket a menüelemekhez és képekhez. Ezeket tényleges képekkel és releváns képekkel kell helyettesíteni. menüpontok a tervezési szakaszban.”

Számomra ez a nyerő, és ennek sok eleme felhasználható lesz a végleges verzióban.

Érdekes módon Elisa a Yootheme Pro segítségével építette meg a dizájnt, és azt mondta, hogy nincs gondja azzal, hogy ezt használják a végleges verzióhoz. A most megjelent új akadálymentesítési fejlesztésekkel hajlandó vagyok egyetérteni, mivel ez megkönnyítené az oldal karbantartását és frissítését. mint mindent kézzel készíteni, csökkenteni a projektben való segítséghez szükséges készségszintet, hogy többen csatlakozhassanak és segítsenek. És miért ne mutathatnánk meg az egyik legnagyobb, harmadik féltől származó bővítményünket?

Szeretnék egy olyan oldalt a webhelyeinken, amely kiemeli a webhelyeinken használt külső bővítményeket, hogy mások tudják, mit és mivel lehet elérni.

Robin Clapp

Robin informatív és barátságos dizájnt épített fel. 

Az eredeti cikkben felvázolt dizájnelemeket figyelembe véve ez megmutatja, hogyan lehet az oldalakat márkajelzéssel ellátni. Különösen szeretem a színek használatát, amelyek nagyon is a Joomla színei, és segítenek azonnal azonosítani, hogy ez a Joomla, ha ismeri logó színei.

Josean Telleria

Josean ismét erős színpalettát és félkövér ikonokat választott, hogy körbevezeti a felhasználót az oldalon. 

Tartotta a marketing számára javasolt Biztonságos, gyors, hozzáférhető, bővíthető és az Ön üzenetét, és az Öné megkülönböztet minket néhány felhőalapú CMS-megoldástól.

Louise Hawkins

Louise elindította a tervezést a Marketingben, és betekintést nyújtott a munkájába.

Tervezési megjegyzések:

A mellékelt kialakítás néhány kipróbált és bevált tervezési gyakorlatot tartalmaz, amelyek bizonyítottan növelik az átalakítást.

Aranymetszés - Itt az aranymetszés segítségével a legjobban pozícionáltam a fő elemeket. A weboldal felső részén látható az általam rárakott Aranymetszés spirál. Az aranymetszés segít az elemek elhelyezésében és méretében a egymást, hogy a lehető legesztétikusabbak legyenek. A fejlécek méretezésénél is lazán alkalmaztam az aranymetszetet. Ezt úgy érjük el, hogy a törzstartalom betűméretét megszorozzuk 1,618-cal. https://www.adobe.com/uk/creativecloud/ design/discover/golden-ratio.html 

Érzelmi képek – Az emberek sokkal gyorsabban dolgozzák fel a képeket, mint a szöveget, ráadásul az emberek másképp dolgozzák fel az információkat, van, aki központi feldolgozási útvonalat, mások pedig perifériát használnak, ez az úgynevezett Kidolgozási Valószínűségi Modell. Ez egy meggyőzési modell, és teljesen lenyűgöző! (lásd ezt a cikket ha többet szeretne megtudni az ELM-ről ) Ha pedig egy szöveggel szemben álló személyről van kép, az még erősebb.

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

Üzenet, amely visszhangzik - A hőskép szövege lazán van méretezve az aranymetszésen, az üzenetnek itt olyannak kell lennie, amely a közönségre rezonál.

CTA a fő navigációban – A céloldalakra vonatkozó bevált módszerek tartalmazzák a fő CTA-t a navigációban.

Bizalmi szimbólumok – ezeket a lehető legmagasabbra kell helyezni, a nézők tudat alatt elraktározzák ezeket az információkat.

White Space – A szóköz használata a néző hatékony összpontosítására az üzenetére bevált technika.

Margók – a mindkét oldalon lévő margók arra késztetik a felhasználót, hogy az oldal közepére és az előnyökre összpontosítson.

Szintén fontos!

A beküldött terv egy nyitóoldalra készült, ami arra hivatott, hogy meggyőzze a felhasználót arról, hogy a Joomla 5 a megfelelő termék a számára, teljes mértékben felhasználó-központúnak kell lennie, tehát úgy kell tekintenünk, mintha valaki újonc lenne a Joomlában. Mit várnának el, mi segítene meggyőzni őket stb? Lényeges annak megértése is, hogy a vásárlási csatornán hol tartózkodik az oldalt meglátogató felhasználó. Esetleg érdeklődési szakaszban? Ezért az üzenetküldésnek és a képeknek a következőre kell terelnie őket szakaszban. A céloldalakat általában nem optimalizálják sok kulcsszóban gazdag másolattal, és a forgalmat általában a hirdetések irányítják, így a helyemben a versenytárs márkák kulcsszavaira licitálnék egy ilyen oldalra. (de ez egy teljesen más téma !)

Végül pedig AB-teszteljük le a célközönségen belül bármely végleges terv néhány változatát.

Alireza Javaherian

Alireza adott néhány utasítást, ha le szeretnéd tölteni a fájljait a tábláról.

„Itt van egy tömörített fájlunk, amely 5 képet tartalmaz, amelyeket sorrendjük és számuk szerint kérek megtekinteni, ha külön képekre és osztott tartalomra van szükség, akkor ezen a rovatban tesszük közzé.

Ennek a stílusnak és formának a kialakítása azon az elgondoláson alapul, hogy az összes Joomla oldal, például a bővítmények, dokumentumok stb., egy kézzel módosítható.”

Alireza előnyben részesít egy videót a kezdőlapon, amely bemutatja a Joomla előnyeit, egyszerű palettával és vonalstílussal, hogy modern megjelenést és hangulatot teremtsen.

Showkot Shawon

Shawon emellett a nagyon felismerhető színek és az egyszerű, letisztult dizájn mellett döntött.

Terveik itt tekinthetők meg:

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

Érdemes egy pillantást vetni néhány áttekinthető ikonra és csoportkép-ötletre, amelyek a közösség mélységét mutatják.

Szóval ki nyert?

A Joomla közösség megtette; a tagok hallgattak, és sokan megfeleltek az elképzeléseiknek; többen a gyakorlatba is átültették ötleteiket, és az eredmény egy jobb, együttműködőbb tervezés lesz.

Alapvető fontosságú, hogy minden tagot megkérdezzünk és meghallgassanak, akik érdeklődnek a beleszólás iránt, különösen azoké, akik hajlandóak idejüket szánni a projektre.

Ezek a tervek még sok éven át velünk lesznek, ezért a lehető legszembetűnőbben kell elhelyeznünk őket.

Megadta nekünk az ötleteit, mi lesz ezután?

A cikk megjelenése előtti napon áttekintheti a marketinget, majd meghívhat néhányat azok közül, akik szembeszálltak a kihívással, hogy találkozzanak egymással, és dolgozzanak együtt néhány utolsó példával a kihívás által felvetett felülvizsgált követelmények alapján.

Nagyon érdemes volt hallani a közösség ötleteit és gondolatait, ezért szeretnénk néhány hasonló tervet összeállítani a követelményekkel, és szavazást végezni a Mattermost Joomla közösségében, hogy megkapjuk a közösségtől az irányítást.

Az építkezés során további változtatások, módosítások történhetnek, de a nyertes sablon munkája és erőfeszítése felismerhető lesz a végleges tervben.

Ha ezt olvassa, és kibelezi, lemaradt a kihívásról: van egy még jelentősebb kihívás, hogy mindezt minden webhelyünkön valósággá tegyük. Ez sok munkával jár; a lehető legtöbb emberre van szükségünk, hogy valósággá tegyük.

Ezért kérem, ha fel akarja tenni az ingujját, és a Joomla webhelyek modernizálásának részese lenni, tegye közzé a nevét, és tegyen változást.

Regisztrálhat a Joomla 5 Challenge csatornán

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

Csodálatos lenne, ha ez valódi közösségi erőfeszítés lenne: együtt modernné és készen állhatnánk a Joomla webhelyeket a Joomla 5 kiadására!