מתן אפשרות לשיפור יכולת ההסכמה של ממשק המשתמש בכלי תכנון הנדסיים אזרחיים

בתחום ההנדסה האזרחית, הנוף של התוכנה העיצוב גדל יותר ויותר מורכב.מהנדסים מסתמכים על חבילה של כלים לניתוח מבני, מודלים תלת-ממדיים, מערכת מידע גיאוגרפית (GIS) אינטגרציה, בניית מידע מודלים (BIM), ועוד. ככל שהמכשירים האלה מתפתחים, שמירה על ממשק משתמש קבוע (UI) הופכת גורם קריטי לפרודוקטיביות, דיוק, וסיפוק למשתמש.

הבנה של UI Consistency בהנדסת תוכנה

עקביות UI מכסה שלושה ממדים: חזותי, פונקציונלי והתנהגות.כל ממד משחק תפקיד בצמצום העומס הקוגניטיבי של מהנדסים העובדים תחת מועדים הדוקים.

שקיפות חזותית

עקביות חזותית פירושה שאלמנטים דומים נראים אותו הדבר בכל יישום.לדוגמה, כל איקוננים של כלי בר צריכים להשתמש באותו משקל שבץ, צבעים צבעים, גודל. תיבות דילוג עבור כניסת פרמטרים צריכה לחלוק אפשרויות ספאק, פונטניות, ומיקום כפתור.בכלים הנדסיים אזרחיים, עקביות חזותית גם מרחיבה אלמנטים טכניים כגון קווי רשת, תוויות צירים, וסמליות. כאשר אלה הם סטנדרטיים, מהנדסים יכולים לעבור ניתוח של פורמט - ללא צורך כדי לבדוק את הממשק כדי לבדוק מחדש כדי לבדוק את הממשק צריך כדי לבדוק את הממשק.

יציבות תפקודית

עקביות תפקודית מבטיחה כי פעולות דומות לייצר תוצאות דומות.אם דפוס "לחיצת ימין" פועל בהשקפה אחת, זה צריך לעבוד בכל ההשקפות. בהקשר של מודלים מבניים, לחיצה על צומת צריך תמיד לפתוח עורך נכסים ללא קשר לכרטיסייה כלי הוא פעיל. Breaking פונקציונלי כוח משתמשים כדי להסתמך על תיעוד או ניסוי וטעייה, להאט את זרימת העבודה ולהגדיל.

התנהגותית

עקביות התנהגותית שולטת כיצד המערכת מגיבה לקלט של משתמשים.לדוגמה, לחיצה על מקש הבריחה צריכה לבטל את הפעולה הנוכחית בכל מקום.בחירת חפצים מרובים צריכה תמיד לספק תפריט קונטקסט מאוחד.ביישומים הנדסיים אזרחיים, עקביות התנהגותית חיונית לפעילות מורכבת כמו meshing, ניתוח, ובדיקה של תוצאות.אם מהנדסים לא יכולים לחזות כיצד יגיבו UI, הם מאבדים אמון באמינות התוכנה.

הסיבות העיקריות של UI Inconsistency in Legacy Civil Engineering Tools

יישומים הנדסיים אזרחיים רבים מקורם לפני עשרות שנים כאשר הפיתוח היה משולש.לאורך זמן, בסיס הקוד צבר שילוב של ממשקים מתקופות שונות, קבוצות וטכנולוגיות שונות.

מרגר ורכישות

כאשר חברות הנדסה לרכוש מוצרי תוכנה, הם לעתים קרובות לשלב אותם לתוך חבילה אחת.כל מוצר שומר את פרדיגמת UI המקורית שלה.לדוגמה, כלי ניתוח מבני עשוי להשתמש ממשק טפסים קלאסי Windows טפסים, בעוד מודול GIS שנרכש לאחרונה משתמש ממשק מבוסס אינטרנט מודרני עם דפוסי ניווט שונים.

סיקור: Creep Without UI Governance

