תפסיקו לשכפל ארטבורדס ותתחילו לעבוד!

לפני שלוש שנים, עבדתי כמעצב חווית משתמש ב- CA technologies (היום חלק מ-Broadcom). באותו הזמן החברה התחילה בתהליך של בניית Design System עבור מאות מוצרים דיגיטליים אשר היו קיימים בחברה ודיברו בשפות עיצוביות שונות.
עבור האתגר הם בחרו באפליקציה אנונימית יחסית בשם 
 UXPin – אפליקצית Cloud שמאפשרת לעצב מוקים (פרוטוטייפ) ״חיים״ ללא הצורך לשכפל דפים (Artboards) כדי ליצור אנימציות. בנוסף לספריית אלמנטים שהופכת באופן אוטומטי ל- Design System. 
נשמע מבטיח, נכון? אבל כידוע, טיימינג זה הכל בחיים. באותם ימים UXPin היה מוצר חצי אפוי שסבל מהמון באגים ורבים מהמעצבים התקשו לעבור אליו.

בזמן שמעצבים אחרים נטשו וחזרו אל ה-Sketch הישן והטוב. אני התקשיתי לוותר על UXPin, אחרי שהתנסיתי ביצירת אינטראקציות ישירות על אלמנטים היה לי קשה לחזור אחורה. היום, בכל פעם שאני רואה מעצב משכפל דף ב-Figma כדי לעשות אנימציה אני מתחיל להתעייף במקומו. לבסוף ההתמדה השתלמה, היום UXPin עומדת באותו קו עם האפליקציות המובילות בשוק והיא מציעה הרבה מעבר. הנה 7 הסיבות העיקריות*:

*למען הסר ספק, UXPin לא משלמים לי או מתגמלים אותי בשום צורה על כתיבת המאמר הזה. זו היא החוויה האישית שלי שאני חושב שרבים בקהילת ה-UX יכולים להרוויח ממנה. 

1. לא צריך לשכפל יותר Artboards!

ב-UXPin האינטראקציות נעשות ישירות על האובייקטים! ויש מלא אפשרויות (חוץ מלעבור עמוד) – לצבוע, להסתיר/להראות, לשנות גודל, להזיז, לשנות תוכן, לגלול, לשנות מצב (State) ואפילו הוספת תנאים (״If״) לאינטראקציות מורכבות.
תחשבו כמה זמן נחסך על כל אינטראקציה שאתם מוסיפים במסך במקום על ארטבורד נפרד. מה גם שזה מוריד את הכאב ראש לעדכן את כל הארטבורדס במקרה ששינית משהו בעמוד עצמו. אחרי שתופסים את הרעיון מאוד קל לייצר מוק-אפים ״חיים״ ולבצע עליהם יוזר טסטינג כמו על הדבר האמיתי (וכל זה לפני שנכתבה שורה אחת בקוד!).

 


 

2. עבודה עם Components ו- Design System

ב-UXpin אפשר ליצור Components לשימוש חוזר ובלחיצה אחת להכניס אותם לספריית האלמנטים בצד המסך שמחוברת ישירות ל-Design System. כך שאתם יכולים ליצור/ לערוך ולהשתמש ב- Design System שלכם תוך כדי עבודה מבלי לצאת מהפרויקט.
אם אתם רוצים לפנפן את ה-Design System שלכם, להוסיף דוגמאות וטקסטים אתם יכולים לעשות זאת אחר כך במסך יעודי לעניין זה. 
כמו כן, יש גם Design Systems בילט-אין כדוגמת Matirial Design ו-iOS ומלא אלמנטים Out of the box כמו אייקונים, תיבות טקסט (עובדות!) ותפריטי ניווט.

 

 

3. Spec mode, הערות ותיעוד ישירות על התצוגה המקדימה.

כשלוחצים על Preview ב-UXPin נפתח כצפוי מסך עם תצוגה מקדימה. זה גם לינק שאפשר לשתף בקלות עם קולגות, לקוחות ומנהלי מוצר שיכולים להתנסות במוק ״החי״ ולהשאיר הערות ישירות על המסך (אתם תקבלו הודעה למייל).
כמו כן, המפתחים שיקבלו את המוק יכולים לעבור לתצוגת Spec מה שיתן להם את כל ה-CSS והנתונים שהם צריכים לפיתוח בדומה ל-Zepplin. בנוסף יש גם תצוגת Documentation שבה יופיעו כל מיני הערות שהמעצב החליט להוסיף למוק-אפ.

 

 

4. אינטגרציה עם Sketch ופוטושופ

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

 

 

5. Mac, PC, דפדפן, וואטאבר….

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

 

6. שירות לקוחות מעולה

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

 

7. ועוד מלא…

ב- UXPin את יכול לעבוד על פרויקט עם צוות בזמן אמת (כמו ב-google docs), לקבל DATA (תמונה, שם, כתובת ועוד) בלחיצת כפתור, שימוש בנתונים מקבצים חיצוניים, תצוגה של המוקאפ על הטלפון הנייד, עריכת CSS, נוטיפיקציות, מינוי מאשרים למוק-אפ ועוד…

 

 

Once you go UXPin…

UXPin של היום עושה את מה שכל האחרות עושות, רק שהיא לוקחת את זה כמה צעדים קדימה – כמו שהייתי מצפה מכלי עיצוב בפתח 2020. עד מהרה גם הצוות החדש שאני עובד אתו בימים אלו הבין את זה וכולנו עברו ל-UXPin.
כמובן שלא כל הפיצ׳רים שציינתי למעלה זמינים בכל רמות התמחור (יש גם חינם!) ועדיין יש גליצ׳ים פה ושם (UXPin הצהירו שהגרסה הבאה
UXPin 2.0 שתשוחרר ב-19 בנובמבר 2019 תתרכז כולה באיכות). 

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

אשמח לשמוע איך היתה החוויה שלכם. I know I can never go back.

הפוסט נכתב על ידי:

מתוך לוח הדרושים שלנו:
סגירת תפריט

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

 

נשמח לתת לך עוד פרטים

יש למלא את הטופס הבא על מנת לשריין מקום באירוע הקרוב.


נא לבדוק ביומן לפני מילוי הטופס: 
30 למאי (יום רביעי)
בשעה 18:30
בתל אביב (מיקום מדוייק יישלח בהמשך)

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

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

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

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

קבלת ה-PDF מותנית ברישום לניוזלטר שלנו (מי שרשום לניוזלטר נחשב חבר בקהילה ולכן אנחנו מפנקים בגישה לכל החינמיים שלנו).


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

×

אשמח לשלוח לך פרטים!

אנא מלא/י את פרטי הקשר שלך כאן ואשלח לך אימייל עם כל הפרטים אודות ההכשרה

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

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

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

נשמח לתת לך עוד פרטים!

לצפייה מיידית בסילבוס ובפרטים אודות הקורס אנא מלא/י את הפרטים כאן: