על אפיון מסכים אופקיים (Landscape) למובייל – לא חייבים
כשמקימים מסכים למובייל (סמרטפונים או טאבלט) חשוב לתת את דעתנו על תצוגה במסך רחב. וכשאני אומר "לתת את דעתנו", אני מתכוון שלעיתים אפשר לגמרי לוותר כדי לחסוך בעלויות.
לעיתים, במגבלות תקציב הון כספי והון אנושי, ניתן לחסוך את התוספות הכרוכות בפיתוח ועיצוב נוספים לטווחי רזולוציה אלו, של הסתכלות בצורת Landscape.
כדאי ורצוי כמובן להשקיע בהם ביתר שאת, כאשר אנו מרבלים חוויה שונה או תוספת של מידע בזמן סיבוב המסך.
לדוגמא:
יש אפליקציות, דוגמת בנק הפועלים או יוטיוב, שמנצלות את פורמט המסך הרחב כדי להוסיף פי'צרים נוספים או לשנות מבנה תצוגה.
יוטיוב, למשל, יראה בפורמט זה את הסרטון במסך מלא באופן אוטומטי.
בנק הפועלים – יראה בפורמט זה פרטים נוספים מהאפליקציה.
לסיכום – יש תקציב ו/או פונקציונליות נדרשת? פנקו את המשתמשים שלכם בתצוגה לרוחב.
אם לא, הניחו לזה או שתבקשו מהמפתח שלכם שפשוט "יקפיא" את האופציה לראות את העמוד לרוחב.
תצוגת מסך אפליקציית שוק ההון לאורך
תצוגת מסך אפליקציית שוק ההון לרוחב
תצוגת מסך אפליקציית יוטיוב לרוחב
תצוגת מסך אפליקציית יוטיוב לאורך
עוד קצת...
משתמשים הרי לא קוראים מידע, הם סורקים אותו קודם, ורק…
משתמשים הרי לא קוראים מידע, הם סורקים אותו קודם, ורק אז, כשמשהו מעניין אותם הם יתעמקו בו. ומאפיין שיתכנן אתר שמיועד לפי כלל זה לסריקה, ולא לקריאה, לנצח יקל על חווית המשתמש ובכך.....WIN. מאפיין שיבנה את התוכן באתר, כך שיצוד את עיניו (כחלון ראווה למוחו) של המשתמש, סיכוייו רבים פי כמה לכך שהמשתמש יתעניין בו ולא ייסוג ממה שיידמה לו כבלגאן (ובשפתנו, כעומס קוגנטיבי) שלא בא לו להתמודד איתו. [...]
חוויית משתמש על אופנוע שצילמנו בשנקין בת'א
חוויית משתמש על אופנוע שצילמנו בשנקין בת'א
כך תציגו מקרה בוחן ב-UX באמצעות וידאו – מדריך קל ופשוט
שלבים ביצירת וידאו למקרה בוחן בפוסט הזה, נלמד כיצד להציג מקרה בוחן מהפורטפוליו שלנו ב-UX באמצעות וידאו בקלות, כולל טיפים וכלים כמו Camtasia ו-Loom. הצגת מקרה בוחן ב-UX יכולה להיות כלי חזק בהבנה של תהליך האפיון. כאן נלמד כיצד ליצור וידאו בקלות כדי להדגים את העבודה וצורת החשיבה שלנו. אבל ראשית, נתחיל במעט הגדרות בסיסיות לגבי אפיון והצגת תוצרי אפיון. אפיון – תיאור עבודת ה"מנוע" של האתר. מה [...]
אלוהי הדברים הקטנים: כפתור וטקסט
והפעם בפינתנו "אלוהי הדברים הקטנים", ח'ח לפיצ'ר ול UX Copy של כפתור ה'לשתף ולהתייעץ', בתזרים התקציב החודשי במערכת רייזאפ. הבנת צורך משתמש פר אקסלנס. ולמה? הקופי, ברור וקולע יותר מסתם שיתוף. למה לי לשתף תזרים אישי אם לא כדי להתייעץ לגביו? ההדגשה של זה, במקום אייקון סתמי של שיתוף, מביא לנו רעיון ברור לצורך חדש שאולי לא חשבנו עליו. הביצוע: 10/10. מצד אחד, נשארים בתהליך עם קונבנציית [...]
וורן רסטורף, האפקט עם השם הכי מוזר (אך בעל ההשפעה הכי חשובה בעיצוב הממשקים שלך)
אפקט וון רסטורף, הידוע גם כאפקט הבידול, הוא עקרון קריטי בעיצוב ממשקים שמבטא את הנטייה האנושית לזכור אלמנטים שמתבלטים מסביבתם. כאשר מציגים למשתמשים מספר אובייקטים דומים, האובייקט ששונה מהאחרים יכול להיות זכיר יותר. הבנת האפקט הזה חשובה במיוחד כאשר מעצבים אתרים או אפליקציות ומבקשים למשוך את תשומת הלב של המשתמשים לפעולות מסוימות, כמו לחיצה על כפתור לרכישה או להרשמה. לדוגמה, בעיצוב אתר אינטרנט, ייתכן שרוצים להבליט את כפתור הקריאה [...]
מעצב UX או UI, כך המשתמשים שלך חושבים כשהם מול הממשק שעיצבת
ברוכים הבאים לעולם מרתק שבו פסיכולוגיה ועיצוב ממשקים נפגשים. בפוסט הזה, אנחנו נתמקד באחד האלמנטים החשובים ביותר בעיצוב חווית משתמש (UX) – ההטיות הקוגנטיביות והשפעתן על החוויה של המשתמש. מהטיית העיגון ועד לחשש מהפסד, כל הטייה קוגנטיבית יכולה להשפיע על כיצד משתמשים מתקשרים עם הממשקים שאנו מעצבים. דרך הבנת מנגנונים אלה, אנו יכולים לייצר חוויות משתמש מעמיקות ומותאמות יותר, שמשפרות את האינטראקציה ומגבירות את ההנאה והיעילות בשימוש בממשקים דיגיטליים. [...]
מאפיינים יקרים, זקוקים לפלואו? תרחיש שימוש? ראו כיצד לגייס את ChatGpt לטובת העניין
אפיון חווית משתמש טובה מחייבת יצירת תרחישים/תסריטים/Storyboards, שיובילו אותנו לפלואו אותו לדעתנו המשתמש אמור לעבור במערכת. הנה סרטון שערכתי ובו אני מדגים כיצד לגייס את גרסת החינם של ChatGpt כדי: 1. לתת לנו רעיון לפלואו של אפליקציה מסויימת שאנו צריכים לאפיין 2. להוציא לנו פלואו בצורת קוד, אותו נייבא לאפליקציית ווב קלילה שתתרגם לנו את זה לFlow Chart בצורת תרשים סכימתי. לא מאמינים? נסו בעצמכם: https://youtu.be/yTdaFyiANzQ [...]
פוסט מעולה, המסביר בצורה מעולה, עם גיפים אנימטיביים מעולים, איך…
פוסט המסביר בצורה מעולה, עם גיפים אנימטיביים מעולים, איך ליצור טבלה מעולה https://uxdesign.cc/design-better-data-tables-4ecc99d23356