המשתמש שלנו יש לו 2 שניות של תשומת לב. מה שקורה באותן 2 שניות – קובע האם הוא ימשיך או יעזוב.
Loading states שלא מעצבנים
Spinner בלי context = anti-pattern. המשתמש רואה טעינה ולא יודע מה מתרחש. Skeleton loaders (המראה של התוכן שיבוא) הופכים את הזמן הזה לאינפורמטיבי.
Progress bar אם ידוע כמה זמן. Estimated time אם ארוך. גילוי אורגני אם מתפזר.
Feedback על פעולות
כפתור נלחץ = צריך immediate feedback. אנימציה של 100ms, color change, scale down. המשתמש יודע שהקליק נרשם.
פעולה הצליחה = צריך delayed feedback. Toast notification, checkmark animation, סימון בכפתור.
Empty states שהופכים מ’ריק’ ל’להתחיל’
אין מוצרים בעגלה? במקום ‘no items’ – הצע 3 מוצרים פופולריים. בעצם – זו הזדמנות למכור.
אין הודעות? במקום empty – הצע פעולות (‘שלח הודעה ראשונה’).
Error states אנושיים
‘error 500 internal server error’ – זה איום.
‘משהו השתבש – נסה שוב תוך רגע’ – זה עדיין רע.
‘לא הצלחנו לטעון את ההזמנות. זה יכול לקרות בגלל חיבור אינטרנט חלש. נסה שוב או צור קשר.’ – זה טוב.
Transitions בין מסכים
Swipe בין מסכים באפליקציה = מרגיש כמו iOS native. Fade = מרגיש כמו אפליקציה. Slide = מרגיש כמו hybrid.
הפסיכולוגיה: transitions איטיים (300-500ms) מרגישים ‘premium’. Transitions מהירים (100-200ms) מרגישים ‘productive’.
בפרויקטים B2B – מהיר. בפרויקטים B2C – איטי יותר, יותר אמוציונלי.
מבוסס על פרויקטים אמיתיים
המדריך הזה מבוסס על עבודה עם:
קריאה נוספת
אם המדריך הזה עזר לכם, אולי תרצו לקרוא גם על עיצוב UX/UI – המדריך המקיף שלנו לתחום.
רוצים לדבר על הפרויקט שלכם?
שיחת ייעוץ חינם, ללא התחייבות - הרעיון שלכם + הניסיון שלנו
רוצים לדבר על הפרויקט שלכם?
אנחנו מתמחים בפיתוח SaaS, פתרונות AI, עיצוב UX/UI ובניית אתרים. ספרו לנו מה אתם צריכים.
דברו איתנו ←