The Expected (and Unexpected) Benefits of Building with Block Kit
בלוק קיט החדש של סלאק הביא לחוויה יעילה יותר גם עבור משתמשי האפליקציה של גורו וגם עבור צוות גורו. עכשיו, זה קל יותר מאי פעם להשתמש באפליקציה של גורו עבור סלאק. גלו כיצד הצוות שלנו בגורו ניצל את הצעת בלוק קיט של סלאק.
פוסט זה נכתב עבור בלוג פלטפורמת סלאק. קראו את הרשומה המקורית כאן.
האינטגרציה של גורו לסלאק החלה בימים הראשונים של הבוטים, כאשר ה חוויה הייתה בעיקר מבוססת טקסט, והיא התפתחה בתפקוד ככל שסלאק הציגה יותר תכונות — כמו הודעות אינטראקטיביות ופעולות אפליקציות. ראינו מיד את היתרונות של בלוק קיט, הזדמנות לבנות את החוויות העמוקות והעשירות שהמשתמשים שלנו ציפו להן, עם דפוסים מוכר_UI/UX ותוכן אינטראקטיבי. מה שלא ציפינו, עם זאת, היה כיצד בלוק קיט ישנה את הדרך שבה צוותי הפיתוח והעיצוב שלנו עובדים יחד.
בנייה של חווית עלייה טובה יותר
ראשונה החלה להשתמש בבלוק קיט לשדרוג תפריט העזרה של האפליקציה שלנו. בעבר, כאשר משתמש מתחיל, תפריט העזרה היה מברך אותו עם קיר של טקסט טפלי. לא רק שהטקסט הזה היה קשה לסרוק, אלא גם דרש מהמשתמש להקליד פקודות כדי להשיג כל דבר. העברה לאפליקציה היא קריטית עבור המשתמשים שלנו, והשתמשנו בבלוק קיט כדי לחלוטין לדמיין מחדש את החוויה — בשני דרכים מרכזיות:
באמצעות מחיצות, עיצבנו את הקיר של טקסט המידע על ידי קבוצת תוכן דומה — מה שהופך אותו ליותר קל לעיכול ונוח לקריאה.
כפתורי אינליין ותפריטי תחזוקה אפשרו חוויה אינטראקטיבית, ממוקדת פעולה. עכשיו המשתמשים לא צריכים להקליד פקודות מפתח; הם יכולים פשוט לבחור כפתור ולנקוט פעולה במהירות.
תפריט העזרה היה רק אחד מהמקומות שבהם בלוק קיט משדרג את חווית האפליקציה של גורו. כפתורי אינליין בממשק פעילות מביאים את הקריאה לפעולה קרוב יותר למידע המתאים. תפריטי עומס מסתירים עכשיו פעולות שמשתמשות פחות לעיתים, ועוזרים למשתמש להתמקד במידע החשוב. רק חכינו להשטח את פני השטח — יש עדיין אינספור דרכים בהן בלוק קיט יכול להפוך אפליקציות ליותר אינטראקטיביות.
לדבר באותה שפה
בגורו, לבנות חוויות עקביות בכל הממשקים (אפליקציית אינטרנט, הרחבת דפדפן ואפליקציה של סלאק) יכולה להיות אתגרת. בעוד שעבודת העיצוב והפיתוח עובדת ללא ליאות כדי להבטיח חוויות חלקות עבור המשתמשים שלנו, מדובר בתהליך שיתופי עם הרבה הלוך ושוב. בעבר, צוות העיצוב שלנו (שכמעט ולא רגיל לבנות על סלאק) החל עם בד כנה ובסופו של דבר נתקל במגבלות טכניות — במיוחד כשעיצובים שלהם עברו לפיתוח, נדרשו הרבה חזרות עד לנחיתה על עיצוב סופי.
כמו לא יעיל, התהליך הזה הוא אחד שרוב המפתחים מכירים. בעוד שציפינו לבנות חוויות עשירות יותר, אינטראקטיביות יותר באמצעות בלוק קיט, לא ציפינו עד כמה בונה בלוק קיט ישנה את השותפות בין עיצוב לפיתוח. בונה בלוק קיט הוא חלל פרוטוטיפי ויזואלי המאפשר לך לבחור, לערום וליצור התאמה עבור כל בלוק זמין.
עבור גורו, בונה בלוק קיט מחבר את הפער בין עיצוב להנדסה — מאפשר למעצבים שלנו ליצור פרוטוטיפ של חווית המשתמש האידיאלית שלהם, תוך כדי ייצור ה-JSON המדויק הדרוש לפיתוח כדי ליישם את החזון שלהם. צוות העיצוב שלנו לא צריך להתחיל מכון ריק, לשאול: איפה אני יכול לשים את הכפתור הזה? או איזה טקסט אני משתמש? עכשיו זו פשוטה כמו יצירת הפריסה, שיתוף ה-URL, ואז חזרה קדימה ואחורה.
בונה בלוק קיט גם משמש כ כלי לפיתוח לזהות JSON בעייתי. אם הודעת אפליקציה לא מציגה כראוי, פשוט נדביק את הקוד לבונה ויכולים לזהות את הבעיה מיד.
יעילות במיטבה
שילוב של בלוק קיט ובונה בלוק קיט הביא לחוויה יעילה יותר גם עבור משתמשי האפליקציה וגם עבור צוות גורו. בלוק קיט לא רק מספק לנו מסגרת חדשה לבניית ממשקי אפליקציה ייחודיים, אלא גם מספק לנו את הגמישות והשליטה על הסדר והפריסה של מידע. עכשיו זה קל יותר מאי פעם להשתמש באפליקציה של גורו; בנוסף, תפריט העזרה המעודכן מכניס את המשתמשים לפעולה במהירות.
סקרן? בדקו את האפליקציה המעודכנת של גורו המאפשרת בלוק קיט במדריך האפליקציות של סלאק בslack.com/apps.
פוסט זה נכתב עבור בלוג פלטפורמת סלאק. קראו את הרשומה המקורית כאן.
האינטגרציה של גורו לסלאק החלה בימים הראשונים של הבוטים, כאשר ה חוויה הייתה בעיקר מבוססת טקסט, והיא התפתחה בתפקוד ככל שסלאק הציגה יותר תכונות — כמו הודעות אינטראקטיביות ופעולות אפליקציות. ראינו מיד את היתרונות של בלוק קיט, הזדמנות לבנות את החוויות העמוקות והעשירות שהמשתמשים שלנו ציפו להן, עם דפוסים מוכר_UI/UX ותוכן אינטראקטיבי. מה שלא ציפינו, עם זאת, היה כיצד בלוק קיט ישנה את הדרך שבה צוותי הפיתוח והעיצוב שלנו עובדים יחד.
בנייה של חווית עלייה טובה יותר
ראשונה החלה להשתמש בבלוק קיט לשדרוג תפריט העזרה של האפליקציה שלנו. בעבר, כאשר משתמש מתחיל, תפריט העזרה היה מברך אותו עם קיר של טקסט טפלי. לא רק שהטקסט הזה היה קשה לסרוק, אלא גם דרש מהמשתמש להקליד פקודות כדי להשיג כל דבר. העברה לאפליקציה היא קריטית עבור המשתמשים שלנו, והשתמשנו בבלוק קיט כדי לחלוטין לדמיין מחדש את החוויה — בשני דרכים מרכזיות:
באמצעות מחיצות, עיצבנו את הקיר של טקסט המידע על ידי קבוצת תוכן דומה — מה שהופך אותו ליותר קל לעיכול ונוח לקריאה.
כפתורי אינליין ותפריטי תחזוקה אפשרו חוויה אינטראקטיבית, ממוקדת פעולה. עכשיו המשתמשים לא צריכים להקליד פקודות מפתח; הם יכולים פשוט לבחור כפתור ולנקוט פעולה במהירות.
תפריט העזרה היה רק אחד מהמקומות שבהם בלוק קיט משדרג את חווית האפליקציה של גורו. כפתורי אינליין בממשק פעילות מביאים את הקריאה לפעולה קרוב יותר למידע המתאים. תפריטי עומס מסתירים עכשיו פעולות שמשתמשות פחות לעיתים, ועוזרים למשתמש להתמקד במידע החשוב. רק חכינו להשטח את פני השטח — יש עדיין אינספור דרכים בהן בלוק קיט יכול להפוך אפליקציות ליותר אינטראקטיביות.
לדבר באותה שפה
בגורו, לבנות חוויות עקביות בכל הממשקים (אפליקציית אינטרנט, הרחבת דפדפן ואפליקציה של סלאק) יכולה להיות אתגרת. בעוד שעבודת העיצוב והפיתוח עובדת ללא ליאות כדי להבטיח חוויות חלקות עבור המשתמשים שלנו, מדובר בתהליך שיתופי עם הרבה הלוך ושוב. בעבר, צוות העיצוב שלנו (שכמעט ולא רגיל לבנות על סלאק) החל עם בד כנה ובסופו של דבר נתקל במגבלות טכניות — במיוחד כשעיצובים שלהם עברו לפיתוח, נדרשו הרבה חזרות עד לנחיתה על עיצוב סופי.
כמו לא יעיל, התהליך הזה הוא אחד שרוב המפתחים מכירים. בעוד שציפינו לבנות חוויות עשירות יותר, אינטראקטיביות יותר באמצעות בלוק קיט, לא ציפינו עד כמה בונה בלוק קיט ישנה את השותפות בין עיצוב לפיתוח. בונה בלוק קיט הוא חלל פרוטוטיפי ויזואלי המאפשר לך לבחור, לערום וליצור התאמה עבור כל בלוק זמין.
עבור גורו, בונה בלוק קיט מחבר את הפער בין עיצוב להנדסה — מאפשר למעצבים שלנו ליצור פרוטוטיפ של חווית המשתמש האידיאלית שלהם, תוך כדי ייצור ה-JSON המדויק הדרוש לפיתוח כדי ליישם את החזון שלהם. צוות העיצוב שלנו לא צריך להתחיל מכון ריק, לשאול: איפה אני יכול לשים את הכפתור הזה? או איזה טקסט אני משתמש? עכשיו זו פשוטה כמו יצירת הפריסה, שיתוף ה-URL, ואז חזרה קדימה ואחורה.
בונה בלוק קיט גם משמש כ כלי לפיתוח לזהות JSON בעייתי. אם הודעת אפליקציה לא מציגה כראוי, פשוט נדביק את הקוד לבונה ויכולים לזהות את הבעיה מיד.
יעילות במיטבה
שילוב של בלוק קיט ובונה בלוק קיט הביא לחוויה יעילה יותר גם עבור משתמשי האפליקציה וגם עבור צוות גורו. בלוק קיט לא רק מספק לנו מסגרת חדשה לבניית ממשקי אפליקציה ייחודיים, אלא גם מספק לנו את הגמישות והשליטה על הסדר והפריסה של מידע. עכשיו זה קל יותר מאי פעם להשתמש באפליקציה של גורו; בנוסף, תפריט העזרה המעודכן מכניס את המשתמשים לפעולה במהירות.
סקרן? בדקו את האפליקציה המעודכנת של גורו המאפשרת בלוק קיט במדריך האפליקציות של סלאק בslack.com/apps.
חוויית הפלטפורמה של Guru מהלך ראשון – קח את סיור המוצר האינטראקטיבי שלנו
