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

שיפור השימושיות והנגישות

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

שלא כמו האמונה הרווחת, יצירת עיצוב רספונסיבי לא בהכרח אומרת למתוח את האתר כולו על המסך של המשתמש .זה אומר:

1. התאמת כמות המידע המוצג למשתמש בהתאם לגודל המכשיר
2. ביצוע התאמות בעיצוב כדי לשפר את חוויית המשתמשים

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

במקום זאת עלינו לבחור

1. להסיר חלקים פחות חשובים בעמוד
2. להפחית את מספר האלמנטים בעמוד
3. להפחית תוכן טקסטואלי כדי להדגיש תוכן חשוב יותר

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