Joomla 5 πρόκληση, οι απαντήσεις και οι νικητές

Θυμάστε την πρόκληση του περασμένου μήνα να προτείνουμε ένα σχέδιο για τον «δικό μας» ιστότοπο Joomla ; Η ιδέα της πρόκλησης γεννήθηκε από την επιθυμία της ομάδας μάρκετινγκ να φέρει μια πιο αρμονική εμφάνιση και αίσθηση στους ιστότοπους του Joomla. Και να μας φέρει σε αυτή τη δεκαετία, ως τον πυρήνα Όλες οι τοποθεσίες δημιουργήθηκαν τη δεκαετία του 2010 και για να πάρουν τη διαφορετική εμφάνιση και αίσθηση και να συντονιστούν σε όλη τη μάρκα.

Ας βουτήξουμε για να δούμε ποιος είχε λόγο και ποια ήταν η συνεισφορά τους. 

Για να είμαστε σαφείς, σε αυτό το στάδιο, δεν μιλάμε για το πρότυπο που συνοδεύει το προϊόν Joomla, το Σύστημα Διαχείρισης Περιεχομένου (CMS), αλλά για όλους τους ιστότοπους του Joomla που αποτελούν τους ιστότοπους της κοινότητας Joomla, άρα αυτούς που αναφέρονται σε αυτό το άρθρο που τα ξεκίνησε όλα:

Έρχεται το Joomla 5, ήρθε η ώρα για μια νέα εμφάνιση για όλους τους ιστότοπούς μας; Λάβετε μέρος στην πρόκληση και πείτε τη γνώμη σας.

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

Σε αυτό το άρθρο, κοίταξα πίσω τα διαφορετικά στυλ που είχε το Joomla και πώς έχουν εξελιχθεί όλες οι διαφορετικές σελίδες προορισμού για τις διάφορες περιοχές.

Η μόδα αλλάζει, όπως και η τεχνολογία. Αυτό που είχε νόημα την περασμένη δεκαετία μπορεί να μην είναι τόσο επίκαιρο τώρα.

Προωθήσαμε την πρόκληση στο άρθρο και σε πολλά ακροατήρια στις Ομάδες χρηστών Joomla (JUGs) και στο Joomla Day Netherlands, όπου έδωσα μια ομιλία.

Σε καμία συγκεκριμένη σειρά εκτός από τη σειρά, βρίσκονται στον αποκλειστικό πίνακα Mattermost της πρόκλησης: Πρόκληση Joomla 5. Εάν είστε μέλος της κοινότητας του Joomla στο Mattermost, θα πρέπει να μπορείτε να το δείτε.

