תאריך פרסום: 6 ביוני 2025
איך הרכיב החדש <permission> ב-Chrome יוצר חוויית הרשאה יעילה, מהימנה ובהקשר יותר.
צוות Chrome תכנן את ההצעה לרכיב <permission> כדי לתת למשתמשים שליטה על יכולות מתקדמות. הרכיב מאפשר למפתחים ליצור חוויה חלקה מקצה לקצה, שבה המשתמשים יכולים לאפשר שימוש ביכולות האלה בהקשר, ובמקביל המשתמשים מוגנים מפני הפרעות לא רצויות. בקבוצת מקרי המחקר הזו נסביר איך הרכיב החדש פועל בפועל.
הבעיה של בקשת הרשאה
כדי להשתמש בתכונות של המכשיר כמו מיקום, מצלמה או מיקרופון, המשתמשים צריכים לרוב לנווט בסביבה מתסכלת של כמה בקשות הרשאה. למפתחים, קריאה ל-API כדי להשתמש ביכולת היא פשוטה, והיא תסתיים בהצלחה או בכישלון. עם זאת, עבור המשתמשים, המשמעות של הדבר היא לרוב הנחיות מפריעות שלא קשורות להקשר, והחלטות שנראות סופיות וגורמות לתסכול ולעומס קוגניטיבי.
הבקשות להרשאות שמוצגות למשתמשים היום גורמות להם לעתים קרובות לשאול את עצמם "למה לאתר הזה דרושה ההרשאה הזו (עכשיו)?" לרוב, חוסר הבהירות הזה גורם למשתמשים לדחות בקשות להרשאות. כדי להגן על המשתמשים מפני הפרעות בעתיד, Chrome ימנע הצגת הנחיות נוספות. כתוצאה מכך, אם המשתמשים ישנו את דעתם מאוחר יותר, הם יצטרכו לבטל את הדחייה. מצב כזה עלול לגרום למשתמשים להפסיק להשתמש בתכונות או באתר לגמרי.
מתן שליטה לפי הקשר למשתמשים
הרכיב <permission> המוצע מייצג התפתחות משמעותית בתחום הארגונומיה של הרשאות האינטרנט. רכיב ה-HTML המוצע הזה מאפשר לשלב בצורה חלקה נקודת כניסה שניתן לעצב, אבל נשלטת על ידי הדפדפן, שמאפשרת להשתמש ביכולות מתקדמות (לדוגמה, כפתור ברור 'שימוש במצלמה' בצ'אט וידאו) ישירות בתוך העיצוב של האתר. אתם נהנים מגמישות בעיצוב, אבל הדפדפן שומר על שליטה בטקסט ובסמלים המרכזיים, ודואג לאבטחה, לעקביות ולנגישות. כלומר, אינטראקציה עם האלמנט הזה משמשת כאות ברור לגבי הכוונה של המשתמש, ומאפשרת לדפדפן להנחות את המשתמש בצורה מועילה לגבי ההחלטות הנדרשות והשלבים האחרים. המצב הזה שונה מהנחיות שמופעלות באופן פרוגרמטי, שבהן הדפדפן לא מקבל אות ישיר לגבי כוונת המשתמש, ולכן תמיד צריך לשמור על איזון בין עזרה לבין אי-הפרעה.
<permission> לשימוש במצלמה.
כך הרכיב הזה משפר את חוויית השימוש:
- המשתמש הוא זה שמתחיל את התהליך: במקום שהאתר יתחיל את התהליך, הרכיב מאפשר למשתמש לבחור מתי הוא רוצה להשתמש בתכונה הרלוונטית.
- בקשה בהקשר: מכיוון שרכיב
<permission>המוצע הוא חלק מהתהליך באתר, המשתמש מבין למה נדרשת ההרשאה. הם לחצו על הלחצן, למשל, כדי למצוא חנויות בסביבה, ולכן בקשת מיקום הגיונית. - פתרון בעיות מקיף: מאחר שהדפדפן מקבל אות ישיר לגבי הכוונה של המשתמש, הוא יכול להנחות אותו באופן יזום בכל השלבים הספציפיים לפלטפורמה הנדרשים כדי לקבל גישה ליכולות. לדוגמה, אפשר להשתמש בקישור עומק להגדרות המערכת כדי לעזור למשתמש לשנות את הגדרת המצלמה ברמת המכשיר, כך שהאתר לא יצטרך לספק שלבי פתרון בעיות שתלויים בפלטפורמה.
- שחזור יעיל יותר של הרשאות: הרכיב
<permission>המוצע מאפשר למשתמש לשנות ישירות בדף את ההרשאות שנדחו בעבר, בלי להיכנס להגדרות הדפדפן. לחיצה על הרכיב מפעילה גרסה מיוחדת של בקשת ההרשאה, וכתוצאה מכך יש שיפורים משמעותיים בתהליך השחזור.
<permission> מאפשר למשתמשים לשנות במהירות את הגדרת ההרשאה בלי לעבור להגדרות האתר.
הגישה הזו מובילה למודל אינטואיטיבי, מהימן ומבוסס-משתמשים יותר של אינטראקציה.
מקרים לדוגמה
בעזרת הרכיב <permission>, Zoom עוזרת למשתמשים שלה לצמצם את מספר השגיאות בצילום של המצלמה והמיקרופון בדפדפן ב-46.9%
האתגר
אחד מהאתגרים הגדולים ביותר באתרים של שירותי ועידה הוא לעזור למשתמשים שסירבו בעבר לאפשר גישה למצלמה או למיקרופון להפעיל מחדש את ההרשאות כשהם מצטרפים לשיחות וידאו. בתהליך הרגיל צריך לנווט בהגדרות הדפדפן מחוץ לממשק של אתר הווידאו.
הגישה
הגישה של Zoom לבדיקת ההשפעה של הרכיב <permission> מבוססת על השוואה בין נתונים לפני ואחרי, שבה הרכיב <permission> נחשף לכל משתמשי Zoom שהצטרפו לפגישה ב-Zoom מדפדפן אינטרנט של Chrome במחשב.
התוצאה
אחד מהמדדים העיקריים של Zoom הוא שיעור הצילום של המצלמה והמיקרופון, שמחשב את מספר המשתמשים שהצליחו להפעיל את המצלמה והמיקרופון כשהם הצטרפו לפגישה ב-Zoom בדפדפן. ראינו שיפורים משמעותיים ב-Zoom עם האלמנט <permission>. מספר הכשלים בחוויית השימוש בדפדפן, כמו מיקרופון ומצלמה שלא מופעלים ברמת המערכת או ברמת הדפדפן, או משתמשים שדחו את ההודעה על בקשת ההרשאה לשימוש במיקרופון ובמצלמה בדפדפן, ירד ב-46.9%.
האלמנט <permission> עזר לצמצם את מספר השגיאות, אבל הוא גם עזר למשתמשים שחוו בעיה בהתחלה או שסירבו בטעות להעניק גישה לשחזור ולהגדרה של המיקרופון והמצלמה. כך המשתמשים יכלו להישאר מרוכזים בשיחות ובפגישות, וכולם יכלו לראות ולשמוע אותם בבירור.
איך צוות Immobiliare.it עזר למשתמשים להשתמש בתכונה של מיקום המפה, למרות שהם לא קיבלו הרשאה בעבר, באמצעות הרכיב <permission>
האתגר
משתמשים שדחו בעבר את הבקשה לשיתוף המיקום באתר Immobiliare.it צריכים לגשת להגדרות האתר בדפדפן ולפתוח את הנעילה של ההרשאה באופן ידני כדי שיוכלו להעניק שוב את הרשאת המיקום, אם הם רוצים.
הגישה
באתר Immobiliare.it שיפרו את תהליך הבקשה להרשאות מיקום באמצעות השיטה של JavaScript ב-Permissions API כדי לזהות אם משתמש כבר העניק לאתר הרשאות מיקום. אם הם כבר שיתפו את ההרשאה, המערכת תבקש את השיטה getCurrentPosition() למיקום הגיאוגרפי כמו קודם. אם המערכת של Permission API תחזיר שהמשתמש חסם את הרשאת המיקום, באתר תוצג בקשה עם הסבר למה הלחצן 'מיקום גיאוגרפי' לא יכול לפעול, תוך שימוש באלמנט <permission> כקריאה לפעולה.
כשלוחצים על הרכיב <permission> 'שימוש במיקום', המשתמשים יכולים לשתף את הרשאת המיקום בצורה חלקה אם הם רוצים, גם אם היא נחסמה בעבר, בלי שהמשתמשים יצטרכו לגשת להגדרות הדפדפן.
<permission>, אם ההרשאה נחסמה בעבר.<permission> הפעיל את בקשת ההרשאה מהדפדפן.התוצאות
כשמשתמשים ברכיב <permission>, שיעור ההצלחה של תהליך הבקשה להרשאת מיקום גיאוגרפי עלה ב-20%. הנתון הזה מצביע על כך שתהליך הבקשה החדש להרשאה באמצעות Permissions API והרכיב <permission> עזר ליותר משתמשים להעניק שוב את ההרשאה, אם הם רצו, גם אם הם חסמו בעבר בקשות כאלה.
ZapImóveis (OLX BR) משתמשים ברכיב <permission> כדי לשפר את החיפוש לפי מיקום לשימוש המיועד
ב-ZapImóveis, פלטפורמת נדל"ן מובילה בברזיל, מבינים שלרוב החיפוש אחר הנכס המושלם מתחיל במיקום. ZapImoveis היא חלק מ-Grupo OLX הידועה, ומחברת מיליוני משתמשים למלאי עצום של בתים, דירות, שטחים ונכסים אחרים למכירה ולשכרה ברחבי המדינה. ב-ZapImóveis הבינו את התפקיד הקריטי של חיפוש מבוסס-מיקום בתהליך הזה, והזיהו הזדמנות לשפר את חוויית המשתמש על ידי פתרון בעיות נפוצות שקשורות להנחיות לבקשת הרשאות בדפדפן.
האתגר
ב-ZapImóveis זיהו בעיות משמעותיות בנוחות השימוש בתכונה של חיפוש המיקום, במיוחד שקשורות להנחיות הסטנדרטיות לבקשת הרשאות בדפדפן. המשתמשים נתקלו בקשיים גם כשהעניקו גישה למיקום בפעם הראשונה, וגם, אולי באופן קריטי יותר, כשניסו להפעיל מחדש את ההרשאות אחרי שדחו אותן בעבר. המצב הזה השפיע לרעה על חוויית המשתמש הכוללת, ויכול היה לפגוע ביעילות של פונקציית החיפוש המבוססת-מיקום באתרים שלהם.
הגישה
כדי להתמודד עם אתגרי הנוחות האלה, ZapImóveis ביצעה בדיקת A/B. בבדיקה הזו, הרכיב <permission> הוצג לקבוצת משנה של משתמשים. המטרה הייתה לספק אמצעי בקרה ייעודי בדף בממשק ZapImóveis לניהול הרשאות המיקום, וכך לייעל את תהליך העבודה של ההרשאות ולהפוך אותו לאינטואיטיבי יותר למשתמשים.
התוצאות
ההטמעה של האלמנט <permission> ב-ZapImóveis הובילה לשיפור משמעותי בנוחות השימוש בחיפוש מיקומים, במיוחד בקרב משתמשים שהתעניינו באופן פעיל בתכונות מבוססות-המיקום. משתמשים שחוו בהתחלה קשיים עם הבקשות הסטנדרטיות להרשאות בדפדפן, הצליחו להעניק גישה למיקום בעזרת הפקדים בדף שסופקו על ידי הרכיב <permission> ב-4.3% מהמקרים. בנוסף, השיפורים האלה הובילו לשיפור משמעותי בשחזור ההרשאות: 54.4% מהמשתמשים שסירבו בעבר להעניק גישה הסכימו להעניק אותה מחדש כשניסחו מאוחר יותר להשתמש בפונקציות שתלובות במיקום. אמנם חל עלייה קלה בזמן הממוצע להענקת ההרשאה הראשונית, אבל העלייה המשמעותית בשיעור ההצלחה של התכונה בקרב משתמשים עם כוונה ברורה הצדיקה את הפשרה הזו.
דוגמאות נוספות לשימוש ברכיב <permission>
- שיחות ועידה בווידאו ב-Google Meet באמצעות דפדפן Chrome.
- חיפוש מסעדה בקרבת מקום בחיפוש Google (השקה הדרגתית)
- בדיקת הרכיב
<permission>לכל היכולות הזמינות בכתובת https://permission.site/pepc (החל מ-Chrome 137)
שילוב הרכיב <permission>
הרכיב <permission> נועד להיות פשוט לשימוש על ידי צוותי הפיתוח. כרכיב HTML רגיל, אפשר לשלב אותו כמו כל כפתור אחר ולעצב אותו (בגבולות שאותם קובע הדפדפן) כך שיתאים למראה ולתחושה של האתר. בדפדפנים שעדיין לא תומכים ברכיב <permission>, המפתחים יכולים לספק חלופות לחוויית המשתמש באמצעות שיטות קיימות לבקשות הרשאה. לפרטים נוספים, ראו שיפורים ברכיב <permission>.
שיפור האינטרנט כך שיהיה שימושי ואינטואיטיבי יותר
אנחנו ב-Google פועלים כל הזמן כדי להפוך את Chrome ואת פלטפורמת האינטרנט לבטוחים, למהירים ולשימושיים יותר. הרכיב <permission> מייצג צעד משמעותי לקראת מודל אינטואיטיבי וארגונומי יותר להרשאות אינטרנט. הרכיב <permission> מספק למשתמשים הקשר ושליטה ברורים, ומאפשר להם ליהנות מחוויית שימוש עשירה ומעניינת יותר באינטרנט. כך הוא עוזר לגשר על הפער בין יכולות האינטרנט המתקדמות לבין אמון המשתמשים. אנחנו ממליצים לבעלי מוצרים ולצוותי פיתוח לבדוק איך הרכיב <permission> יכול לשפר את תהליכי השימוש של המשתמשים ולפתוח את מלוא הפוטנציאל של אפליקציות האינטרנט שלהם.