פומיקה
זוכרים אותנו? בחלק א’ של הכתבה נתנו לכם 14 תוספים שהפכו לנו את יום העבודה לפחות מתסכל, והרבה יותר נעים ויעיל. בחלק ב’ בלוג פומיקה מגיש לכם מנה שנייה של תוספים לשיפור וייעול עבודת ה-UX והעיצוב. הפעם – QA לעבודת פיתוח, רספונסיביות, עבודה עם מייל, לקוחות וסדר בעבודה.
דברו איתנו: עבודה במייל, מול לקוחות ובאנגלית
חוץ מהתוספים שספציפיים לעבודת עיצוב ה-UX, יש לא מעט תוספים הנוגעים לעבודה שוטפת מול לקוחות, מיילים, תכנון ופרודוקטיביות שאנחנו משתמשים בהם באופן קבוע. ברמת הפונקציות הבסיסיות של העבודה עם גוגל אפס, אנחנו אוהבים את התוסף של Google Calendar, שנותן לנו גישה לאירועים הקרובים בקלות, את boomerang שמאפשר לנו לשלוח מיילים בתזמון מראש ולקבל נוטיפיקציות על פתיחה של מיילים (הרי אתם לא רוצים שלקוחות שלכם יראו שאתם עובדים ב11 בלילה על הפרוייקט שלהם וישלחו לכם ישירות מייל מטלות ושאלות בתגובה, או שבעצם אתם כן רוצים שיחשבו ששרפתם לילה לבן על הפרוייקט…), ואת Rapportive, שנותן לנו רקע מקצועי (מבוסס לינקדאין) לאנשי הקשר שלנו במייל (כדי שלא תתבלבלו בין לקוחות רק כי יש להם כתובת מייל או שם דומה, כי שני לקוחות עם אותו פרצוף זה די נדיר).
כדי לשמור על רהיטות ודיוק באנגלית במיילים ובעבודה באופן כללי אנחנו משתמשים במספר תוספים שמצביעים לנו על טעויות פוטנציאליות באנגלית, כמו Spell Checker and Grammar by Ginger, Grammarly או Typosaurus. שלושתם מעולים וממלאים פונקציות דומות – מסמנים טעויות, אי דיוקים או מילים אלנטרנטיביות על הטקסט. תוסף אחרון בקטגוריה הזו ממלא פונקציה בסיסית אבל נדרשת – Convert case menu שולט באותיות הגדולות והקטנות באנגלית, ככה שאם הלקוח שלח לכם טקסט שלם בCAPS (או חס וחלילה אם נלחץ לכם בטעות הCAPS שנייה לפני שהתחלתם לכתוב מייל) תוכלו לסדר אותו בקלות ובלי לבזבז זמן על שינוי האותיות מילה-מילה.
OCD שלום, מי הזיז לי את הפיקסל?
בעבודת העיצוב מול הפיתוח, מאד קשה לאתר במהירות את המקומות בהם המוצר הנוכחי שונה מהעיצוב שתוכנן.
בעבודה מול מפתחים, יש לא מעט נקודות בהן אנחנו צריכים להשוות בין העיצוב שלנו לבין המוצר המוגמר ולהצביע על בעיות או אי דיוקים. השלב הזה יכול להיות מהיר ויעיל או ארוך ומייגע, ושימוש בתוסף נכון יכול לקצר משמעותית את הזמן שאנחנו מבלים בבדיקות. אמנם חשוב לשמור על עין חדה לפרטים ולגדל סבלנות לבדוק כל גריד, אבל התהליך נעשה הרבה יותר נוח עם כמה תוספים שמאפשרים לעבור יחסית מהר על כל מסך ולוודא שהכל יושב איפה שצריך. כדי למצוא מה זז ולאן, Perfect Pixel מאפשר לנו להניח את העיצוב ששלחנו על האתר החי ולאתר ולסמן את התיקונים שצריך כדי לסגור אתר מעוצב פרפקט. Page Ruler מניח מעל האתר סרגל המאפשר למדוד פיקסלים בקלות כדי שיהיה אפשר להסביר למפתח בדיוק בכמה פיקסלים צריך להזיז את האובייקט. בנוסף, Page Editor יאפשר לנו לשנות כותרות וטקסטים בדף המתוכנת, כדי לבדוק מקרי קצה או סתם לשנות אתרים מפורסמים ולמתוח את חברינו.
פרפקט פיקסל מראה לנו איפה ובכמה פיקסלים סטו המפתחים מהעיצוב.
רספונסיביות: כל המסכים שבעולם
אנחנו לא רוצים להתחיל עם קלישאות, אז לא נדבר על כמה חשוב שהכל יעבוד מושלם במובייל. אבל אם כבר אנחנו פה, בואו נדבר על איך פעם היינו פותחים כל עמוד במכשיר אחר כדי לוודא שהיישור לא נשבר. יש המון תוספים שעוזרים לבחון גדלים שונים (כולל כלי הפיתוח של כרום עצמו), אחד הטובים ביניהם הוא Mobile/RWD Tester שנותן לנו הדמייה של צפייה במגוון רחב של טלפונים, פאבלטים וטאבלטים, כולל הדמיית תגובת הממשק ל-swipe – מהיר, קל, ועובד.
מי צריך הסברים כשיש צילומסך?
כשמשהו, זז, נשבר או מתעוות חס וחלילה – אנחנו משתמשים בסט מכובד של אפליקציות שמצלמות מסכים, מתעדות תנועה ומורידות אימג’ים. יש המון אפליקציות, תוספים ותוכנות חינמיות שעוזרות לצלם מסך, אבל לא כולן טובות. הנה אלה שאנחנו ממליצים עליהן: Nimbus screenshot and screen recorder הוא תוסף מעולה לצילומי מסך שקשורים לדפדפן. מה שהופך אותו לטוב יותר מאחרים הוא הגמישות שהוא מציע, החל היכולת להשתמש בגלילה בתוך הדפדן תוך כדי צילום מסך, דרך הדמיין מסך של אנדרואיד וכלה בצילום מסך בתנועה (וידאו). כמובן, נימבוס לא לבד, ומי שלא צריך את הרעש של שאר הפיצ’רים יכול פשוט להוריד את fullscreen capture שנותן בקליק אחד צילום מסך של עמוד מלא, או את Openvid, שיוצר בקלות וידאו של המסך ומעלה ישירות לענן לשיתוף מהיר.
* בונוס*
מחוץ לכרום, רובנו משתמשים ב-Lightshot – שמאפשרת לייצר צילומי מסך מדוייקים ומהירים, להעיר עליהם בחצים, מסגרות או טקסט, ולהעלות אותם לענן כך שקל לשתף אותם.
עם לייטשוט מצלמים מסך, מסמנים הערות (וחצים) ומעלים בקלות לענן.
סדר וניקיון – חצי עבודה.
תהליך העבודה שלנו משתנה מפרוייקט לפרוייקט, אבל בסופו של דבר רובנו מבלים חלק נכבד מהיום באיסוף רפרנסים, השראות, ניתוח וקריאה של מקורות שונים ברחבי האינטרנט. בחלק א’ של הפוסט הזה היו לא מעט תוספים שעושים סדר בחלק הזה של העבודה. התוספים הבאים נוגעים להתמודדות עם הלינקים, הכיוונים השונים והעבודה הטכנית עם ריבוי המשימות.
במחקר עבור פרוייקט, נוח לנו מאוד לעבוד עם Tabtext שפותח לנו מחברת בטאב של כרום, כך שאפשר לאסוף הערות ומחשבות בצורה אורגנית כחלק מתהליך העבודה, וניתן לפתוח ולסגור אותה לפי הצורך בלי לדאוג למידע. עוד בונוס קטן – טאבטקסט מייצאת בקלות את הרשימות ל-PDF וכוללת מגוון של קונפיגורציות כדי לשלוט ברמת הסחת הדעת הויזואלית שאנחנו מעוניינים בה.
התוסף Open Multiple URLs ממלא פונקציה פשוטה מאוד: זורקים לתיבת הטקסטים שלו רשימה של לינקים והוא פותח אותם בטאבים נפרדים של כרום, כדי שלא נצטרך לעבור כל בין הכרום למסמך בו קיבלנו את רשימת הלינקים. מושלם להתמודדות עם אקסלים מלאי קישורים – רק לזרוק לתוסף ולעבור טאב-טאב.
אחד התוספים שעושים לנו סדר בעיניים הוא Toby. כמי שחולים במחלת 1000 הטאבים, אנחנו מכירים בעובדה שיש גבול לעומס שהעין והמוח האנושיים מסוגלים לעמוד בו. כדי להקל על המצב, חלק מאיתנו משתמשים בToby שמרכז בטאב אחד את הטאבים הפתוחים שלכם, תחת חלוקה לתיקיות. לא מדובר רק בארכיון קישורים אלא ממש שימור של הסשן הפעיל שלכם, כדי שלא תלכו לאיבוד בין הטאבים.
טובי מאפשר לשמור סשן שלם של טאבים בתיקייה או לתייק קישורים בהתאם לפרוייקט
נו, אתם עדיין פה? התוספים מחכים לכם, התקינו, השתמשו וספרו איך הולך.
היה סבבה, ובא לכם על עוד 15 תוספים מעולים?הקליקו אל חלק א’ של הכתבה.
לא מאמינים איך שכחנו את התוסף האהוב עליכם? ספרו לנו בתגובות!
בהצלחה!