(Θέλετε να εγγραφείτε στην Κοινότητα Joomla στο Mattermost; Ακολουθήστε τις οδηγίες σε αυτήν την ανάρτηση:

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

Λοιπόν. Εδώ πάμε:

Μπράιαν Τίμανς

Ενθυμούμενος την ομιλία που έδωσα, ο Μπράιαν υποκλοπή με το χρήσιμο σημείο ότι οι περισσότεροι άνθρωποι θα αναζητούν σε κινητά καθώς και σε ένα ευρύ φάσμα συσκευών, γι' αυτό ήθελε να τονίσει ότι πρέπει να διατηρήσουμε την προσβασιμότητα για όλους στην κορυφή των δυνατοτήτων μας. σκέψεις για όλες τις απόψεις κατά το σχεδιασμό του τοπίου του Joomla.

Ελίζα Φόλτιν

Τι μπορώ να πω?

Δεν είναι η πρώτη φορά που η Elisa παραδίδει σχέδια για το Joomla και ελπίζω πραγματικά να μην είναι η τελευταία με αυτό το φρέσκο ​​και ζωντανό σχέδιο. Η Elisa το δημιούργησε σε έναν ιστότοπο για προβολή, ώστε να μπορείτε να ρίξετε μια ματιά: http:// joomlaorg .designedwithlove.de/ 

Έγραψε επίσης μια ωραία εισαγωγή για το τι είχε κάνει:

«Θέλω να μοιραστώ μαζί σας ένα pre-draft του ιστότοπου Joomla.org. 

Λάβετε υπόψη ότι αυτό είναι απλώς ένα αρχικό προσχέδιο και το περιεχόμενο, συμπεριλαμβανομένων των κειμένων και των εικόνων, δεν πρέπει να θεωρείται τελικό. Το προσχέδιο επικεντρώνεται στην εισαγωγή του Joomla ως ένα ισχυρό, ευέλικτο και βραβευμένο Σύστημα Διαχείρισης Περιεχομένου. 

Θέλω να επισημάνω τα βασικά χαρακτηριστικά του Joomla, όπως προσβασιμότητα, πολύγλωσση υποστήριξη, υπηρεσίες ιστού, σύστημα ροής εργασιών, έξυπνη αναζήτηση, διαχείριση χρηστών, προσαρμοσμένα πεδία και επιλογές SEO. Κάθε δυνατότητα έχει έναν σύνδεσμο "Μάθετε περισσότερα" που θα πρέπει να οδηγεί σε πιο λεπτομερείς πληροφορίες, Επίσης, υπάρχει ένα κουμπί που θα πρέπει να συνδέεται με μια υποσελίδα με όλες τις δυνατότητες. Ίσως μπορούμε να φιλτράρουμε όλες τις λειτουργίες ανά ετικέτες. 

Η ενότητα "Γιατί να επιλέξετε το Joomla;" θα πρέπει να εμφανίζει τα μοναδικά σημεία πώλησης του Joomla, όπως τη βραβευμένη πλατφόρμα, τη σχέση κόστους-αποτελεσματικότητας, την κυριαρχία δεδομένων, την ασφάλεια, την ευελιξία και μια υποστηρικτική παγκόσμια κοινότητα. Για ευκολότερη απόφαση, η ενότητα μαρτυρίας δείχνει δύο είδη ομάδων στόχου: ιδιοκτήτες ιστότοπων και προγραμματιστές ιστού που επαινούν την απόδοση, την ευκολία χρήσης και την ευελιξία του Joomla. Εδώ θα πρέπει να δείξουμε πραγματικούς ανθρώπους και να τους ζητήσουμε την άδειά τους για να δημοσιεύσουν μια γνώμη. 

Οι ενότητες "Πώς να ξεκινήσετε με το Joomla" και "Πώς να επεκτείνετε το Joomla" παρέχουν μια επισκόπηση για το πώς να ξεκινήσετε με το Joomla και να επεκτείνετε τις βασικές του λειτουργίες, αντίστοιχα. Το προσχέδιο περιλαμβάνει μια ενότητα Συνήθεις Ερωτήσεις για απαντήσεις σε κοινά ερωτήματα σχετικά με το Joomla. 

Προς το τέλος της σελίδας, υπάρχει ένα κουμπί "Λήψη της πιο πρόσφατης έκδοσης" για εύκολη πρόσβαση στην πιο πρόσφατη έκδοση του Joomla. Όσον αφορά τα γραφικά, το πρόχειρο περιλαμβάνει επί του παρόντος σύμβολα κράτησης θέσης για στοιχεία μενού και εικόνες. Αυτά θα πρέπει να αντικατασταθούν με πραγματικές εικόνες και σχετικές στοιχεία μενού κατά τη φάση του σχεδιασμού."

Αυτό, για μένα, είναι νικητής και πολλά στοιχεία του θα χρησιμοποιηθούν στην τελική έκδοση.

Είναι ενδιαφέρον ότι η Elisa δημιούργησε το σχέδιό της με το Yootheme Pro και είπε ότι δεν έχει κανένα πρόβλημα με τη χρήση του για την τελική έκδοση. Με τις νέες βελτιώσεις προσβασιμότητας που μόλις κυκλοφόρησαν, τείνω να συμφωνήσω, καθώς θα διευκόλυνε τη συντήρηση και την ενημέρωση του ιστότοπου παρά να κατασκευάσουμε τα πάντα, να μειώσουμε το επίπεδο δεξιοτήτων που απαιτείται για να βοηθήσουμε στο έργο, ώστε να μπορούν να συμμετάσχουν και να βοηθήσουν περισσότεροι. Και γιατί να μην επιδείξουμε μία από τις μεγαλύτερες επεκτάσεις τρίτων που έχουμε;

Θα ήθελα να έχω μια σελίδα στους ιστότοπούς μας για να επισημαίνουμε τις επεκτάσεις τρίτων που χρησιμοποιούμε για τους ιστότοπούς μας, ώστε οι άλλοι να γνωρίζουν τι μπορεί να επιτευχθεί και με τι.

Ρόμπιν Κλάπ

Ο Robin έχει δημιουργήσει ένα σχέδιο που είναι κατατοπιστικό και φιλικό. 

Λαμβάνοντας τα στοιχεία σχεδίασης που περιγράψαμε στο αρχικό άρθρο, αυτό δείχνει πώς θα μπορούσαν να είναι επώνυμα οι ιστότοποι. Μου αρέσει ιδιαίτερα η χρήση των χρωμάτων, τα οποία είναι πολύ τα χρώματα του Joomla και βοηθούν να αναγνωρίσουμε αμέσως ότι είναι το Joomla, αν γνωρίζετε τα χρώματα λογότυπου.

Josean Telleria

Ο Josean χρησιμοποίησε ξανά μια ισχυρή χρωματική παλέτα και έντονα εικονίδια για να καθοδηγήσει τον χρήστη στον ιστότοπο. 

Έχει κρατήσει το μήνυμα Secure, Fast, Accessible, Extendable και Yours που έχει προταθεί για το μάρκετινγκ, με το δικό σας να μας διακρίνει από ορισμένες λύσεις CMS στο cloud.

Λουίζ Χόκινς

Η Louise ξεκίνησε τα σχέδια στο Marketing και έδωσε πληροφορίες για τη δουλειά της.

Σημειώσεις σχεδίασης:

Το εσώκλειστο σχέδιο ενσωματώνει ορισμένες δοκιμασμένες και δοκιμασμένες πρακτικές σχεδίασης που αποδεδειγμένα αυξάνουν τις μετατροπές.

Χρυσή αναλογία - Εδώ χρησιμοποίησα τη χρυσή τομή για να τοποθετήσω καλύτερα τα κύρια στοιχεία. Μπορείτε να δείτε τη σπείρα Χρυσής αναλογίας που έχω επικαλύψει στο επάνω μέρος του ιστότοπου. Η Χρυσή αναλογία βοηθά στη θέση και το μέγεθος των στοιχείων σε σχέση με το ένα το άλλο για να είναι το πιο ευχάριστο αισθητικά. Έχω επίσης εφαρμόσει χαλαρά τη χρυσή τομή στην κλιμάκωση των κεφαλίδων. Αυτό επιτυγχάνεται πολλαπλασιάζοντας το μέγεθος της γραμματοσειράς του περιεχομένου σώματος επί 1.618. https://www.adobe.com/uk/creativecloud/ design/discover/golden-ratio.html 

Συγκινητικές εικόνες - Οι άνθρωποι επεξεργάζονται εικόνες πολύ πιο γρήγορα από το κείμενο, επιπλέον οι άνθρωποι επεξεργάζονται πληροφορίες με διαφορετικό τρόπο, κάποιοι χρησιμοποιούν μια κεντρική διαδρομή επεξεργασίας και κάποιοι μια περιφερειακή, αυτό είναι γνωστό ως μοντέλο πιθανοτήτων επεξεργασίας. Αυτό είναι ένα μοντέλο πειθούς και απολύτως συναρπαστικό! (δείτε αυτό το άρθρο αν θέλετε να μάθετε περισσότερα για το ELM ) Και το να έχετε μια εικόνα ενός ατόμου που αντιμετωπίζει κείμενο είναι ακόμα πιο ισχυρό.

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

Μηνύματα που αντηχούν - Το κείμενο της εικόνας του ήρωα κλιμακώνεται χαλαρά στη χρυσή τομή, το μήνυμα εδώ θα πρέπει να είναι αυτό που αντηχεί στο κοινό.

CTA στην κύρια πλοήγηση - Οι βέλτιστες πρακτικές για τις σελίδες προορισμού περιλαμβάνουν το κύριο CTA στην πλοήγηση.

Σύμβολα εμπιστοσύνης - αυτά πρέπει να τοποθετούνται όσο πιο ψηλά γίνεται, οι θεατές θα αποθηκεύουν υποσυνείδητα αυτές τις πληροφορίες.

White Space - Η χρήση λευκού διαστήματος για την αποτελεσματική εστίαση του θεατή στο μήνυμά σας, είναι μια δοκιμασμένη τεχνική.

Περιθώρια - τα περιθώρια εκατέρωθεν κάνουν τον χρήστη να εστιάσει στο κέντρο της σελίδας και στα οφέλη.

Επίσης σημαντικό!

Το σχέδιο που υποβλήθηκε προοριζόταν για μια σελίδα προορισμού, σχεδιασμένη για να πείσει τον χρήστη ότι το Joomla 5 είναι το κατάλληλο προϊόν για αυτόν. Πρέπει να είναι εντελώς προσανατολισμένο στο χρήστη, επομένως θα πρέπει να το δούμε σαν να ήμασταν κάποιος που μπορεί να είναι νέος στο Joomla. Τι θα περίμεναν να δουν, τι θα τους βοηθούσε να τους πείσουν κ.λπ.; Είναι επίσης σχετικό να κατανοήσουμε σε ποιο σημείο της διοχέτευσης αγοράς θα βρισκόταν ένας χρήστης που επισκέπτεται αυτήν τη σελίδα. Ενδεχομένως στη φάση ενδιαφέροντος; Επομένως, τα μηνύματα και οι εικόνες θα πρέπει να τους διοχετεύουν στο επόμενο Οι σελίδες προορισμού συνήθως δεν βελτιστοποιούνται με πολλά αντίγραφα πλούσια σε λέξεις-κλειδιά και η επισκεψιμότητα συνήθως καθορίζεται από διαφημίσεις, οπότε αν ήμουν εγώ θα έκανα προσφορές για λέξεις-κλειδιά ανταγωνιστικής επωνυμίας για μια σελίδα όπως αυτή. (αλλά αυτό είναι ένα εντελώς άλλο θέμα !)

Και τέλος, θα πρέπει η AB να δοκιμάσει μερικές εκδόσεις οποιουδήποτε τελικού σχεδίου εντός του κοινού-στόχου.

Alireza Javaherian

Ο Alireza έχει δώσει κάποιες οδηγίες αν θέλετε να κατεβάσετε τα αρχεία του από τον πίνακα.

"Εδώ έχουμε ένα συμπιεσμένο αρχείο που περιέχει 5 εικόνες που ζητώ να φανούν σύμφωνα με τη σειρά και τον αριθμό τους. Εάν υπάρχει ανάγκη για ξεχωριστές εικόνες και χωρισμένο περιεχόμενο, θα δημοσιευτούν σε αυτήν την ενότητα.

Ο σχεδιασμός αυτού του στυλ και της μορφής βασίζεται στην ιδέα ότι όλες οι σελίδες του Joomla, όπως επεκτάσεις, έγγραφα κ.λπ., μπορούν να αλλάξουν με το ένα χέρι."

Η Alireza προτιμά ένα βίντεο στην αρχική σελίδα ως εισαγωγή στα πλεονεκτήματα του Joomla με μια απλή παλέτα και στυλ γραμμής για μια μοντέρνα εμφάνιση και αίσθηση.

Showkot Shawon

Ο Shawon έχει επίσης επιλέξει πολύ αναγνωρίσιμα χρώματα και ένα απλό, καθαρό σχέδιο.

Τα σχέδιά τους μπορείτε να τα δείτε εδώ:

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

Αξίζει να ρίξετε μια ματιά, με μερικά καθαρά εικονίδια και ιδέες ομαδικών εικόνων που δείχνουν το βάθος της κοινότητας.

Ποιος κέρδισε λοιπόν;

Η κοινότητα του Joomla το έκανε· τα μέλη άκουσαν και πολλά ανταποκρίθηκαν στις ιδέες τους· αρκετοί έκαναν τις ιδέες τους πράξη και το αποτέλεσμα θα είναι ένας καλύτερος, πιο συνεργατικός σχεδιασμός.

Είναι σημαντικό να ρωτήσετε και να ακούσετε όλα τα μέλη που ενδιαφέρονται να εκφράσουν τη γνώμη τους, ειδικά εκείνα που είναι πρόθυμα να αφιερώσουν το χρόνο τους στο έργο.

Αυτά τα σχέδια θα είναι μαζί μας για πολλά χρόνια ακόμα, επομένως πρέπει να το έχουμε όσο το δυνατόν πιο ορατό.

Μας δώσατε τις ιδέες σας, τι ακολουθεί;

Το μάρκετινγκ μπορεί να ρίξει μια άλλη ματιά την ημέρα πριν από τη δημοσίευση αυτού του άρθρου και στη συνέχεια να προσκαλέσει πολλούς από αυτούς που ανταποκρίθηκαν στην πρόκληση να συναντηθούν και να εργαστούν μαζί για να δημιουργήσουν μερικά τελικά παραδείγματα με βάση τις αναθεωρημένες απαιτήσεις που έχει δημιουργήσει αυτή η πρόκληση.

Αξίζει τον κόπο να ακούσουμε τις ιδέες και τις σκέψεις της κοινότητας, επομένως θα θέλαμε πραγματικά να λάβουμε μερικά παρόμοια σχέδια γύρω από τις απαιτήσεις και να πραγματοποιήσουμε μια δημοσκόπηση σε όλη την κοινότητα του Joomla στο Mattermost για να πάρουμε το τιμόνι από την κοινότητα.

Μπορεί να υπάρξουν περαιτέρω αλλαγές και τροποποιήσεις κατά την κατασκευή, αλλά η δουλειά και η προσπάθεια του νικητηρίου προτύπου θα είναι αναγνωρίσιμες στον τελικό σχεδιασμό.

Αν το διαβάζετε αυτό και απογοητεύεστε, χάσατε την πρόκληση: υπάρχει μια ακόμη πιο σημαντική πρόκληση για να το κάνετε πραγματικότητα σε όλους τους ιστότοπούς μας. Αυτό θα απαιτήσει πολλή δουλειά· χρειαζόμαστε όσο το δυνατόν περισσότερους ανθρώπους για να το κάνουμε πραγματικότητα.

Επομένως, παρακαλώ, εάν θέλετε να σηκώσετε τα μανίκια σας και να γίνετε μέλος του εκσυγχρονισμού των τοποθεσιών Joomla, βάλτε το όνομά σας μπροστά και κάντε τη διαφορά.

Μπορείτε να εγγραφείτε στο κανάλι Joomla 5 Challenge

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

Θα ήταν υπέροχο αν αυτή ήταν μια πραγματική προσπάθεια της κοινότητας: μαζί, θα μπορούσαμε να κάνουμε τις τοποθεσίες Joomla σύγχρονες και έτοιμες για την κυκλοφορία του Joomla 5!