חנויות מקוונות, אפליקציות בנקאיות, הזמנות למלונות או עבודות פרילנסרים ועוד ועוד המשימות שמטופלות באמצעות האינטרנט וזה החליף במקרים מסוימים את התקשורת המקובלת.
זה צמיחה מהירה של פעולות דיגיטליות הקלה עלינו בהיבטים רבים החיים זה חוסך לנו זמן מכיוון שהעסקאות מהירות יותר ואין צורך להגיע לממסד פיזי כלשהו, וכמובן, נוצרו מדיה חדשה שלא הייתה קיימת קודם לכן וכי כיום רוב האנשים משתמשים, כגון רשתות חברתיות, הזרמת סרטים וסדרות בפלטפורמות כגון נטפליקס, או מערכות תשלום מקוונות כגון Paypal.
עם העלייה הזו של העולם הדיגיטלי זה חיוני להשקיע בפיתוח ממשקים נגישים ומעוצבים למשתמשים. עם זאת, איננו יכולים לשכוח זאת ישנם משתמשים הסובלים ממוגבלות פיזי או פסיכולוגי המגביל במידה ניכרת את חווייתם ואת יכולתם להשתמש במחשבים וניידים.
למרות שישנם מוגבלות מסוימת, כמו אנשים המשתמשים בכיסאות גלגלים, שאינם מפריעים לשימוש באינטרנט, אחרים כגון בעיות ראייה או עיוורון, בעיות תיאום מוטורי, חירשות או אוטיזם, הם יכולים לפגוע ברצינות ביכולת שלך לנווט באינטרנט. עבור מקרים אלה, חלקם כבר נוצרו מכשירים כמו קוראי מסך, המסייעים ותומכים במשתמשים באזורים בהם יש להם מוגבלות.
אך זהו רק החלק הראשון בפתרון הבעיה. כשחושבים על המשתמשים האלה, אנחנו חייבים עיצוב ממשקי עמוד אינטרנט שמקלים על החוויה שלך ו מתאים לצרכים שלך. ישנם כמה עקרונות בעת התכנון שנוכל ליישם.
תוכן ומקורות
החל מהבסיסי ביותר, אתה חייב לקבוע סדרי עדיפויות בעיצוב תוכן. הכותרת ושורת התפריטים חייבות להיות ניתנות לאיתור ויזואלית וחייבות להיות הדבר הראשון שהמשתמש רואה. האלמנטים בדף הבית, התמונות והמידע הרלוונטי יהיו השני לאיתור.
מודעות או באנרים פרסומיים מופיעים בדפים רבים. אם כשלעצמו זה מעצבן את כל המשתמשים, לבעלי לקויות ראייה מדובר בבעיה מכיוון שהוא גורם לבלבול רב, ומפריע לקריאת דיאגרמת הרשת. לכן חיוני שתיצור עיצוב עריכה כללי של הדף שהוא מאורגן באופן הגיוני ומובנים, והאלמנטים מגודלים כראוי, כך שגם אם יש הסחות דעת אחרות, המשתמשים יכולים להתמקד בתוכן החשוב.
הגופנים שבהם אתה משתמש רצוי שהם צריכים להיות גדול וקריא. הסוג Sans serif ונועז הם הופכים את הקריאה לקלה בהרבה לאנשים שעלולים לסבול מדיסלקציה. גופנים מומלצים נוספים הם: Arial, Times New Roman, Helvetica, Tahoma, Calibri ו- Verdana.
וכמובן, תמיד צריך לדאוג שיהיה הבדל ברור ביניהם הטקסט והרקע. אל תשתמש בצבעים דומים, בחר דווקא צבעים מנוגדים.
שימוש בגופנים מודגשים של Sans Serif מאפשר הדמיה טובה יותר של הטקסט.
טקסט אלטרנטיבי
El טקסט אלטרנטיבי או Alt Tag, הם התיאורים שמונחים על התמונות בדפי האינטרנט. למרות שטקסט זה אינו זמין למשתמשים לקריאה, א תיאור כתוב היטב הוא כלי המסייע לנו להשיג מיקום SEO טוב יותר.
אבל התועלת של Alt Tag לא רק מסתכמת בזה. לאלה משתמשים המשתמשים בקוראי מסך ליקויי ראייה, תיאורי התמונות הם ההתייחסות היחידה שיש להם לדעת מה המראה של מה שנחשף בדף. אז אם אנחנו הולכים להציב, למשל, תצלום של כמה בשרניים, טקסט חלופי טוב יהיה: שלושה צמחים עסיסיים בעציצים ורודים. טקסט קצר מאוד כמו: עציצים, זה לא תיאור שנותן פרטים רלוונטיים ולכן לא עובד.
שלושה צמחים עסיסיים בעציצים ורודים. דוגמא לטקסט חלופי.
הסתגלות
בעת העיצוב אנחנו צריכים לקחת בחשבון את כולם המצגות בהן יוצג הממשק שלנו, או ב גרסת אינטרנט או נייד. החוויה תמיד תהיה שונה בהתאם למדיום בו אנו צופים בו.
כשאנחנו משתמשים בנייד, אנו יכולים להיחשף לסביבות שונות שמקשים על הקריאה של תוכן של המסך. אם אנחנו בחוץ למשל, בהירות השמש תגרום למסך להיראות כהה מאוד, והרעש לא יאפשר לנו לשמוע היטב את האודיו. לכן חשוב לחשוב היטב על הפרטים הללו, כך שלגרסת המובייל יהיו אותיות גדולות וצבעים כהים, והסרטונים צריכים להיות כתוביות למקרה שהם קשים לשמיעה.
התאם את עיצוב הממשק כך שיהיה קריא גם בטלפונים ניידים וגם במחשבים.
עקביות בעיצוב
עיצוב עריכה מה אנחנו עושים עם האתר שלנו חייב להיות זהה ללא קשר לסעיף איפה אתה. אותם סמלי שורת תפריטים צריכים להופיע בקטע הבית כמו בקטע אנשי קשר. אסור לנו לשנות את הסגנון וגם לא מיקום כפתורי המקשים באינטרנט.
זה גם לא נוח לנו להציב סרטונים שמתנגנים אוטומטית בעת פתיחת הדף. למשתמשים המשתמשים בקוראי מסך, קשה לדעת כיצד להשהות אותם.
שורת התפריטים בדף Starbucks זהה בכל הסעיפים.
ניווט במקלדת
לבסוף, חלק מהמשתמשים עם בעיות תיאום מוטוריות מתקשים לתפוס עכבר מחשב או להשתמש בלוח המגע של המחשב הנייד, והם מסתמכים אך ורק על המקלדת. להיות בטוח ש שאתר האינטרנט שלך מעוצב בצורה זה יכול להיות לגמרי פונקציונלי רק באמצעות כפתורי המקלדת.