כאשר מהנדסים מבקשים תכונות חדשות, מפתחים מוסיפים תיבות דיאלוג, קוסמים ופאנלים ללא אכיפת שפה עיצוב מאוחדת.התוצאה היא עבודת תיקון של UIs: כמה כרטיסיות שימוש, אחרים משתמשים ב טיפות; חלקם יש נושא כהה, אחרים משתמשים ברירת מחדל בהירה. ממשל - תהליך רשמי לבדיקת שינויים UI נגד מדריך בסגנון - לעתים קרובות חסר, במיוחד בחברות קטנות להנדסת בינוניות.

קוד מורשת ומסגרות חיצוניות

כלים הנדסיים רבים הוקמו עם טכנולוגיות ישנות יותר כגון MFC, WinForms, או גרסאות מוקדמות של Java Swing. Updating UI תוך שמירה על עשרות שנים של לוגיקה התחום הוא מאתגר.מפתחים עשויים להיות חסרי מוטיבציה לבצע שינויים גורפים מחשש לשבור חישובים קריטיים. וכתוצאה מכך, תכונות חדשות מודבקות לעתים קרובות על גבי שימוש בספריות מודרניות, יצירת התאמה חזותית והתנהגותית.

מסמך מוגבל של החלטות עיצוב

מפרטים מקוריים של עיצוב UI הם לעתים קרובות אבודים.ללא תיעוד, מפתחים לא יכולים לדעת אם פריסת דיאלוג מסוים תוכנן בקפידה עבור זרימת עבודה מסוימת או פשוט לפרוץ יחד.חוסר ידע זה גורם לכך שהוא מסוכן כדי לשנות רכיבים קיימים.צוותים עלולים להרוס באופן לא נמנע שיפור של יכולת קשה תוך כדי ניסיון סטנדרטיזציה של הממשק.

מסגרת מספקת מערכתית לקונסולות UI

מתן אישור לעקביות UI דורש יותר מטקס סיטונאי. גישה ממוקדת נתונים מצמצם את הסיכון ומספקת ערך מצטבר.המסגרת הבאה יכולה להיות מותאמת לפרויקטים של תוכנה הנדסית אזרחית בכל גודל.

שלב 1: UI Audit ו-ממציא

ביצוע ביקורת מקיפה של כל המסכים, דיאלוגים, צריחים, ותפריטים קונטקסטואליים.לכידת צילומי מסך, אינטראקציות למשתמשי תיעוד, ועיצב רשימה של כל דפוס UI ייחודי.סווג כל דפוס על ידי הפונקציה שלו (למשל, קלט נתונים, הדמיה, תצורה) וסימון תכונות חזותיות והתנהגותיות הנוכחיות שלה.זה הופך את הבסיס לזיהוי inconsistenciesities.

שלב 2: Define a Unified Design Language

יצירת מערכת עיצוב המכסה את צבעי הצבעים (כולל יחסי ניגוד נגישות), קשקשים, הנחיות איקונוגרפיה, כללי ספיגה, סגנונות כפתור ותבניות שדה טפסים. עבור כלי הנדסה אזרחית, שפת העיצוב צריכה לכלול גם אלמנטים טכניים: כיצד להציג יחידות (kN לעומת קיפס), פורמט של הנדסה מדעית, ואת הפריסה של טבלאות מרובות שדה.

שלב 3: שינוי UI Components

לשבור את ממשק המשתמש לרכיבים הניתנים לחזרה.לדוגמה, רכיב "עורך עומס" יכול להיות מתוכנן פעם ולהשתמש בניתוח beam, עיצוב עמודה ומודולים יסוד.לפתח ספריית רכיב המאוכפת את מערכת התכנון. אפשרויות יישום פופולריות כוללות תגובה (עבור כלים מבוססי אינטרנט) או Qt Quick / QML (עבור יישומי שולחן עבודה).כל רכיב צריך להיות בלתי-מישושט באופן עצמאי ותיעוד כלים כמו Storybook כדי להציג תצוגה מקדימה ובודדת על רכיבים.

שלב 4: שיפור ביצועים

