כל העולם בקצה האצבע המורה – רספונסיביות והתאמה לכל סוגי המסכים

על ידי | בניית אתרים, נוכחות אינטרנטית, עיצוב אתרים

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

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

האצבע המורה

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

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

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

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

  • לשים לב לכך שהמבנה של העמוד יציג ניראות מותאמת גם במבנה וגם בחלוקת התוכן בכל המסכים (שולחני, טאבלט וסלולרי)
  • לשים לב לתצוגה של האלמנטים שמכתיבים לגולש את סדר הפעולות שהוא מבצע באתר
  • לשים לב שאורך הטקסט מתקצר. שלא כמו בעבר שחישבנו את אורך הטקסט לפי מיקום הגלילה היום טקסט כאורך הגלות 'לא עובר'. כדאי לקצר או לפרק אותו לפיסות בהתאם להרגלי הגלישה החדשים שמתרחשים בכל זמן ובכל מקום.
  • לשים לב ל'שפה' שבה ההוראות מוצגות באתר. לא בכדי האייקונים (בדומה לאימוג'ים) החליפו את ההוראות הכתובות. הם חוסכים מקום, זמן ותשומת לב.
  • לשים לב לגודל כפתורי הלחיצה ולאופי הניראות של טקסטים מקושרים. חשוב שהם יהיו גדולים ומרווחים יותר, בפיזור נח יותר ובהתאמה לגודל האצבע
  • לשים לב לתמונות שמוצגות אחרת במסכים השונים, כי הפורפורציות שלהן משתנות במעבר בין המסכים. חשוב להתאים תמונה לתצוגה מבחינת פורפורציות וחיתוך נכון
  • לשים לב לתכנים הכתובים ולוודא שהם ממקדים את הגולש במסר. קצר וקולע – ארוך ובולע Less is more
  • לשים לב לטופס צור קשר או הכתובת של העסק (גיאולוקיישן), או מספר הטלפון יהיו זמינים, בולטים ונוחים ללחיצה מיידית ומשוייכים לווייז, המתממשקים לאפליקציות רלוונטיות שמציעות שרותים בסביבה גם למי שלא חיפש

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

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

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

פוסטים אחרונים

עץ אתר – מי מגדל אתרי אינטרנט?

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

כל העולם בקצה האצבע המורה – רספונסיביות והתאמה לכל סוגי המסכים

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

תמונות שוות אלף מילים (ולפעמים הרבה יותר מאלף שקלים) – תמונה באתר האינטרנט שלך

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

מערכת ניהול אתרי אינטרנט – קוד פתוח או קוד סגור?

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

כמה עולה אתר אינטרנט?

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

תבניות וורדפרס לאתר האינטרנט – לגו או פאזל?

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

לעצב את הניראות של אתר האינטרנט – בראנד או טראנד?

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

איזה שרות עושה אתר האינטרנט לעסק שלך?

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

Pin It on Pinterest

Share This

שתף אותי (:

אהבת?, אשמח לשיתוף ברשת

דילוג לתוכן