Ο Webdesigner Depot παίρνει έναν επανασχεδιασμό
Πριν από λίγες ημέρες, στις 11 Νοεμβρίου, εορτάσαμε τα 6α γενέθλιά μας εδώ στο WDD αποκαλύπτοντας τον τελευταίο μας επανασχεδιασμό.
Αν επισκέπτεστε συχνά, θα πρέπει να παρατηρήσετε εύκολα τις περισσότερες αλλαγές, ωστόσο, εάν πέσετε μόνο μια φορά, η τοποθεσία θα αισθανθεί παρόμοια αλλά διαφορετική. Στην πραγματικότητα, εάν κάναμε τη δουλειά μας σωστά, θα πρέπει να αισθάνεται πιο ελάχιστη, πιο κομψή και ευκολότερη στην ανάγνωση.
Όταν αποφασίσαμε να επανασχεδιάσουμε το WDD, θέλαμε να επιτύχουμε μια καλύτερη εμπειρία για τους χρήστες, υιοθετώντας μια πιο μινιμαλιστική προσέγγιση, απλουστεύοντας και επιταχύνοντας την περιοχή.
Θεωρήσαμε μια διάταξη περιοδικών για το νέο σχέδιο, αλλά αισθανόταν απρόσωπη και συντριπτική με πάρα πολύ περιεχόμενο και φαινόταν κάπως βρώμικο επίσης. Πραγματοποιήσαμε αμέτρητες επαναλήψεις πριν αποφασίσουμε να ακολουθήσουμε αυτή την κατεύθυνση. Γύρω από τον ιστό, βλέπουμε όλο και περισσότερο περιεχόμενο που προβάλλεται αυτές τις μέρες σε ιστότοπους (ειδικά σε ιστότοπους τεχνολογίας) που κατακλύζουν τους χρήστες με πάρα πολλές επιλογές. Πιστεύουμε ότι αυτή η νέα διάταξη αισθάνεται πιο οικεία, προσωπική και πιο εύκολη στην περιήγηση, κάπως σαν ένα σταυρό ανάμεσα σε ένα παραδοσιακό ιστολόγιο και σε ένα περιοδικό στυλ περιοδικών χωρίς να εξουδετερώνει την εμπειρία του χρήστη.
Η πλευρική γραμμή έχει ελαχιστοποιηθεί. Είναι πλέον στενότερη και ακόμη και οι 200 × 125 διαφημίσεις, οι οποίες εμφανίζονται τώρα μία φορά, φαίνεται να αναπνέουν ευκολότερα με άφθονο λευκό χώρο γύρω τους. Αρχικά αφαιρέσαμε τη μεγαλύτερη διαφήμιση 300x250 στην κορυφή της πλαϊνής γραμμής για να δημιουργήσουμε μια υπερβολικά μικρή πλαϊνή μπάρα με μόνο τις διαφημίσεις 200 × 125, αλλά αυτό δημιούργησε ένα πρόβλημα για ορισμένους από τους χορηγούς μας που διαφημίζουν έντονα σε αυτό το κορυφαίο σημείο.
Έχουμε πειραματιστεί επίσης με την αφαίρεση της πλαϊνής γραμμής εντελώς, αλλά όταν προσπαθήσαμε να ενσωματώσουμε το περιεχόμενο της πλευρικής γραμμής και ειδικά τις διαφημίσεις μέσα στο περιεχόμενο σε μια μόνο στήλη, η διάταξη έγινε βαριά και αποδιοργανωμένη. Εάν το WDD ήταν απαλλαγμένο από διαφημίσεις (μια μέρα;), θα είχαμε πάρει πιθανώς μια προσέγγιση χωρίς πλευρική γραμμή . Προς το παρόν όμως, οι διαφημίσεις εξακολουθούν να είναι απαραίτητες για την εκτέλεση του ιστότοπου και την πληρωμή των λογαριασμών, αλλά με αυτήν την προσέγγιση πιστεύουμε ότι είναι λιγότερο ενοχλητικό και εξυπηρετεί τόσο τους διαφημιζόμενους όσο και τους αναγνώστες μας καλύτερα.
Μια από τις ιδέες που θέλαμε να ενσωματώσουμε νωρίς ήταν άπειρη κύλιση . Ζητήσαμε από τους αναγνώστες μας μέσω των κοινωνικών μας καναλιών για ανατροφοδότηση σχετικά με αυτό και διενήργησε κάποια διεξοδική έρευνα και διαπίστωσε ότι θα ήταν ως επί το πλείστον αρνητικό για τους σκοπούς μας. Πιστεύουμε ότι η άπειρη κύλιση θα λειτουργήσει καλύτερα για ιστότοπους με τις περισσότερες εικόνες, αλλά όχι απαραιτήτως για ένα blog όπου φαίνεται να έχει ως αποτέλεσμα λιγότερη εμπλοκή χρήστη (οι αναγνώστες απλώς μετακινηθούν και μετακινηθούν, αλλά ασχολούνται λιγότερο με το περιεχόμενο). Φυσικά, υπάρχουν πάντα εξαιρέσεις, αλλά για το WDD για τώρα, είμαστε κολλημένοι με μια παραδοσιακή προσέγγιση σελίδωσης και λέγοντας "όχι" για την άπειρη κύλιση.
Πιστεύουμε ότι αυτή η νέα διάταξη αισθάνεται πιο οικεία, προσωπική και πιο εύκολη στην περιήγηση, κάπως σαν ένα σταυρό ανάμεσα σε ένα παραδοσιακό blog και σε ένα περιοδικό στυλ περιοδικών.
Θέλαμε το WDD να έχει μια τέλεια ισορροπία μεταξύ αυτού που αντιλαμβανόμαστε ως αρσενικό και θηλυκό σχεδιαστικό στοιχείο. Θα παρατηρήσετε εκτεταμένη χρήση αρσενικών σχημάτων όπως αιχμηρές γωνίες, τετράγωνα και ορθογώνια, αλλά και πολλοί κύκλοι χρησιμοποιούνται σε όλο το χώρο για να φέρουν μια μαλακότερη θηλυκή πλευρά.
Επιπλέον, προσθέσαμε πολλές διαγώνιες γραμμές σε ολόκληρο τον ιστότοπο, και μάλιστα έκαναν τις κεφαλίδες μας με πλάγια γράμματα να φέρουν ολόκληρη τη διαγώνια συνιστώσα. Ο ιστότοπος αισθάνεται πιο συνδεδεμένος με όλες τις μορφές, τα μεγέθη και τα σχήματα, όπως και ο σχεδιασμός. Αυτό αντιπροσωπεύει επίσης την ποικιλία του περιεχομένου που μεταφέρουμε στον ιστότοπο, τους διαφορετικούς συγγραφείς, τις πολλαπλές οπτικές γωνίες κ.ο.κ.
Η ιδέα πίσω από την εναλλασσόμενη διάταξη κειμένου και εικόνων στις κύριες σελίδες είναι να δημιουργηθεί μια ισορροπία τόσο των κειμένων όσο και των εικόνων και στις δύο πλευρές της κύριας στήλης. Αποφασίσαμε για άλλη μια φορά να μην έχουμε μια εμφανή θέση στην κορυφή, η οποία πιστεύουμε ότι θα προσκαλέσει τους αναγνώστες μας να διερευνήσουν περισσότερα και ίσως να βρεθείτε να πιέζετε πιο συχνά από την επόμενη σελίδα, καθώς ο ιστότοπος πρέπει να αισθάνεται πιο ελκυστικός περιηγηθείτε και εξερευνήστε.
Οι κεφαλίδες είναι τώρα μέσα LFT Etica και όλα τα καπάκια. Ξεφορτώσαμε Adelle γραμματοσειρά για αυτόν τον επανασχεδιασμό, καθώς θέλαμε να ελαχιστοποιήσουμε τις διακοσμήσεις και μια γραμματοσειρά sans serif ήταν απλά μια καλύτερη λύση για αυτό. Το εξαιρετικά βαρύ τολμηρό στυλ κάνει τους τίτλους πραγματικά ποπ και πιο εύκολο να διαβάσει. Το WDD ήταν πάντα «τολμηρό» στην προσέγγισή του στο σχεδιασμό του, αλλά αυτό είναι ίσως ο πιο τολμηρός σχεδιασμός μας.
Για το κείμενο που χρησιμοποιούμε Proxima Nova Soft , που άλλαξε από το Open Sans στην προηγούμενη σχεδίασή μας. Η στρογγυλοποίηση αυτής της γραμματοσειράς αισθάνθηκε κατάλληλη για τον ιστότοπο καθώς προσθέτει μια πιο θηλυκή αίσθηση, ενώ οι κεφαλίδες εμφανίζονται πιο αρρενωπό. Και πάλι, προσπαθούσαμε να δημιουργήσουμε ισορροπία σε όλες τις πτυχές.
Υπάρχουν νέα εφέ κινουμένων σχεδίων, ανατροπές, συνδέσεις κειμένου και μικρές πινελιές εδώ και εκεί που κάνουν το site να αισθάνεται πιο μοντέρνο και snappier. Κάποιες αλλαγές έγιναν επίσης στην backend για να βελτιωθεί η ταχύτητα φόρτωσης και η βελτιστοποίηση του site όσο το δυνατόν περισσότερο. Εχουμε επισης μια νέα σελίδα 404! :)
Ελπίζουμε να απολαύσετε τον νέο επανασχεδιασμό και ειδικά ότι συνεχίζετε να απολαμβάνετε και να μοιράζεστε τα άρθρα μας.
Δουλεύουμε σκληρά για να καταστήσουμε το WDD έναν εξαιρετικό προορισμό για όλους τους φίλους σχεδιαστών και προγραμματιστών μας και αυτός ο επανασχεδιασμός είναι μόνο ένα ακόμη βήμα στο ταξίδι μας μαζί σας.
Μη διστάσετε να μας αφήσετε τα παρακάτω σχόλια με προτάσεις ή οποιεσδήποτε ερωτήσεις που μπορεί να έχετε. Ελπίζουμε να απολαμβάνετε το νέο WDD!