אל תנסו לשנות את היישום כולו בהודעה מסיבית אחת.במקום, להתמודד עם אי-consistencies מודול אחד בזמן. לתעדף מודולים שגורמים לחיכוך המשתמש ביותר - אלה עם כרטיסים תכופים או זמני השלמת משימה ארוכים. במהלך קידוד, להחליף את קוד UI הישן עם יישום חדש המבוסס על רכיב מבוסס רכיב.וודא כי תוקפנות אוטומטית מכסה את ההיגיון העסקי הבסיסי; ההתנהגות החיצונית (ultience), יש להמשיך את הנתונים הקטנים של תקפים כדי למנוע שינוי בלתי-אפשרות.

שלב 5: מדד ו- Iterate

לאחר כל קידוד, למדוד את ההשפעה על חוויית המשתמש ומהירות הפיתוח. השתמש בסקרים, ניתוח השלמת משימות, וטעייה . Track metrics כמו זמן כדי להשלים תרחיש עיצוב סטנדרטי, מספר קלטות שגויות או תאונות, וציוני שביעות רצון של משתמשים. Feed את התוצאות האלה בחזרה למערכת העיצוב והספרייה של הרכיב.תהליך המארגן הוא אף פעם לא באמת גמור - זה הופך לחלק ממחזור ההתפתחות הרגיל.

מחקרים: מתן UI ביישום הנדסה גלובלית

מקרה מחקר 1: איחוד כלי ניתוח סטריקט

חברת תוכנה בינונית שמרה על מוצר ניתוח מבני המשמש בעיקר עבור פלדה ועיצוב קונקרטי.מעל עשר שנים, UI צמחה לא עקבי: המודל הראשי השתמש ממשק ribbon, הגדרות העומס המשמשות דיאלוגים נפרדים עם מיקום כפתורים שונים, ואת התוצאות הצופה להסתמך על ממשק טנדרה ישן.משתמש תלונות התמקד סביב מציאת בקרות וחלונות סגורים בטעות.

הצוות ביצע ביקורת UI באמצעות שילוב של לכידת מסך אוטומטית והתבוננות במשתמש.הם זיהו 47 סגנונות דיאלוג נפרדים ו-12 דרכים שונות לבחור אובייקטים.לאחר הגדרת מערכת עיצוב משותפת המבוססת על עקרונות עיצוב פלורנטיים, הם בנו מחדש את רכיבי הליבה: פאנל רכוש מאוחד, מתמיר יחידה עקבית, ותבנית כפתור "שמח" אוניברסלית" שכל אחד מהם מתמקד במודול אחד - הראשון - הגדרות העומס, ואז ירד ל- 60% זמן תגובה, ולאחר מכן, לאחר מכן, לחץ על ידי צפייה סטנדרטית, לחץ על ידי צפייה ב- 60%, לחץ על ידי צפייה ב- 60 חודשים, לחץ, לחץ, ולאחר מכן, לחץ, לחץ על ידי צפייה ב- 60 חודשים, ירידה של 30 אחוזים, לחץ, לחץ על ידי צפייה ב- 60 חודשים, לחץ על ידי צפייה ב-ידי צפייה ב-ידי צפייה ב- 60 חודשים, לחץ על ידי צפייה ב-ידי צפייה ב-ידי צפייה ב-ידי צפייה ב-ידי צפייה ב-ידי צפייה ב-ידי צפייה ב-ידי צפייה ב-ידי צפייה ב-ידי צפייה ב-ידי צפייה ב-ידי צפייה ב- 60 חודשים, לחץ, ירידה של לחץ, ולאחר מכן, לחץ, ירידה ב- 60 חודשים, ירידה של לחץ על ידי צפייה ב-ידי צפייה ב-ידי

מקרה מחקר 2: Integrating GIS ו BIM Workflows

חברת הנדסה המתמחה בתשתיות תחבורה השתמש בשני יישומים נפרדים: אחד עבור עיצוב היערכות כביש (BIM מבוסס) ואחד לניתוח השפעה סביבתית (GIS-based) משתמשים לעתים קרובות היה צריך להעביר נתונים באופן ידני בין הכלים, ו- UIs היו שונים לחלוטין - אחד השתמש בתצוגת 3D עם עריכת ללא מחיקה, השני השתמש במפה 2D עם חברת עץ.

