קטגוריות


14 תוספי כרום שישפרו לכם את חווית העבודה (חלק א’)

פומיקה

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

קבצים, קבצים, קבצים

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

אם נמשיך עם המוטיב של גישה מהירה לקבצים – התוסף Quick search for Google Drive הוא אחד התוספים הכי יעילים שפגשנו בזמן האחרון. הוא מאפשר לחפש קבצים בשורת הכתובת של הדפדפן, ולמעשה חוסך את הכניסה לדרייב עצמו, ומוביל אותנו ישירות אל עמוד תוצאות החיפוש, או אפילו לקובץ הספציפי (אם זכרנו את שמו במדוייק).

_ver2Pushbullet – להעביר צילום מסך בקלות ומהירות מבלי לפגוע באיכות ובלי להתברבר

זיהוי צבעים, טקסט ופונטים

יש לא מעט תוספים המסייעים לבדוק אלמנטים עיצוביים בדפי אינטרנט מעוצבים- כך נוכל ללמוד מעיצובים קיימים וטרנדים וגם לבדוק מה קורה בעיצוב שלנו שכבר בפיתוח. מספר תוספים מומלצים: נשתמש ב-Colorpick eyedropper או ב-ColorZilla  על מנת לאתר גוון מדוייק ולהעתיק מהר את הקוד שלו לשימוש בתוכנות השונות. ב-Whatfont,  נשתמש לבדיקה “באיזה פונט” השתמשו באתרים, על משקליו השונים וגודלו המדוייק.
התוסף האחרון שנציין בקטגוריה הזו הוא Project Naptha, שעוזר לנו להימנע מלכלות את זמן המעצבים והמאפיינים שלנו על הקלדה מחדש של טקסטים הקיימים בתוך קבצים ויזואליים, על ידי חילוץ  אוטומטי של הטקסט – 
האם אי פעם קיבלתם סקרינשוטים של אתר “ישן” שהייתם צריכים את הטקסט להזנה באתר החדש ? על לא דבר.

אוהבים את הפונט של Wired? תוכלו לאתר אותו בקליק.

השראה וחיפוש אחר רפרנסים

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

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

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

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

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

הרבה יותר נוח להבחין בפרטים קטנים עם Booom לדריבבבל

וויירפריימים ויוריסטיקות – פלאנרים, שימו ♥

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

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

_ver1

TextMode עושה לכם סדר בעיניים כדי שתוכלו לנתח את הבחירות שעשו המעצבים והמאפיינים שבנו את האתר

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

רוצים עוד? הקליקו לחלק ב’

עבודה נעימה!

צוות בלוג פומיקה מביא לכם חדשות ומידע על כל מה שחדש ומעניין בעולמות העיצוב וה-UX