Το Razcam Razor: Μια μεγάλη αρχή για τους σχεδιαστές
Το Lex parsimoniae είναι η λατινική έκφραση αυτού που είναι γνωστό στα Αγγλικά ως Occam's Razor , ένας φιλοσοφικός κανόνας που έχει καθοδηγήσει μερικά από τα καλύτερα και λαμπρότερα μυαλά του κόσμου (συμπεριλαμβανομένου του Isaac Newton).
Ονομάστηκε από τον λογογνώμονα του 14ου αιώνα και τον θεολόγο William of Ockham.
Αλλά τι κάνει η κασετίνα της Occam's Razor έχει να κάνει με το σχεδιασμό ιστοσελίδων; Χαίρομαι που ρωτήσατε. Για να το ξεκαθαρίσω, η Razcam της Razcam αναφέρει ότι η απλούστερη εξήγηση είναι συνήθως αλήθεια.
Για τους σκοπούς μας, η χρήση της Razcam Razor είναι να κάνουμε κάτι με τον απλούστερο δυνατό τρόπο επειδή απλούστερη είναι συνήθως καλύτερη.
Σε αυτό το άρθρο, θα σας δείξουμε πώς να χρησιμοποιήσετε το Razcam Razor για να δημιουργήσετε καλύτερες ιστοσελίδες και να βελτιώσετε την εμπειρία των χρηστών τόσο για τον εαυτό σας όσο και για τους πελάτες σας.
Πριν βυθίσουμε τις λεπτομέρειες, ας δούμε ένα πραγματικό παράδειγμα του Razcam Razcam, όπως χρησιμοποιείται από μια εταιρεία της οποίας τα απλά και αποτελεσματικά προϊόντα είστε σίγουρα εξοικειωμένοι με: 37signals.
Ένα παράδειγμα του πραγματικού κόσμου
Οι 37 ιδρυτές των ιδρυμάτων Jason Fried και David Heinemeier Hanson είναι οι εγκέφαλοι πίσω από μερικά από τα πιο ενδιαφέροντα προϊόντα και τεχνολογίες του διαδικτύου. Μεταξύ των μικρών αλλά επιρροή τάξεων τους, ασκούν και κηρύττουν μια απλότητα παρόμοια με την ξυράφι του Occam.
Τους έχει υπηρετήσει καλά την τελευταία δεκαετία. Αυτό που άρχισε ως εταιρεία συμβούλων σχεδιασμού ιστοσελίδων τριών προσώπων το 1999 έχει τώρα τρία εκατομμύρια χρήστες παγκοσμίως των προϊόντων λογισμικού της (τα οποία περιλαμβάνουν Basecamp, Campfire και Highrise). Μόνο η Basecamp παράγει εκατομμύρια δολάρια για την εταιρεία και η εταιρεία απασχολεί 16 άτομα. Μήπως αναφέρω ότι είναι υπεύθυνοι για την ανάπτυξη του άκρως δημοφιλούς πλαισίου προγραμματισμού ανοιχτού κώδικα Ruby on Rails; Εδώ είναι ένα απόσπασμα για να το οδηγήσετε στο σπίτι (από το Rework , το τελευταίο βιβλίο του δίδυμου):
Πολλοί άνθρωποι μας μισούν επειδή τα προϊόντα μας είναι λιγότερο από τα ανταγωνιστικά. Είναι προσβλημένοι όταν αρνούμαστε να συμπεριλάβουμε το σκυλί τους. Αλλά είμαστε εξίσου υπερήφανοι για το τι τα προϊόντα μας δεν κάνουν, όπως είμαστε για αυτό που κάνουν. Σχεδιάζουμε να είναι απλοί επειδή πιστεύουμε ότι το μεγαλύτερο μέρος του λογισμικού είναι πολύ περίπλοκο: πάρα πολλά χαρακτηριστικά, πάρα πολλά κουμπιά, υπερβολική σύγχυση.
Αυτή η επιχειρηματική περίπτωση καθίσταται σαφής και ο Jason Fried θα σας το πει πιθανώς ο ίδιος: να κάνει πράγματα ο απλός τρόπος κάνει την τέλεια επιχειρησιακή λογική. Είναι κάτι παραπάνω από λογικό: είναι έξυπνο. Εδώ είναι πώς να κάνετε απλή δουλειά για σας.
Απλός Σχεδιασμός Ιστού
Ο σχεδιασμός απλά για τον ιστό είναι για την αφαίρεση φραγμών. Αν ένας χρήστης δεν ξέρει πού να κάνει κλικ, πες του. Εάν υπάρχουν πάρα πολλές επιλογές πλοήγησης, εξαλείψτε μερικές. Εάν η εικόνα φόντου αποσπά την προσοχή από το μήνυμα, απενεργοποιήστε την.
Στην αρχιτεκτονική, ένας δροσερός σχεδιασμός δεν πρέπει να θέτει σε κίνδυνο τη δύναμη της δομής ή να δυσκολεύει να φτάσει από το σημείο Α στο σημείο Β. Ομοίως, ένας δροσερός σχεδιασμός ιστοσελίδων δεν πρέπει να θέτει σε κίνδυνο τη σαφήνεια του μηνύματος που προσπαθείτε να μεταφέρετε ή να το κάνετε είναι δύσκολο για τον χρήστη να πλοηγηθεί από τη σελίδα Α στη σελίδα Β.
Όταν οι στόχοι σας είναι συγκεκριμένοι - όπως η μετατροπή των επισκεπτών σε πελάτες ή ο εντοπισμός επαφών από τους χρήστες και η εξάλειψη πιθανών εμποδίων, είναι καθοριστικής σημασίας, ιδιαίτερα κατά τη φάση σχεδιασμού. Πολύ συχνά οι σχεδιαστές χτίζουν κάτι δροσερό χωρίς να υπολογίζουν πρώτα πώς να επιτύχουν τους στόχους τους ή να προβλέπουν πόσο εύκολο θα είναι το σχεδιασμό για να πλοηγηθείτε, πράγμα που μπορεί να οδηγήσει σε συνεχείς επανασχεδιασμούς, διαρκή μικροαλλαγές, χαμένο χρόνο και χαμένα χρήματα.
Το απλό πηγαίνει χέρι με χέρι με εύκολο τρόπο. Την επόμενη φορά που θα ανοίξετε το Photoshop για να ξεκινήσετε ένα νέο σχέδιο, αναρωτηθείτε όπως:
- Θα μπορούσε ένας μη σχεδιαστικός ή μη προγραμματιστής να βρει αυτή τη διεπαφή σύγχυση;
- Χρειάζομαι όλες αυτές τις πληροφορίες κατά μήκος της κορυφής που ωθούν τη φόρμα εγγραφής στο ενημερωτικό δελτίο κάτω από την πτυχή;
- Πόσο εύκολο θα είναι οι χρήστες να έχουν πρόσβαση στις πληροφορίες που θέλουν;
- Υπάρχουν πάρα πολλές επιλογές;
- Θα είναι αυτή η διεπαφή χρησιμοποιήσιμη για το κοινό-στόχο μου, για ένα 70χρονο άτομο ή για κάποιον με μερική τύφλωση;
Παίρνετε το σημείο.
Τα απλά σχέδια είναι καλά για έναν άλλο λόγο: διαφοροποίηση. Εάν θέλετε ο ιστότοπός σας να επιβιώσει σε μια εξειδικευμένη εξειδικευμένη γκλατζ και γκλαμ, δημιουργήστε κάποια αντίθεση δημιουργώντας μια απλή διάταξη.
Απλή κωδικοποίηση
Ένα buzzword που επιπλέει γύρω από τον ιστό που σχετίζεται άμεσα με την κωδικοποίηση είναι "ελαφρύ", που είναι απλώς ένας άλλος τρόπος να λέμε "απλά".
Είναι γνωστό ότι ο απλός κώδικας φορτώνει ταχύτερα και αντιμετωπίζει γενικά λιγότερα προβλήματα. Αν μπορούσατε να εφαρμόσετε μια λύση χρησιμοποιώντας ελαφρύ κώδικα και όχι μια φουσκωμένη εναλλακτική λύση, η επιλογή θα ήταν προφανής. Τι εμποδίζει τους προγραμματιστές να το κάνουν τότε;
Ο φουσκωμένος κώδικας έχει δύο κύριες αιτίες. Το ένα είναι τεμπελιά. Οι άνθρωποι αγαπούν να αντιγράψουν και να επικολλήσουν. Οι βιβλιοθήκες κώδικα όπως το jQuery και τα πλαίσια όπως το 960 Grid System είναι χρήσιμα, αλλά έχουν καλλιεργήσει μια τεμπέληλη νοοτροπία, η οποία μπορεί να οδηγήσει σε φουσκωμένο κώδικα. Πώς μπορείτε να είστε σίγουροι ότι ο ιστότοπός σας είναι τόσο απλός όσο μπορεί να είναι αν κάποιος άλλος έχει γράψει τον κώδικα;
Όπως ένας μηχανικός πρέπει να είναι εξοικειωμένος με το τι είναι κάτω από την κουκούλα, ο προγραμματιστής πρέπει να είναι εξοικειωμένος με τον κώδικα που τρέχει στον ιστότοπό του. Τι συμβαίνει εάν κάτι σπάσει; Πώς θα το διορθώσετε; Ακριβώς επειδή μια λύση λειτουργεί δεν σημαίνει ότι είναι ο απλούστερος ή καλύτερος τρόπος για να χειριστεί την περίπτωσή σας.
Η άλλη αιτία του φουσκωμένου κώδικα είναι η έλλειψη γνώσης. Πολλοί σχεδιαστές και προγραμματιστές - ακόμα και κάποιοι που ισχυρίζονται ότι είναι προχωρημένοι - έχουν κολλήσει χρησιμοποιώντας προγράμματα όπως το Dreamweaver για να κωδικοποιήσουν τους ιστοτόπους τους και μερικές φορές βασίζονται σε αυτά για να παράγουν κώδικα γι 'αυτούς.
Σίγουρα, αυτά τα προγράμματα μπορούν να παράγουν κώδικα, αλλά δεν το κάνουν πάντα αποτελεσματικά. απλώς εκτελούν μια εντολή με βάση το τι είχαν προγραμματιστεί να κάνουν. Αντ 'αυτού, χρησιμοποιώντας τεχνάσματα όπως η στενογραφία CSS, μπορείτε να βελτιστοποιήσετε τον κώδικα για ταχύτερους χρόνους φόρτωσης, γεγονός που τελικά θα βελτιώσει την εμπειρία του χρήστη.
Απλό ηλεκτρονικό εμπόριο
Όταν πρόκειται για απευθείας πωλήσεις, η απλότητα πρέπει να χτυπήσει περιεχόμενο ακριβώς από το θρόνο και να αναλάβει τη σωστή θέση του ως βασιλιάς του τομέα του ηλεκτρονικού εμπορίου. Γιατί; Επειδή αυτό που πουλάτε δεν έχει σημασία αν η αγορά είναι πολύ δύσκολη. Εάν κάνετε αγορές είναι εύκολη, λιγότερα καροτσάκια θα εγκαταλειφθούν και θα γίνουν περισσότερες πωλήσεις.
Έτσι, τι μπορείτε να κάνετε για να κάνετε τα online shopping απλούστερα; Παρόλο που κάθε εμπειρία πρέπει να είναι μοναδική και προσαρμοσμένη στις ανάγκες της εταιρείας και των χρηστών της, υπάρχουν μερικοί εύκολοι τρόποι για να αυξήσετε την αποτελεσματικότητα ενός ηλεκτρονικού καταστήματος:
- Κάντε το κουτί αναζήτησης να είναι προεξέχον. Η αναζήτηση θα είναι πιθανώς η προτιμώμενη μέθοδος πλοήγησης πολλών χρηστών, ειδικά αν προσφέρετε εκατοντάδες ή χιλιάδες προϊόντα προς πώληση.
- Μην σπαταλάτε το χρόνο των ανθρώπων κάνοντας τους διπλές πληροφορίες. Για παράδειγμα, διευκολύνετε τους χρήστες να δηλώνουν ότι η διεύθυνση αποστολής τους είναι ίδια με τη διεύθυνση χρέωσής τους προσθέτοντας ένα απλό πλαίσιο ελέγχου στη φόρμα.
- Μην γεμίζετε πολύ καλά τα προϊόντα.
- Μην ενοχλείστε τους αγοραστές με απροσδόκητα αναδυόμενα παράθυρα και συμβουλές σχετικά με το hover. Υπάρχει μια λεπτή γραμμή μεταξύ των χεριών που κρατούν τους χρήστες και την εμπιστοσύνη τους να κάνουν τα πράγματα από μόνοι τους.
Απλή Αντιγραφή Ιστού
Η πλειοψηφία των ιστότοπων βασίζονται σε κείμενο για να μοιράζονται τις υπηρεσίες, τα προϊόντα και τις ιδέες τους. Δεν έχει νόημα η φράση των πραγμάτων έτσι ώστε να είναι εύκολα κατανοητές; Θυμηθείτε, η απλότητα απευθύνεται σε όλους ανεξάρτητα από την πολυπλοκότητα ή την ικανότητά τους.
Το γνωστό ακρωνύμιο KISS (κρατήστε το απλό, ανόητο) πρέπει να κρεμάσει σε μια γιγαντιαία πλάκα πάνω από το γραφείο του καθενός που είναι υπεύθυνος για την αντιγραφή ιστού. Ο ιστότοπός σας είναι προσβάσιμος από σχεδόν κάθε γωνιά της υφηλίου, πράγμα που σημαίνει ότι το απλό αντίγραφο είναι ο καλύτερος τρόπος να στοχεύσετε το ευρύτερο δυνατό κοινό.
Ξεχάστε τους ορισμούς του στιλ του λεξικού και τις λέξεις κλειδιά κάτω από τους λαιμούς των ανθρώπων (εκείνοι που έχουν καλή γεύση μόνο στις μηχανές αναζήτησης). Πείτε τι πρέπει να ειπωθεί όσο πιο σύντομα μπορείτε. Προσπαθώντας να ακούγεται έξυπνος στο διαδίκτυο είναι απλά ηλίθιος: θα αφήσετε τους αναγνώστες μπερδεμένους και μια πιο ενδιαφέρουσα ιστοσελίδα είναι πάντα μερικά μόνο κλικ μακριά.
Απλές Επιχειρηματικές Πρακτικές
Μερικές φορές μπορείτε να κάνετε τα πράγματα απλούστερα και ευκολότερα για εσάς και τον πελάτη σας. άλλες φορές μπορείτε να κάνετε τα πράγματα απλούστερα και ευκολότερα μόνο για έναν από εσάς. Εάν πρέπει να επιλέξετε, ευνοείτε τον πελάτη σας.
Τα καροτσάκια online εγκαταλείπονται όταν τα πράγματα γίνονται πολύ περίπλοκα. έτσι και οι πελάτες εγκαταλείπουν τις εργασιακές σχέσεις που είναι πολύ δύσκολο να διατηρηθούν.
Ρωτήστε τον εαυτό σας ερωτήσεις όπως: Πόσο εύκολο να επικοινωνήσω; Πόσο εύκολο θα ήταν για μένα να πληρώσω το δικό μου τιμολόγιο; (Αν δεν θέλετε να πληρώσετε το δικό σας τιμολόγιο, σκεφτείτε πόσο αποθαρρυντικό πρέπει να είναι για τους πελάτες σας που δεν είναι τεχνολογικά καταλαβαίνω.) Εάν οι πελάτες σας πρέπει να πατήσουν τρία κουμπιά και να περιμένουν σε αναμονή πριν μιλήσουν μαζί σας, ίσως θα πρέπει να επανεξετάσετε το τηλεφωνικό σας σύστημα.
συμπέρασμα
Δεν μπορώ να γράψω για απλότητα χωρίς να αναφέρω την Apple. Η απλότητα έχει πραγματική αξία και μπορεί να μετρηθεί σε κρύο σκληρό μετρητά. Αυτό είναι πολύ σαφές στον Διευθύνοντα Σύμβουλο της Apple, Steve Jobs, του οποίου η προσωπική καθαρή αξία ξεπερνά τώρα τα 5 δισεκατομμύρια δολάρια. Έχει παραδώσει μερικά από τα πιο cool και πιο φιλικά προς το χρήστη gadgets στον κόσμο.
Η απλότητα ενσωματώνεται στο iPhone και στο iPad. κάθε συσκευή διαθέτει μόνο ένα κουμπί στο μπροστινό μέρος. Το MacBook είναι κατασκευασμένο από ένα κομμάτι αλουμινίου. Και η απλότητα είναι γιατί τόσοι σχεδιαστές μιμούνται την ιστοσελίδα της Apple (τον λευκό χώρο, την πλοήγηση, τη μεγάλη φωτογραφία).
Η Apple επεκτείνει ακόμη περισσότερο την απλότητα στη συσκευασία της. Όταν αντικατέστησα πρόσφατα τον σταθμό εργασίας Dell με ένα iMac, το σαγόνι μου έπεσε καθώς μετέτρεψα το βλέμμα μου ανάμεσα στο μονό καλώδιο τροφοδοσίας που βγαίνει από το πίσω μέρος του Mac μέχρι το σωρό των κορδονιών που κουνηλάει στο πάτωμα δίπλα στην παλιά Dell. Αυτή είναι η δύναμη της απλότητας. Η ομάδα στο Cupertino της Καλιφόρνιας θέτει σε λειτουργία την Razcam Razor και απολαμβάνει τα οφέλη.
Μπορεί να ρωτήσετε ... γιατί θα ήθελε ένας απλός σχεδιαστής ή προγραμματιστής να απλοποιήσει; Δεν είναι αυτή η υποχώρηση; Θα έλεγα ότι ενώ οι αρχάριοι πρέπει να χρησιμοποιούν ένα απλό προϊόν επειδή αυτό είναι αυτό που είναι σε θέση να χειριστούν, αυτό δεν είναι αναγκαστικά η καλύτερη περίπτωση απλότητας. Οι επαγγελματίες επιλέγουν να επιβάλλουν περιορισμούς στη δουλειά τους, ώστε να μπορούν να δημιουργήσουν ένα καλύτερο προϊόν.
Ίσως είναι καιρός να επανεξετάσουμε τον τρόπο που σχεδιάζετε για το Web. Η εμπειρία ενός ιστότοπου δεν πρέπει να είναι εύκολη: πρέπει να είναι ανώδυνη. Κάντε την πλοήγηση αβίαστη, ώστε οι χρήστες να εστιάζουν περισσότερο στο περιεχόμενο από ό, τι στον τρόπο πρόσβασης.
Γράφτηκε αποκλειστικά για WDD από τον Chris McConnell. Είναι επιχειρηματίας, σχεδιαστής και συγγραφέας που ίδρυσε την εταιρεία σχεδιασμού Brandeluxe και γράφει τακτικά στο blog του, Ελεύθερος έλεγχος . Μπορείτε επίσης να συνδεθείτε με τον Chris στο Κελάδημα .
Εφαρμόζετε την αρχή του Occam's Razor στα σχέδιά σας; Γιατί ή γιατί όχι? Μοιραστείτε τη γνώμη σας παρακάτω ...