הם אימצו מערכת עיצוב משותפת באמצעות רכיבי Vue.js, להבטיח כי שני המודולים BIM ו GIS חלקו את אותו מודולים, ערכת צבע ודפוסי אינטראקציה עבור בחירת אובייקטים.מודול GIS היה refactored הראשון, שכן היו פחות מסכים.מודול BIM, ולאחר מכן גם שימוש רבים של רכיבים (למשל, מנהל שכבה, מסנן, תצוגה).

הערכת ההשפעה של UI

Quantifying the benefits of UI refactoring helps justify the investment to stakeholders. Key metrics include:

• (FLT:0)Task Completion TimeFLT:1: מדד כמה זמן לוקח למשתמש טיפוסי לבצע משימות ליבה (למשל, הגדרת תיק עומס, הפעלת ניתוח, יצוא דו"ח עקבי UI מקטין את הזמן הדרוש כדי לאתר בקרות.
• (ב) [ה]: [ה], [ה], [ה], [ה], [ה], [ה],] [ה], [ה], [ה],]]], [ה], [ה], [ה], [ה], [ה], [ה],] ‭ ‬התחילה] את‭ ‬ה], [ה], [ה], [ה], [ה], [ה], [ה], [ה], [ה], [ה], [ה], [הה], [ה], [ה], [ה], [ה], [ה], [ה], [ה], [ה], [ה], [ה]] [ה], [ה]], [ה], [ה], [ה], [ה], [ה],], [ה], [ה], [ה], [ה],],], [ה], [ה] [ה]]]]]]]]]] [ה]]]]]]]] [ה] [
• (FLT:0User Satisfaction (NPS/Likert) ReveFLT:1: השתמש בסקרים סטנדרטיים כדי למדוד את רגשות המשתמש. עלייה של 10-20 נקודות היא נפוצה לאחר איחוד ממשקי הפירוק.
• (FLT:0) כרטיס כרטיס כרטיס כרטיס כרך 1: רכישת כרטיסים מסוג זה. A טיפות בכרטיסים הקשורים ל-"לא יכול למצוא תפקוד" או "התנהגות בלתי צפויה" משתלבת ישירות עם עקביות משופרת של UI.
• (FLT:0) חידוש הזמןFLT:1: השוואה בין הזמן הנדרש למשתמשים חדשים להיות פרו-מדעי לפני ואחרי מתן מחדש ממשק עקבי יכול לקצץ זמן אימונים עד 40%.

עבור מבט עמוק יותר לתוך מדדי UX, קבוצת נילסן נורמן מספקת הנחיות על מדידה של יכולת (ראה מאמר שלהם FLT:0Usability Metricsph 1).

הבא: « « « « « « « « « « « « « « « « « « « « « « « « « « « « « « « « « « « « « « « « « « « « « « « « « « « « « « « « « « « « « « « « « « « « « « « « « « « « « « « « « « « « « « « « « « « « « « « « « « « « « « « « « « « « « « « « « « « « « « « « « « « « « « «

התנגדות לשינוי

משתמשים מנוסים אשר זכירו את הקווירקטים של הממשק הישן עשויים להתנגד לשיפוץ.הם חוששים שאוי חדש יאט אותם בהתחלה.תענו על כך באמצעות שילוב של משתמשים בכוח בתהליך העיצוב, המציע גישה מוקדמת לגרסאות בטא, ולספק הכשרה מקיפה.

תקציב ותזמון Constraints

שיפור UI הוא לעתים קרובות מחוספס מאחורי פיתוח תכונה חדש.כדי להתגבר על זה, מסגרת מחדש כמו פעילות הפחתה בסיכון: כל אי-הסכמה היא מקור פוטנציאלי של שגיאות יקרות.לפתור את השיפוץ על מודול ערכים אחד גדול כדי להוכיח את ROI לפני התרחבות.

תיעוד מוחלט

ללא תיעוד של כל שיח וזרימת עבודה, מפתחים עשויים לצייר את עצמם לפינה. Mitigate זה על ידי יצירת מערכת עיצוב חיה מההתחלה, מתעד כל רכיב כפי שהוא מספק מחדש. השתמש הערות קוד קוליין ו wiki משותף.העלות של מסמך היא הרבה יותר נמוכה מאשר עלות של ניתוק טעות.

סקופ ccep

מתן לעתים קרובות צוותים מפתים לתקן באגים לא קשורים או להוסיף תכונות חדשות בו זמנית.זה מגביר את הסיכון ועיכוב השחרור. שמור כל קידוד מחדש בהיקף הדוק של שינויים UI בלבד.

כלים וטכנולוגיות ל-UI Refactoring

בחירת הכלים הנכונים יכולה להאיץ את תהליך השיפוץ.יישומים רבים בהנדסה אזרחית נעים לכיוון אדריכלות מבוססת אינטרנט או היברידית, המציעה יותר הזדמנויות לשימוש חוזר רכיב.

• (ב) ⁇ :0) מערכות עיצוב ו- Component Librariessph:1 ; פלטפורמות כמו FLT:2StorybooksveFLT 3 מאפשרות למפתחים לבנות ולתעד רכיבים UI בבידוד.ספר סיפור עובד עם React, Vue, Angular ומסגרות אחרות.
• (FLT:0)Figma or SketchFLT:1: השתמש בכלים האלה כדי לאבטיפוס ולשמור על מערכת העיצוב.
• (FLT:0CSS FrameworksFLT:1): Bootstrap או Tailwind CSS יכול לספק בסיס עקבי עבור עיצוב, אבל להיות מוכן להתאים אותם לצרכים ספציפיים הנדסי (למשל, הקרנה מדעית, תצוגות יחידה).
• (ב) [15] אינטגרציה חוזרת (ב"א): CMS חסר ראש כמו FLT:2DirectusFLT 3: 3) יכול לנהל את הגדרות UI, הודעות שגיאה, ולעזור תוכן מרכזי.

מסקנה

עקביות UI אינה מותרות בתוכנות הנדסה אזרחית - זה הכרחי.כאשר מהנדסים יכולים להאמין שהממשק מתנהג בחיזוי, הם מתמקדים משאבים קוגניטיביים שלהם על הבעיה עיצוב ולא על מנת לניווט את הכלי. Refactoring, כאשר מבוצע באופן שיטתי, הופך את עבודת הממשקים של ממשקי מורשת למערכת הנדסית עקבית, שמירה על עצמה, על ידי ביצוע ביקורת יסודית, הגדרת שפה, מודולרית, ומקצרת, תוך צמצום של קבוצות תמיכה דיגיטליות, תוך כדי שיפור יעיל יותר, כמו גם שיפור יעיל יותר, כמו גם תכונות יעילות יותר, לא יכול לשפר את יעילות של תמיכה מקצועית, תוך כדי שיפור יעילות של יעילות של יעילות של שיתוף פעולה יעילה יותר, תוך כדי שיפור יעילות של ציוד ניהול יעיל יותר, תוך כדי שיפור יעיל יותר, תוך כדי שיפור יעילות של ציוד עבודה, תוך כדי שיפור יעיל יותר, תוך כדי שיפור יעילות של יעילות של יעילות של ציוד ניהול יעיל יותר, תוך כדי שיפור יעיל יותר, תוך כדי שיפור יעיל יותר, תוך כדי שיפור יעיל יותר, טיפול יעיל יותר, תוך כדי שיפור יעיל יותר, תוך כדי שיפור יעיל יותר, טיפול יעיל יותר, תוך כדי שיפור יעיל יותר, תוך כדי שיפור יעילות של פונקציות של פונקציות הפעלה אוטומטית, טיפול יעיל יותר, טיפול יעיל יותר, טיפול יעיל יותר, טיפול יעיל יותר, תוך כדי שיפור יעילות של