אחד הדברים שהמשתמש הפשוט לא יודע, זה כמה מחשבה והשקעה נמצאת מאחורי מסכים שנראים פשוטים יחסית.
בעיצוב ממשקים לסלולרי הבעיה כפולה: גם המסך בגודל מוגבל, וגם יש צורך לשמור מקום גדול יחסית עבור שימוש באצבעות שמדוייקות פחות מעכברים.
קחו למשל את השורה העליונה בעמודי הפורומים.
בשורה אחת אנחנו צריכים לייצג את הלוגו, את התפריט, את העיגול של ההודעות בצד שמאל, את שם המדור (פורומים) ואת שם תת המדור (פורום ספציפי).
את הפיתרון שבחרתי בסוף לפתח לקח חצי שעה ולתכנן כמה ימים.
בחרתי לכתוב "פרומים" בסרגל כשנמצאים למעלה,
אבל כשגוללים קצת למטה להחליף את הכותרת לשם של הפורום.
במקרה שהפורום עם שם ארוך מדי, לקצר לשם מקוצר, ואם אין, אז ראשי תיבות.
ולמי שתהה איך מייצרים ראשי תיבות בתכנות:
// m: שדה מקסימום לשורת כותרת
if (name.length > m) { name = name.replace(/[^א-תA-Za-z ]/g,"").split(" ").map(function (f) { return f[0] }).join(""); name = name.replace(/(.)(.)$/, "$1\"$2") }
שיהיה לך בהצלחה רבה!
