אנימציות בחווית משתמש: מאין באת ולאן תשוב

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

להמשך קריאה

אנימציות וחווית משתמש: יד ביד

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

להמשך קריאה

פיקסלינק – טיפים למפתחים מאת מיילצ'יפ, קייס סטאדי על העיצוב של Square Order, פלאגינים לסקצ' ול- jQuery, ועוד המון דברים טובים.

תמונה מתוך: blog.intercom.io: 5 mistakes we all make with product feedback

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

להמשך קריאה

ג'וני במגרש – 7 עיצובים של תפריטים נפתחים להורדה חינם מתוך דריבל

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

להמשך קריאה

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

בתמונה: פונט חינמי יפיפה מאת Fontfabric.

  smashing magazine מאת Chris Behr -->
השבוע הבאנו לכם קייס סטאדי של עיצוב מחדש של דף העסק באתר Yelp, טיפ מיוחד להגברת הפרודוקטיביות, אוסף מגניב של מכשור לביש ועוד.
בפיקסלגיק אנו משתפים קישורים להדרכות, חינמיים, השראה, תכנות פרונט אנד, עיצוב לסטארטאפים וחווית משתמש.

להמשך קריאה

פיקסלגיק – קוד לתפריט מסך מלא, ביקורת על אפליקציה מעולה, מדריך לעיצוב רספונסיבי ועוד…

בתמונה: מתוך פוסט הטיפים לממשק ידידותי של goodui.

  smashing magazine מאת Chris Behr -->
השבוע הבאנו לכם ביקורת על האפליקציה הכי חמה בשוק, טיפים חשובים לעיצוב אפליקציות לבעלי מוגבלויות ראייה, מדריך מעולה לעיצוב רספונסיבי, חינמי שווה במיוחד ועוד...
בפיקסלגיק אנו משתפים קישורים להדרכות, חינמיים, השראה, תכנות פרונט אנד, עיצוב לסטארטאפים וחווית משתמש.

להמשך קריאה

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

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

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

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

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