Typography επιχείρηση. Η γραμματοσειρά που χρησιμοποιεί η ιστοσελίδα σου, το λογότυπο σου, τα υλικά σου, επηρεάζει τον τρόπο που σε αντιλαμβάνεται ο πελάτης. Και το κάνει πριν διαβάσει μια λέξη. Αυτό ίσως ακούγεται ακραίο, αλλά υπάρχει επιστημονική τεκμηρίωση που το υποστηρίζει.
Typography επιχείρηση: γιατί η γραμματοσειρά πουλάει
Έρευνα του MIT έδειξε ότι οι άνθρωποι σχηματίζουν αντίληψη για αξιοπιστία βασισμένη στο typography ενός site σε λιγότερο από 50 χιλιοστά του δευτερολέπτου. Επομένως, η γραμματοσειρά σου δεν είναι απλά αισθητική επιλογή. Είναι μέρος της πρώτης εντύπωσης.
Σκέψου πώς αισθάνεσαι όταν βλέπεις Comic Sans σε ιστοσελίδα δικηγορικού γραφείου. Ή Times New Roman σε startup τεχνολογίας. Το αίσθημα δυσαρμονίας είναι άμεσο. Αυτό είναι το typography στη δουλειά του, και γι' αυτό η επιλογή γραμματοσειράς έχει άμεση επίπτωση στις πωλήσεις σου.
Τι εκπέμπει κάθε τύπος γραμματοσειράς
Serif (με πόδια): παράδοση και αξιοπιστία
Γραμματοσειρές όπως Times New Roman, Georgia, Garamond. Χρησιμοποιούνται από εφημερίδες, νομικά γραφεία, χρηματοοικονομικές υπηρεσίες, luxury brands. Εκπέμπουν σταθερότητα και ιστορία. Αν θέλεις να δείχνεις εδραιωμένος και αξιόπιστος, οι serif γραμματοσειρές το κάνουν φυσικά.
Sans-serif (χωρίς πόδια): σύγχρονο και καθαρό
Helvetica, Inter, Montserrat, Open Sans. Η επιλογή των περισσότερων tech εταιρειών και startups. Εκπέμπουν σύγχρονο, καθαρό, προσβάσιμο. Επιπλέον, διαβάζονται εξαιρετικά σε οθόνες, γι' αυτό είναι η κυρίαρχη επιλογή για web design.
Script (χειρόγραφες): δημιουργικότητα και ζεστασιά
Εκπέμπουν ανθρώπινη επαφή, δημιουργικότητα, και χαρά. Ιδανικές για βιομηχανίες όπως γαμήλιες υπηρεσίες, handmade προϊόντα, patisseries, boutique ξενοδοχεία. Ωστόσο, ποτέ για body text. Μόνο για headlines και logos, γιατί σε μικρό μέγεθος γίνονται δυσανάγνωστες.
Display (εντυπωσιακές): δύναμη και individuality
Σχεδιασμένες για μεγάλα μεγέθη, συνήθως για headlines και branding. Εκπέμπουν ισχυρή προσωπικότητα. Κάνουν για brands που θέλουν να ξεχωρίσουν με τόλμη. Άρα αν το brand σου έχει ισχυρό χαρακτήρα και θέλεις να το δείξεις, μια display γραμματοσειρά στο logo σου μπορεί να κάνει όλη τη διαφορά.
Πρακτικοί κανόνες typography για ιστοσελίδες
Μη χρησιμοποιείς παραπάνω από 2-3 γραμματοσειρές
Η κλασική συνταγή: μία γραμματοσειρά για headings, μία για body text, και προαιρετικά μία accent για λεπτομέρειες. Παραπάνω από τρεις δημιουργεί οπτικό χάος και μειώνει την αναγνωρισιμότητα του brand.
Μέγεθος body text τουλάχιστον 16px
Στο mobile, κείμενο μικρότερο από 16px αναγκάζει τον χρήστη να ζουμάρει. Αυτό σκοτώνει την εμπειρία και αυξάνει το bounce rate. Επομένως, 16-18px για body text σε desktop, και ίδιο ή μεγαλύτερο για mobile.
Line height 1.5-1.7 για εύκολη ανάγνωση
Κείμενο που είναι «σφιχτό» (μικρό line height) είναι δύσκολο να διαβαστεί και κουράζει γρήγορα. Αποτέλεσμα: ο χρήστης εγκαταλείπει τη σελίδα πριν διαβάσει το σημαντικό. Το σωστό line height αυξάνει τον χρόνο παραμονής στη σελίδα.
Contrast μεταξύ κειμένου και background
Γκρι κείμενο σε λευκό background φαίνεται μοντέρνο αλλά μπορεί να είναι αδύνατο να διαβαστεί. Για λόγους προσβασιμότητας (accessibility) και εμπειρίας χρήστη, ο λόγος αντίθεσης πρέπει να είναι τουλάχιστον 4.5:1 σύμφωνα με τα WCAG standards.
Στη dycode, η επιλογή typography είναι μέρος κάθε custom design project που αναλαμβάνουμε. Δεν επιλέγουμε γραμματοσειρές βάσει του τι μας αρέσει, αλλά βάσει του τι εκπέμπει το brand σου και τι θέλουν να δουν οι πελάτες σου. Επικοινώνησε μαζί μας για να δούμε τι typography κάνει για την επιχείρησή σου.