Medido: חוות דעת שנייה על מה שעסק משלם על שיווק
Medido קורא את האתר של עסק מבחוץ, בדפדפן אמיתי, ומראה למי שמשלם על השיווק מה אפשר לאמת, מה לא ואיך לבדוק כל דבר. עיצבתי את המוצר, המותג והאתר, באנגלית, בעברית ובספרדית, והגדרתי איך הוא נמדד: GA4 ו-Clarity עם אירועים משלו לאורך המסלול, שנטענים רק אם האדם מסכים.
המוצר
הוא פונה לבעלים של עסק שעובד עם סוכנות ועומד לחדש. מדביקים את כתובת האתר ומקבלים קריאה: מה רואים מבחוץ, מה אפשר לאמת, מה לא ובמה לבדוק. הקריאה הראשונה חינמית וללא הרשמה.
כל ממצא אומר מה נראה, מתי ובמה לבדוק, במקום ציון מתוך 100 שאי אפשר להתווכח איתו.
החליקו הצידה או השתמשו בחצים. הקישו על צילום מסך כדי להגדיל אותו.
הטיפוגרפיה: o שמתמלאת
השם אומר מה הוא עושה. ה-o האחרונה היא טבעת מלאה ב-66%: מדידה שמראה מה יש ומה חסר. החלל שלה זהה לזה של ה-d. בעברית, במילה מדידו, הו' הסופית מתמלאת מלמטה עד גובה הגג של הד'; בכותרת של דף הבית, הו' של קראו עושה את אותה מחווה.
המילה שנושאת את הטבעת אף פעם לא נשברת לשתי שורות, וקורא המסך מקבל את האות האמיתית, לא את הציור. Manrope 800 למותג ולכותרות, Assistant 800 לעברית ו-JetBrains Mono לנתונים, כולם מוגשים מהאתר עצמו.
החליקו הצידה או השתמשו בחצים. הקישו על צילום מסך כדי להגדיל אותו.
התנועה: זז מה שהאדם עושה
כלל אחד לכל האתר: שום דבר לא זז בגלילה. זז מה שמגיב לאדם, והכול נשאר במקום אם ביקש להפחית תנועה.
- כשדף הבית נטען, ה-o בכותרת מתמלאת מ-0 עד 66% ב-1.1 שניות, פעם אחת בלבד. בעברית, הו' מתמלאת מלמטה כמו פס.
- במעבר בין דפים או שפות, הסרגל נשאר במקום; הדף יוצא ב-220 מילישניות והחדש נכנס בעלייה של 12 פיקסלים.
- בזמן הקריאה, הטקסט של דף הבית נעלם ונשארת ה-o הגדולה, שמתקדמת עם כל צעד אמיתי. לידה, היומן של מה שהדפדפן רואה, שורה אחר שורה, עם השניות.
- בסיום, עיגול לבן נפתח מהטבעת, מכסה את המסך ומשאיר את הדוח.
- בדוח, הכרטיסים נכנסים אחד אחד וכל חותמת (אומת, הוסק, לא נראה) נוחתת במכה קצרה.
המדידה: מה נמדד היום
האתר מודד שלושה מסלולים, כל צעד כאירוע משלו. אלה המשפכים שמניחים:
המסלול הראשי
- 1 · נכנס
מגיע לאתר, בשפה שלו.
- 2 · מדביק את האתר שלו
כותב את הכתובת ומבקש את הקריאה.
- 3 · רואה את הקריאה
הטבעת מתקדמת והדוח מגיע.
- 4 · עושה צעד
מבקש את הקריאה השנייה, פגישה, או כותב בטופס.
הקריאה השנייה
- 1 · רואה את הקריאה
מסיים לקרוא את הדוח שלו.
- 2 · פותח את הקופון
בוחר להמשיך.
- 3 · עובר לתשלום
מגיע לקופה.
- 4 · משלים את התשלום
הקריאה השנייה מוזמנת.
המחשבון
- 1 · כותב את ההוצאה שלו
מה שהוא משלם היום על שיווק.
- 2 · רואה את המדרגה שלו
הקריאה שמתאימה לו.
- 3 · מבקש פגישה
כדי לעבור על זה עם אדם.
כל צעד הוא אירוע משלו ב-GA4 וב-Clarity, עם שפת הדף. אירועי המפתח הם בקשת הקריאה, בקשת הפגישה, טופס יצירת הקשר והתשלום.
ומעבר לזה, מה שהאדם עושה באמת: באיזה סדר כל מבקר עשה דברים ובמה נגע, כפתור אחר כפתור. המספר האמיתי של הקריאות נספר בנפרד, ביומן של הכלי עצמו, כדי לתקן את מה שהעוגיות לא רואות.
הפרטים
מה שנשאר לי מהשנים שלי בעיצוב UX, ומה שאני מיישמת בכל מה שאני עושה:
- עברית אמיתית, לא שיקוף ידני. מה שהוא כיוון מתהפך (הסרגל, התפריט, היומן); מה שהוא נתון (כתובות אתרים, תאריכים, שניות) נשאר משמאל לימין, מבודד בתוך המשפט. שדה הכתובת תמיד משמאל לימין.
- גובה שמתאים לאצבע. כפתורים ושדות של 48 פיקסלים; מה שמצויר קטן יותר מקבל אזור בלתי נראה של 44 לפחות.
- אין טקסט קטן מ-12 פיקסלים (13 בעברית), נמדד בדפדפן בשלוש השפות, בנייד ובמחשב.
- דחייה וקבלה באותו משקל בהודעת העוגיות, עם דחייה קודם. אם האדם דוחה, שום דבר לא נטען.
- שום דבר לא נשלח בלי רשות. אם האדם לא מסכים, שום כלי לא נטען, אפילו לא באופן אנונימי, והשם, המייל והאתר שכתב אף פעם לא מגיעים למדידה.
- נייד ומחשב יחד. שום חלק לא נחשב גמור בלי לראות אותו בשניהם.
- הצבע הוא לא הסימן היחיד. הצהוב מופיע רק על שחור, והחותמות נבדלות גם בצורה: מלאה, מנוקדת או מקווקוות.
הרכיבים
החליקו הצידה או השתמשו בחצים. הקישו על צילום מסך כדי להגדיל אותו.
החליקו הצידה או השתמשו בחצים. הקישו על צילום מסך כדי להגדיל אותו.