Η διαδικασία σχεδιασμού Vs. Design-As-Προϊόν
Το πρόβλημα με τη λέξη "πρότυπο" είναι ότι το νόημά του εξαρτάται από την άποψη κάποιου.
Τα πρότυπα μπορούν να είναι εισιτήρια σε στιγμιαίες ιστοσελίδες. Πολλά συστήματα διαχείρισης περιεχομένου επιτρέπουν στους κατόχους να αλλάζουν θέματα plug-and-play τόσο εύκολα όσο αλλάζουν τα ρούχα. Οι φθηνές επιφάνειες είναι μια αναζήτηση Google μακριά.
Σε άλλα, τα πρότυπα είναι εργαλεία μάθησης. Η μελέτη δειγμάτων κώδικα και στυλ του πραγματικού κόσμου μπορεί να είναι πιο πρακτική από τα ακόλουθα παραδείγματα σε ένα βιβλίο ή από αναδιατύπωση των σημειώσεων της διάλεξης.
Το πρόβλημα με τη λέξη "πρότυπο" είναι ότι το νόημά του εξαρτάται από την άποψη κάποιου.
Για μερικούς, ένα πρότυπο είναι ένα εισιτήριο σε έναν άμεσο ιστότοπο. Πολλά συστήματα διαχείρισης περιεχομένου επιτρέπουν στους ιδιοκτήτες να αλλάζουν θέματα plug-and-play με την ίδια ευκολία καθώς αλλάζουν ρούχα και φθηνά δέρματα είναι απλά μια αναζήτηση Google μακριά.
Σε άλλα, τα πρότυπα είναι εργαλεία μάθησης. Η μελέτη των δειγμάτων κώδικα και στυλ του πραγματικού κόσμου είναι πιο πρακτική γι 'αυτούς από το να ακολουθούν παραδείγματα σε ένα βιβλίο ή να αναθεωρήσουν σημειώσεις διαλέξεων.
Τα πρότυπα μπορούν να αντιπροσωπεύουν την ανεξαρτησία. Οποιοσδήποτε, ακόμη και κάποιος που δεν έχει βασικές δεξιότητες σχεδίασης ή ανάπτυξης, μπορεί να επιλέξει από εκατοντάδες πρότυπα χωρίς φόβο ότι ένας «ειδικός σχεδιασμού» θα αμφισβητήσει την απόφασή του.
Τα πρότυπα μπορούν επίσης να σημαίνουν αποτελεσματικότητα. Είναι αρκετά γενικές για να ταιριάζουν στις περισσότερες πληροφορίες και είναι επαναχρησιμοποιήσιμες. Συμπληρώστε το χώρο με μια παύλα περιεχομένου και τελειώσατε.
Πολλοί άνθρωποι με τους οποίους συνεργάστηκα με τους σχεδιαστές, τους διαχειριστές και τους πελάτες - εξισώνουν τα πρότυπα με το σχεδιασμό. Για να δημιουργήσετε ένα σχέδιο είναι να χτίσετε μια καρέκλα στην οποία το περιεχόμενο θα καθίσει. Για να επιλέξετε ένα σχέδιο είναι να επιλέξετε ένα όχημα για τη μεταφορά πληροφοριών.
Το ουσιαστικό "σχέδιο" διαφέρει από το ρήμα "σχεδιασμός" : το ένα είναι ένα προϊόν, το άλλο μια διαδικασία. Αυτή η σκέψη προκαλεί το ερώτημα: είναι το σχέδιο δέρματος web βαθιά, ή είναι οι σχεδιαστές περισσότερο από τους προμηθευτές προτύπων;
Μετακίνηση συντομεύσεων πληκτρολογίου
Η σκέψη της διαδικασίας σχεδιασμού μιας ιστοσελίδας ως "παραγωγής του καλύτερου προτύπου" είναι η λανθασμένη προσέγγιση. Ξέρω από την εμπειρία.
Πριν από λίγο καιρό προσλήφθηκα για να σχεδιάσω μια ιστοσελίδα δικηγορικής εταιρείας. Οι ιδιοκτήτες των επιχειρήσεων ήξεραν τι ήθελαν, περισσότερο ή λιγότερο, και παρείχαν μακέτες JPG. Έχοντας επίγνωση της περιορισμένης προθεσμίας, ο κύριος του έργου και εγώ χτύπησε μια βάση δεδομένων, ένα προσαρμοσμένο CMS και, φυσικά, το πρότυπο HTML.
Η σύνθεσή τους σε τρεις στήλες είχε ανοιχτά κιβώτια σε ένα πιο ανοιχτό φόντο. Μετράμε χώρο για τις διαφημίσεις στα δεξιά, δουλέψαμε για να ταιριάξουμε το εργαλείο αναζήτησης στα αριστερά, ελέγχαμε τις αποστάσεις σε τρεις εκδόσεις του Explorer και τροποποιήσαμε τις σκιάσεις κάτω από τη γραμμή πλοήγησης. Εν ολίγοις, είχαμε ταλαιπωρία για όλα εκτός από την κεντρική στήλη.
Καθώς πλησίασε η προθεσμία, συναντηθήκαμε για να αντιμετωπίσουμε προβλήματα τελευταίας στιγμής. Ένα άτομο δεν ήταν ικανοποιημένο από τη διευθέτηση ορισμένων πληροφοριών. Κάποιος πρότεινε μια λύση και μου ζήτησε να το δοκιμάσω. Μερικές μεταβολές HTML αργότερα, είδαμε τη νέα σελίδα. Όλοι συμφώνησαν για αυτόν τον συμβιβασμό και ο ιστότοπος προχώρησε.
Μετά την εκτόξευση, ο πελάτης συμπλήρωσε τις δεξιότητές μου στο σχεδιασμό και ιδιαίτερα τις γνώσεις μου για συντομεύσεις πληκτρολογίου. Στην αρχή, δεν αναγνώριζα την αθέλητη προσβολή, αλλά ήμουν χτυπημένος στο ρόλο του "κουμπιού ώθησης", και το πεδίο σχεδίασης ήταν το push pushing. Ακόμη χειρότερα, ήταν δικό μου λάθος: με την ενεργό συμπεριφορά της επιτροπής, έβαλα τον εαυτό μου σε αυτή τη θέση. Η δουλειά ήταν καλή, αλλά το αποτέλεσμα ήταν ανεξερεύνητο και η εμπειρία μειωνόταν.
Ο καλύτερος τρόπος για να σχεδιάσετε, και εννοώ το ρήμα, είναι να συνεχίζετε να σχεδιάζετε, να αναζητάτε προβλήματα. Να επιμείνει ότι το "λιγότερο είναι περισσότερο" είναι το ίδιο με το να λέει "Μην κάνετε κάτι εκτός εάν το έργο υποφέρει χωρίς αυτό".
Πώς λειτουργεί?
1. Ζητήστε ερωτήσεις.
"Τι θέλουμε να επιτύχουμε;" είναι μόνο η αρχή, και "Για να οικοδομήσουμε μια ιστοσελίδα" δεν είναι μια ικανοποιητική απάντηση.
- "Ποιοι προσπαθούμε να βοηθήσουμε, να ενημερώσουμε ή να επηρεάσουμε;"
- "Γιατί να έρχονται οι άνθρωποι σε εμάς αντί του ανταγωνισμού;"
- "Ποιος είναι υπεύθυνος για τι;"
- "Τι χρειαζόμαστε για να ξεκινήσουμε και τι μπορεί να περιμένει αργότερα;"
- "Πώς θα διατηρήσουμε αυτόν τον ιστότοπο; Ποιος θα κάνει αλλαγές, θα παρακολουθήσει την κυκλοφορία και θα αντιμετωπίσει προβλήματα; "
- "Έχει γίνει αυτό πριν; Εάν ναι, πώς μπορούμε να το βελτιώσουμε; Από ποια λάθη μπορούμε να μάθουμε; "
Αυτά δεν φαίνονται σαν ερωτήσεις σχεδιασμού. Ωστόσο, μια λεπτομερής κατανόηση του έργου θα σας επιτρέψει να υιοθετήσετε τις σωστές γραφικές και τεχνολογικές τεχνικές. Για παράδειγμα, η επιλογή του CMS θα εξαρτηθεί από το πόσο συχνά θα χρειαστεί να ενημερωθεί η ιστοσελίδα - ίσως δεν είναι απαραίτητο ένα CMS.
2. Καθορίστε τις παραμέτρους.
Οι άνθρωποι εκπλήσσονται να μάθουν ότι ο σχεδιασμός ευδοκιμεί στα όρια. η επίλυση προβλημάτων είναι μια καλή άσκηση. Ακολουθούν ορισμένες παράμετροι που πρέπει να λάβετε υπόψη:
- Προσοχή: "Θέλουμε να κάνουμε μια διαρκή εντύπωση στους ανθρώπους. Ποιο είναι το μήνυμά μας; Πόσοι διαφορετικοί τρόποι μπορούμε να εκφράσουμε αυτό το μήνυμα; Τι μπορεί να αποσπά την προσοχή των ανθρώπων; "
- Μεσαίο: "Χρειαζόμαστε αυτό για να δουλέψουμε σε προγράμματα περιήγησης επιφάνειας εργασίας και σε φορητές συσκευές. Πώς μπορούμε να γράψουμε την ίδια HTML και για τις δύο; "
- Προϋπολογισμός: "Πόσο μπορούμε να κάνουμε με τα χρήματα που έχουμε;"
- Χρονοδιάγραμμα: "Το έργο πρέπει να ξεκινήσει σε x αριθμό ημερών. Πώς μπορούμε να πετύχουμε όλα αυτά μέχρι τότε; "
- Επιτυχία: "Πρέπει να πουλήσουμε x αριθμό widgets, να ενημερώσουμε τον αριθμό των ατόμων και να αποκτήσουμε z αριθμό νέων μελών τον πρώτο μήνα. Τι θα πείσει τους ανθρώπους να δράσουν; "
Οι περιορισμοί αναπαράγουν την καινοτομία. Γράφοντας έναν ιστότοπο για να ταιριάξει, ας πούμε, τόσο τα iPhone όσο και ο Internet Explorer 6 ενδέχεται να απαιτούν από τους σχεδιαστές να αμφισβητούν τη δική τους κατανόηση για το τι μπορεί να κάνει το HTML. Οι περιορισμοί δημιουργούν προβλήματα, και ο σχεδιασμός είναι να τα λύσουν.
3. Αντιμετωπίστε το απροσδόκητο.
Σπάνια η πραγματικότητα αντικατοπτρίζει τα ιδανικά, επομένως εξειδικεύεται στην επίλυση προβλημάτων.
- Τεχνικά: "Αυτή η προσθήκη που κατεβάσαμε δεν κάνει ό, τι θέλουμε. Θα προσαρμόσει τον κώδικα ή την προσαρμογή των στόχων προκαλεί περισσότερη θλίψη; "
- Visual: "Φαινόταν καλύτερα στο κεφάλι μου απ 'ό, τι στην οθόνη. Γιατί είμαι συγκλονισμένος; Πώς μπορούμε να εκφράσουμε καλύτερα τη στάση που θέλουμε; Οι επισκέπτες θα είναι εντυπωσιασμένοι; "
- Πολιτικό: "Έγραψα αυτόν τον κώδικα για να πετύχουμε ένα συγκεκριμένο έργο και τώρα μας ζητείται να κάνει κάτι άλλο. Είμαστε σε θέση να πούμε "όχι", ή μήπως είναι εφικτές οι αιτήσεις; "
- Ώρα: "Αυτό διαρκεί περισσότερο από όσο επιτρέψαμε".
Όταν ο σχεδιασμός είναι μια διαδικασία , στη συνέχεια, χρησιμοποιώντας τη διάταξη, την τυπογραφία, το χρώμα, τη γραμμή, τη μορφή, την αντίθεση και την τεχνολογία λύνουν τα προβλήματα.
Πότε Σχεδιάζει Σχεδιαστής;
Η απόφαση για το πώς ένα blog πρέπει να μοιάζει είναι ένας κακός τρόπος να ξεκινήσετε. Ένα blog είναι ένα μικρόφωνο, όχι μια φωνή. χωρίς λέξεις για να γεμίσει τις σελίδες του, το blog θα εξασθενίσει.
Καμία ποσότητα WordPress / Drupal / Blogger / Joomla wizardry θα γεμίσει μια κενή τρύπα. Πάρτε τις γραμματοσειρές, για παράδειγμα: η επιλογή ενός τυπογραφικού χαρακτήρος που φαίνεται καλό δεν είναι το ίδιο με την επιλογή ενός με quirks που μιμούνται ή ενισχύουν γραφικά στοιχεία της ιστοσελίδας.
Η λήψη ενός σχεδίου (το ουσιαστικό) είναι μια συντόμευση για την επίτευξη αποτελεσμάτων αλλά όχι απαραίτητα για την επιτυχία. Οι σελίδες γίνονται ανταλλάξιμα σκάφη: είναι εύκολα αναπαραχθείσα αλλά αδιάφορη για το περιεχόμενο.
Ο σχεδιασμός (το ρήμα) είναι μια στενή σχέση μεταξύ περιεχομένου και μορφής. Είναι περισσότερη δουλειά, αλλά δεν είναι γιατί οι άνθρωποι προσλαμβάνουν επαγγελματίες σχεδιαστές;
Γράφτηκε αποκλειστικά για το Webdesigner Depot από τον Ben Gremillion. Ο Ben είναι ανεξάρτητος σχεδιαστής ιστοσελίδων λύνει προβλήματα επικοινωνίας με καλύτερο σχεδιασμό.
Πώς βλέπετε "πρότυπα" και "σχεδιασμό" μετά την ανάγνωση αυτού του άρθρου; Παρακαλώ μοιραστείτε τα σχόλιά σας παρακάτω ...