WebdesignerDepot Επανασχεδιασμένο!
Και εδώ είναι ... Μετά από πάρα πολλές καθυστερήσεις, αμέτρητες μακέτες και ιδέες, το νέο {$lang_domain} είναι τελικά εδώ! Αυτή ήταν μια εξαιρετικά περίπλοκη διαδικασία επανασχεδιασμού για ολόκληρη την ομάδα WDD, αλλά είμαστε εξαιρετικά περήφανοι για τα αποτελέσματα και ελπίζουμε ότι το αγαπάτε όσο κι εμείς.
Ξεκινήσαμε το νέο σχεδιασμό χθες και το Twittersphere μας έδωσε μεγάλη ανατροφοδότηση και βοήθησε να εντοπίσουμε κάποια σφάλματα. Διορθώσαμε σφάλματα για την προηγούμενη μέρα και εξακολουθούμε να το κάνουμε, οπότε παρακαλούμε να συγχωρήσετε μερικά τεχνικά προβλήματα που μπορεί να αντιμετωπίσετε ακόμα τις επόμενες ημέρες.
Ήταν σημαντικό για μας ότι το νέο σχέδιο διατηρεί την ψυχή της παλιάς ιστοσελίδας έτσι ώστε να μιλάει, ενώ συγχρόνως εμπνέει τους επισκέπτες μας και φέρνει το ενημερωμένο στα τρέχοντα πρότυπα και τεχνικές σχεδιασμού ιστοσελίδων.
Η νέα αρχική σελίδα, ειδικότερα, κάνει καλύτερη δουλειά στην εισαγωγή νέων επισκεπτών στον ιστότοπό μας. Θα παρατηρήσετε ότι η πλοήγηση και η δομή των πληροφοριών είναι πολύ πιο καθαρή και πιο καθαρή τώρα.
Σε αυτή την ανάρτηση, θα βρούμε κάποιες περισσότερες λεπτομέρειες σχετικά με τα νέα και τα παρασκήνια που θα σας φέρουν αυτή τη νέα έκδοση του WDD. Λοιπόν, ας κάνουμε βουτιά δεξιά!
Εάν είστε ένας από τους 40 εκατομμύρια επισκέπτες μας (!) Τα τελευταία χρόνια, θα παρατηρήσετε ότι το σχέδιο είναι, καλά, πώς να το πω; Διαφορετικά ριζικά! Στην πραγματικότητα, κανένα από τα παλαιά σχέδια δεν έχει διατηρηθεί. Το ρίξαμε όλα και ξεκίνησε φρέσκο από το έδαφος. Αυτό είναι τόσο ριζοσπαστικό όσο μπορείτε να πάρετε με έναν επανασχεδιασμό και φέρει ορισμένους κινδύνους για εμάς, καθώς χάνουμε τα προηγούμενα οφέλη επωνυμίας μας υπέρ αυτού που πιστεύουμε ότι αποτελεί καλύτερη επιλογή για τον ιστότοπό μας, το περιεχόμενό του και το σημαντικότερο: ΕΣΕΙΣ, οι εκπληκτικοί αναγνώστες μας !
Ας ξεκινήσουμε με μερικές πιστώσεις για να δούμε ποιος είναι πίσω από όλα αυτά ...
- Τέχνη: Radim Malinic
- Λογότυπο: Στίβεν Μπόνερ
- Σχεδίαση ιστοσελίδων: Walter Apai
- Κώδικας: Ομάδα WDD
- Ορισμένα στοιχεία σχεδιασμού από Μάθιου Σκίλς
- Προσφορές σχεδιασμού: Προσφορές σχετικά με το σχέδιο
Έτσι, τι είναι καινούργιο σε αυτό το σχέδιο:
Υβριδική διάταξη: Περιοδικό & παραδοσιακό στυλ blog
Ενώ το παλιό σχέδιο είχε μια παραδοσιακή διάταξη blog, με τις πιο πρόσφατες αναρτήσεις που εμφανίζονται πάντα στην κορυφή, η ανασχεδιασμένη έκδοση είναι ένα υβρίδιο μεταξύ ενός στυλ περιοδικού και μιας παραδοσιακής διάταξης blog. Διαπιστώνουμε ότι αυτό λειτουργεί αρκετά καλά για το περιεχόμενό μας. Η ευρύτερη διάταξη μας επέτρεψε να φέρνουμε πολύ περισσότερα περιεχόμενα στην αρχική σελίδα, ενώ οι 2 στήλες στην αρχική σελίδα καθιστούν ευκολότερη την ανάγνωση από κάποια παραδοσιακά ιστολόγια στυλ περιοδικών, όπου το περιεχόμενο μπορεί κατά καιρούς να είναι συντριπτικό.
Προτεινόμενο περιεχόμενο
Οι αναρτήσεις ιστολογίου είναι διασκορπισμένες από τρεις χαρακτηριστικές περιοχές: 2 κάθετες και 1 οριζόντια. Οι κατακόρυφες περιοχές παρουσιάζουν μερικά από τα πιο καυτά θέματα στην περιοχή (ανταποκρίσιμο σχέδιο, jQuery κ.λπ.), ενώ η οριζόντια περιοχή χρησιμοποιείται για να παρουσιάσει τις τελευταίες προσφορές από το site μας MightyDeals.com. Συνολικά, μπορούμε να διαθέτουμε 10 ακόμη δημοσιεύσεις από ό, τι παλιότερα στο προηγούμενο σχέδιο χωρίς να κατανοήσουμε τους αναγνώστες μας.
Ισορροπία και βάρος
Αρχική σελίδα: Λόγω των μεγάλων εικόνων, προσπαθήσαμε να διατηρήσουμε μια ισορροπία μεταξύ κειμένου και εικόνων προβάλλοντας επαρκές περιεχόμενο κειμένου προεπισκόπησης για κάθε θέση. Για τις σελίδες του συγκεκριμένου άρθρου επιλέξαμε εικόνες και αποσπάσματα κώδικα σε όλο το πλάτος, ενώ το κείμενο εμφανίζεται κεντραρισμένο σε μικρότερο πλάτος στις εικόνες. Αυτό καθιστά τον ιστότοπο γρηγορότερο και ευκολότερο στην ανάγνωση (ή τη σάρωση) και εμφανίζει τις εικόνες στα μεγαλύτερα μεγέθη τους για μέγιστη επίπτωση. Για τις εικόνες σε παλαιότερες αναρτήσεις και σε άλλες στενότερες εικόνες, επιλέξαμε να εμφανίζετε γκρι μπάρες στο πλάι, θυμίζοντας τις μαύρες ράβδους που βλέπετε όταν βλέπετε μια προβολή κανονικού ορισμού σε μια τηλεόραση HD. Αυτός ήταν ο καλύτερος συμβιβασμός που θα μπορούσαμε να βρούμε για την ενσωμάτωση αυτών των παλαιότερων θέσεων στη νέα εμφάνιση του δικτυακού τόπου χωρίς να προστεθούν εκ νέου εκατοντάδες θέσεις!
Ανταποκρίσιμος σχεδιασμός
Ο νέος ιστότοπος ανταποκρίνεται πλήρως και φαίνεται εξαιρετικός αν βρίσκεστε σε επιτραπέζιο υπολογιστή, φορητό υπολογιστή, tablet ή έξυπνο τηλέφωνο. Ελέγξτε την έκδοση του έξυπνου τηλεφώνου καθώς φαίνεται και μοιάζει περισσότερο με μια εφαρμογή από έναν ιστότοπο και είμαστε πραγματικά υπερήφανοι για τον τρόπο με τον οποίο αποδείχθηκε αυτό. Φορτώνει και γρήγορα!
Γραφικά των αμφιβληστροειδών
Με την εκκίνηση περισσότερων συσκευών αμφιβληστροειδούς από την Apple, οι οθόνες υψηλότερης ανάλυσης γίνονται όλο και πιο σχετικές με τους ιστοτόπους Το νέο WDD εξυπηρετεί το γραφικό του αμφιβληστροειδούς όπου είναι δυνατόν. Ο σχεδιασμός του ιστότοπου φαίνεται τέλεια ευκρινής στις συσκευές του αμφιβληστροειδούς. Πηγαίνοντας προς τα εμπρός, θα έχουμε βελτιστοποιημένα γραφικά αμφιβληστροειδούς σε όλες τις θέσεις μας όπου είναι δυνατόν. Αυτό είναι πιο εύκολο από ό, τι γίνεται καθώς ο ιστός δεν είναι αρκετά αμφιβληστροειδής έτοιμος ακόμα, στην πραγματικότητα, πολύ λίγες περιοχές εξυπηρετούν μεγάλα γραφικά υψηλής ανάλυσης αυτή τη στιγμή. Ορισμένες από τις πιο πρόσφατες αναρτήσεις είναι ήδη έτοιμες και οι μερικές θα το φέρουν στο μέλλον. Επίσης, ακούσαμε ότι οι διαφημίσεις αμφιβληστροειδούς μπορεί να μην είναι πολύ μακριά στο μέλλον.
Βελτιωμένη πλοήγηση 
Θα δείτε ένα σύμβολο συν στη δεξιά πλευρά των φυλλομετρητών σας (όχι σε κινητές συσκευές) κατά την προβολή άρθρων. Όταν κάνετε κλικ, ανοίγει ένα μίνι φυλλομετρητή που σας επιτρέπει να περιηγηθείτε στο τρέχον άρθρο, όπως την περιήγηση στον πίνακα περιεχομένων ενός eBook. Μπορείτε επίσης να μοιραστείτε το τρέχον άρθρο μέσω του μίνι προγράμματος περιήγησης ή να δείτε σχετικά άρθρα, καθώς και να διαβάσετε τις επόμενες και τις προηγούμενες δημοσιεύσεις.
Η τέχνη
Για άλλη μια φορά, συνεργαστήκαμε με το Über ταλαντούχο εικονογράφος Radim Malinic για να δημιουργήσουμε την τέχνη για το νέο μας site. Ο Radim είναι βραβευμένος καλλιτεχνικός διευθυντής και γραφίστας, με έδρα το Λονδίνο, Αγγλία. Στο όνομα του Μάρκα Nu εργάζεται με κορυφαίες μάρκες νοικοκυριού. Από τον αρχικό σχεδιασμό της ιστοσελίδας του WDD, έχει συνεργαστεί με τις εταιρείες Goldman Sachs, Bacardi, Blistex, London Film Museum και πολλά άλλα. Ο τρόπος εργασίας του είναι ένας από τους πιο ποικίλους στην βιομηχανία. Τα τολμηρά και πολύχρωμα σχέδια του εμπνέουν πολλούς ανθρώπους που τους βλέπουν. Ζητήσαμε από τον Radim να εστιάσει αυτή τη στιγμή τον σχεδιασμό του σε κύκλους, καθώς πρόκειται για ένα διαχρονικό σχήμα που είναι εξαιρετικά δημοφιλές και ευνοημένο στα τρέχοντα σχέδια ιστοτόπων.
Παράλλαξη
Η νέα τέχνη και το λογότυπο στην κεφαλίδα ζωντανεύουν με ένα φαινόμενο parallax 5 επιπέδων (κινούμενο με διαφορετικούς ρυθμούς) στο τμήμα κεφαλίδας της ιστοσελίδας. Για να το δείτε, απλά μετακινήστε το ποντίκι σας γύρω από την περιοχή κεφαλίδας (όχι σε κινητές συσκευές). Νομίζουμε ότι φαίνεται πολύ δροσερό και προσθέτει ένα στοιχείο διασκέδασης στο site! [UPDATE] Το εφέ parallax αγαπήθηκε από τους περισσότερους, αλλά μερικοί άνθρωποι δεν το άρεσαν, οπότε προσθέσαμε την επιλογή να το απενεργοποιήσουμε κάνοντας δεξί κλικ στην περιοχή εφέ.
Λογότυπο
Παρόλο που το παλιό λογότυπο μας εξυπηρετούσε καλά και μας άρεσε πολύ, καθώς ήταν ένας πλήρης επανασχεδιασμός, ένα νέο λογότυπο ήταν σωστό! Συνεργαστήκαμε αυτή τη φορά με Στίβεν Μπόνερ να σχεδιάσουμε ξανά το λογότυπό μας. Είναι ένας πολύ ταλαντούχος τυπογράφος που εδρεύει στη Σκωτία με ένα αξιοζήλευτο χαρτοφυλάκιο εικονογραφημένων από τον τύπο απεικονίσεων για μερικές από τις μεγαλύτερες μάρκες στον κόσμο. Νομίζουμε ότι αποδείχθηκε μεγάλη και ισορροπεί το site καλά με μια προσωπική χειροποίητη αφή, ενώ ταυτόχρονα αναζητούν επαγγελματική και στιλβωμένη ταυτόχρονα.
Τυπογραφία
Καταργήσαμε τελικά τις παλιές γραμματοσειρές βαρετό σύστημα υπέρ των γραμματοσειρών τύπου Typekit, που χρησιμοποιούνται αποκλειστικά σε ολόκληρη την περιοχή. Χρησιμοποιούμε Kulturista για όλες τις κεφαλίδες που φαίνονται υπέροχα και έχουν ωραία προσωπικότητα και μοναδική αίσθηση. Για το κείμενο που επιλέξαμε Proxima Nova η οποία έχει εξαιρετική αναγνωσιμότητα και είναι ιδανική για μεγάλα κομμάτια κειμένου. Για επικεφαλίδες, εξετάσαμε επίσης Adelle , και για το σώμα κειμένου θεωρούσαμε επίσης το Museo Sans, Adelle Sans , Μυριάδα και Helvetica .
Γραμματοσειρά Pictos Icon
Χρησιμοποιούμε πολλά εικονίδια σε αυτό το νέο σχέδιο. Τα εικονίδια είναι μέρος του φοβερού Γραμματοσειρά εικονιδίων Pictos σχεδιάστηκε από Drew Wilson . Το χρησιμοποιούμε ακόμη και για τις κινούμενες κοινωνικές εικόνες στο κάτω μέρος του ιστότοπου.
Υποσέλιδο
Έχουμε 2 περιοχές υποσημείωσης στο κάτω μέρος της τοποθεσίας. Το πρώτο υπογραμμίζει κάποιες περιοχές που πιστεύουμε ότι είναι σημαντικές για να τονίσουμε και έπειτα έχετε ένα πιο παραδοσιακό look footer στο κάτω μέρος με κυρίως συνδέσμους κειμένου και μερικές κινούμενες κοινωνικές εικόνες.
Κοινωνική ενσωμάτωση
Θέλαμε να παρουσιάσουμε τους αναγνώστες μας με μεγαλύτερο τρόπο, έτσι ώστε το νέο WDD να είναι πιο κοινωνικό από πριν. Τώρα διαθέτουμε τα σχόλιά σας και τα retweets ακριβώς κάτω από κάθε θέση στην αρχική σελίδα. Έτσι, αν θέλετε λίγη φήμη, μπορείτε τώρα να πάρετε το avatar σας ακριβώς εκεί για να δει όλος ο κόσμος! Λοιπόν, αυτό είναι λίγο υπερβολή!
Λιγότερες διαφημίσεις
Εντάξει, μερικά καλά και μερικά κακά νέα. Κάποιες από τις διαφημίσεις μας έγιναν μεγαλύτερες, αλλά μειώσαμε επίσης τον αριθμό των διαφημίσεων που εκτελούνται στον ιστότοπο. Παραδεχόμαστε ότι με την πάροδο των χρόνων ο ιστότοπός μας είχε κάπως υπερβολικά φουσκωμένο με διαφημίσεις, οπότε αυτή ήταν μια μεγάλη ευκαιρία για να καθαρίσετε τα πράγματα. Αυτό έχει κάνει τη διάταξη καθαρότερη και πιο αισθητικά ευχάριστη για να πλοηγηθεί, ενώ εξακολουθεί να είναι σε θέση να πληρώσει το ενοίκιο - μην ξεχάσετε να υποστηρίξετε τους ευγενικούς χορηγούς μας :)
Depot.ly
Αυτή είναι μια ηλικία δύο εβδομάδων: ξεκινήσαμε να χρησιμοποιούμε το short URL depot.ly για τα tweets μας, ώστε να μπορείτε να αναγνωρίζετε τις αναρτήσεις μας σε όλα τα κοινωνικά κανάλια που χρησιμοποιείτε. Πολύ χρήσιμο νομίζουμε!
Περισσότερο περιεχόμενο
Όπως ίσως έχετε παρατηρήσει, ξεκινήσαμε πρόσφατα να δημοσιεύουμε περισσότερα άρθρα κάθε μέρα. Παρόλο που οι συντακτικές θέσεις υπήρξαν και συνεχίζουν να αποτελούν την ουσία του περιεχομένου μας, καλύπτουμε τώρα τα σχετικά νέα και τις μίνι θέσεις που θα είναι κατάλληλα για τους σχεδιαστές και τους προγραμματιστές που επισκέπτονται τον ιστότοπό μας. Πιστεύουμε ότι αυτό διατηρεί τον ιστότοπο πιο ενημερωμένο και σε επαφή με αυτό που συμβαίνει στον κόσμο τώρα, χωρίς να καταφύγει σε πλήρεις δημοσιεύσεις για κάθε θέση.
Παρουσιάσαμε πολλά ζητήματα που καθιστούσαν αυτό το σχέδιο να λειτουργεί σε όλα τα προγράμματα περιήγησης και τις συσκευές (και εξακολουθούν να κάνουν!). Στην πραγματικότητα, αυτή ήταν η αιτία για μερικές από τις τελευταίες στιγμές καθυστέρησης που βιώσαμε. Σκοπεύαμε να ξεκινήσουμε την περασμένη εβδομάδα, αλλά πολλά θέματα του προγράμματος περιήγησης μας επιβραδύνουν. Λυπάμαι για αυτό! Ο Firefox ήταν ιδιαίτερα προκλητικός, αλλά ο IE 8 αποδείχτηκε ο χειρότερος και η αιτία πολλών πονοκεφάλων και απογοητεύσεων για τους κωδικοποιητές μας. Από τη χθεσινή μας έναρξη, έχουμε λάβει πολλές επιπλέον πληροφορίες μέσω του Twitter για θέματα που πρέπει ακόμα να επιλυθούν. Ευχαριστούμε για την υπομονή σας ενώ τις αντιμετωπίζουμε.
Αυτό που βλέπετε σήμερα είναι το νέο σχέδιο, αλλά αυτό δεν είναι όλα. Σχεδιάζουμε να προσθέσουμε σύντομα νέα πράγματα. Θα μάθετε περισσότερα σχετικά με αυτές τις ερχόμενες εβδομάδες.
Όλοι αγαπάμε προσωπικά το νέο σχέδιο και περιμένουμε να συνεχίσει να εξελίσσεται με βάση τα σχόλιά σας. Θα το εκτιμήσουμε πραγματικά αν ακόμα μπορούσατε να μας ενημερώσετε για οτιδήποτε θέλετε να βελτιώσουμε. Επίσης, ενημερώστε μας αν διαπιστώσετε τυχόν προβλήματα συμβατότητας με το πρόγραμμα περιήγησης ή ζητήματα σε συγκεκριμένες κινητές συσκευές που χρησιμοποιείτε για να μπορέσουμε να τις αντιμετωπίσουμε γρήγορα.
Όπως πάντα, είμαστε βαθιά και εξαιρετικά ευγνώμονες σε όλους σας για την υποστήριξη του WDD για όλα αυτά τα χρόνια. Από όλη την ομάδα εδώ στο WDD, μεγάλη ευχαριστία σε όλους εσάς και ελπίζουμε ότι αυτό το νέο σχέδιο θα σας εμπνεύσει και θα σας εξυπηρετήσει κατά τη διάρκεια της περιήγησης στο site μας.
Τι πιστεύετε για τον νέο επανασχεδιασμό του WDD; Χαιρετίζουμε τα σχόλιά σας!