ניהול Mobile First - נושא לדיון1#

סיון

המניפה
מנהל
מנוי פרימיום
בוגר/תלמיד פרוג
עיצוב גרפי DIP
עיצוב גרפי
UX UI
D I G I T A L
איך אתם ניגשים לאפיון אתר או מערכת?
מתחילים עם המובייל בגרסה מצומצמת ועוברים לדסקטופ לגרסה רחבה יותר
או ההפך גורעים חלקים מגרסת הדסקטופ שאיתה התחלתם ועוברים למובייל?

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

למה?

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

ב. או שהם מהממים גם במובייל וגאון מי שעשה אותם!
אבל האם זה בכלל נכון עבור הגולש לקבל את כל העולם העשיר הזה באינפוזיה ישירות לסמארטפון שלו?

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

בשביל הדיון, נוכל לחלק את הנושא ל:

1. תוכן*
2. חווית משתמש - ואינטרקציה
3. עיצוב


*כשדנים על תוכן, צריך לקחת בחשבון את הSEO
Mobile-First Indexing
שהחל הי שם ב2016
ואחד מהפרמטרים שהתוכן במובייל יהיה זהה לדסקטופ,
איך? תתמודדו איכשהו, תסתירו אותו בתוך טאבים או משהו כזה. סומכים עליכם.


אז לשאלה הפותחת
כשאתם מתחילים לאפיין אתר (או מערכת)
אתם מתחילים עם מובייל קודם או דסקטופ?


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

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


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

אז איפה זה פוגש אתכם הMF?
האם יש מצבים שאתם ממש מרגישים שצריך משהו שונה לכל פלטפורמה?
ואולי יש מערכות שמראש לא יקבלו את החוויה הנכונה במובייל?

בואו לשלוחן הדיונים - כי התחלנו! : )

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

ברכי H

משתמש סופר מקצוען
מנוי פרימיום
בוגר/תלמיד פרוג
עיצוב גרפי
צילום מקצועי
UX UI
D I G I T A L
מרתק!
עוקבת.
 

חגית קרמר

בניית אתרים ברמה בינלאומית
מנוי פרימיום
עיצוב גרפי
UX UI
D I G I T A L
mobile first זו סיסמה יפה ללימודי ui ux.

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

כן אפשר לראות אתרים שהדסקטופ שלהם מושפע ממינימליות,
דוגמת https://he.airbnb.com/ (הם שדרגו את האפיון והעיצוב ביומיים האחרונים! שימו לב שהתפריט העליון מופיע רק בלחיצה על חיפוש).

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

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

EPaP

מנהלת בפמ"ג
מנהל
מנוי פרימיום
בוגר/תלמיד פרוג
עיצוב גרפי DIP
עיצוב גרפי
כתיבה ספרותית
עיצוב פונטים
פרסום וקופי
UX UI
D I G I T A L
באופן אישי, אני תמיד מתחיל מהדסקטופ
אאכ כמובן - מדובר באפליקציה.

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

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

מסכימה מאוד עם זה:
במציאות אתרים גדולים מפתחים אפליקציה,
 

>השראה<

מיתוג | אסטרטגיה | עיצוב, אפיון, וקידום אתרים
מנוי פרימיום
מנוי פרימיום
בוגר/תלמיד פרוג
עיצוב גרפי
פרסום וקופי
מוזיקה ונגינה
עימוד ספרים
הדמיות בתלת מימד
UX UI
D I G I T A L
עימוד ספרים
אני מתחיל תמיד מהדסקטופ ומרספנסב למובייל.
אא"כ האתר מיועד מלכתחילה למובייל שאז אין טעם להשקיע הרבה בדסקטופ.
 

דריבלית

מהמשתמשים המובילים!
מנוי פרימיום
בוגר/תלמיד פרוג
עיצוב גרפי DIP
עיצוב גרפי
פרסום וקופי
D I G I T A L
לפעמים יהיה כדאי לעשות במקביל
כי אחכ נתקעים עם המובייל
כן צריכה לדעתי ראיה רחבה במקביל
 

סיון

המניפה
מנהל
מנוי פרימיום
בוגר/תלמיד פרוג
עיצוב גרפי DIP
עיצוב גרפי
UX UI
D I G I T A L
כן אפשר לראות אתרים שהדסקטופ שלהם מושפע ממינימליות,
דוגמת https://he.airbnb.com/ (הם שדרגו את האפיון והעיצוב ביומיים האחרונים! שימו לב שהתפריט העליון מופיע רק בלחיצה על חיפוש).
איזו דוגמה טובה הבאת, באמת מושפעת ממנימליזם והאמת זה מצויין!



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

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

ראובן ליבוביץ

משתמש סופר מקצוען
מנוי פרימיום
בוגר/תלמיד פרוג
D I G I T A L
בד"כ כל דף שאני מסיים לבנות בדסקטופ אני עובר על נקודת השבירה של אלמנטור, כדי מה שנקרא לסמן וי על הדף הזה שהוא מוכן ועובר לדף הבא.
הסיבה שאני מתחיל לעבוד בדסקטופ היא מטעמי נוחות בדסקטופ הכל נראה טוב וזורם ויפה אח"כ לרספנסב את זה (בעיקרון המצאתי את המילה הזאת הרבהה לפני @סיון :geek::giggle: ) צריך להסתדר עם כל מיני דברים שלא יושבים בדיוק במקום ולהתחיל להתחרבש עם כל מיני אלמנטים שזזו לכאן ולשם לכן יותר אידיאלי לעניות דעתי הרחבה להתחיל מהדסקטופ ואח"כ לעבור למובייל ושות'.
ואם מתחילים מהמובייל, יש הרבה אפקטים וכל מיני דברים נחמדים שלא עובדים במובייל (מבחינה טכנית ו\חווית משתמש) אז מה? רק אח"כ להוסיף אותם לדסקטופ? להתחיל לחשוב מה לעשות ואיך לעשות אחרי שהדף כבר בנוי? נשמע לי מייאש ומתסכל.
מחכה לשמוע מהאלופים!
 

>השראה<

מיתוג | אסטרטגיה | עיצוב, אפיון, וקידום אתרים
מנוי פרימיום
מנוי פרימיום
בוגר/תלמיד פרוג
עיצוב גרפי
פרסום וקופי
מוזיקה ונגינה
עימוד ספרים
הדמיות בתלת מימד
UX UI
D I G I T A L
עימוד ספרים

P100PLUS

עיצוב גרפי ובניית אתרים
מנוי פרימיום
בוגר/תלמיד פרוג
עיצוב גרפי DIP
עיצוב גרפי
D I G I T A L
בד"כ כל דף שאני מסיים לבנות בדסקטופ אני עובר על נקודת השבירה של אלמנטור, כדי מה שנקרא לסמן וי על הדף הזה שהוא מוכן ועובר לדף הבא.
הסיבה שאני מתחיל לעבוד בדסקטופ היא מטעמי נוחות בדסקטופ הכל נראה טוב וזורם ויפה אח"כ לרספנסב את זה (בעיקרון המצאתי את המילה הזאת הרבהה לפני @סיון :geek::giggle: ) צריך להסתדר עם כל מיני דברים שלא יושבים בדיוק במקום ולהתחיל להתחרבש עם כל מיני אלמנטים שזזו לכאן ולשם לכן יותר אידיאלי לעניות דעתי הרחבה להתחיל מהדסקטופ ואח"כ לעבור למובייל ושות'.
ואם מתחילים מהמובייל, יש הרבה אפקטים וכל מיני דברים נחמדים שלא עובדים במובייל (מבחינה טכנית ו\חווית משתמש) אז מה? רק אח"כ להוסיף אותם לדסקטופ? להתחיל לחשוב מה לעשות ואיך לעשות אחרי שהדף כבר בנוי? נשמע לי מייאש ומתסכל.
מחכה לשמוע מהאלופים!
כל מילה!
 

זווית

מא' ועד אתר
מנוי פרימיום
בוגר/תלמיד פרוג
עיצוב גרפי DIP
עיצוב גרפי
UX UI
D I G I T A L
אתם מדברים על שלב הבניה
בעוד שהדיון כאן הוא על שלב האיפיון

אני מסופקת האם חלוקת האיפיון הכרחית לבונים באלמנטור
(לעומת מפתחים)

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

סיון

המניפה
מנהל
מנוי פרימיום
בוגר/תלמיד פרוג
עיצוב גרפי DIP
עיצוב גרפי
UX UI
D I G I T A L
אתם מדברים על שלב הבניה
בעוד שהדיון כאן הוא על שלב האיפיון

אני מסופקת האם חלוקת האיפיון הכרחית לבונים באלמנטור
(לעומת מפתחים)

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

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

elisheva18

משתמש סופר מקצוען
מנוי פרימיום
עיצוב גרפי
צילום מקצועי

Shmuly12

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

היא מתגאה בעיקר ביכולות התאמה למובייל
וזה לא דיבורים באוויר...
יצרתי אתר (לא משו מיוחד... ממש כמה דקות...)
ובגרסת מובייל, לא הייתי צריך לעשות שום שינויים... הכל אוטומטי...
צפה בקובץ המצורף Editor X _ For Bold Creators - Google Chrome 2022-05-21 22-52-48.mp4

(קשור לנושא?)
 
נערך לאחרונה ב:

חגית קרמר

בניית אתרים ברמה בינלאומית
מנוי פרימיום
עיצוב גרפי
UX UI
D I G I T A L
אז למה אומרים שאחוזים מאוד גבוהים גולשים במובייל?
תלוי בסגנון האתר
ותלוי בקהל היעד

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

album

משתמש סופר מקצוען
עיצוב גרפי
D I G I T A L
שופט/ת באתגר דריבל
באתרי תדמית, ראוותניים אם אפשר לקרא לזה כך
אתחיל מדסקטופ
ובאתרים מורכבים אתחיל במובייל כדי לזקק את התוכן אבל אעבוד במקביל על דסקטופ
 

א-ירושלמית

מהמשתמשים המובילים!
מנוי פרימיום
בוגר/תלמיד פרוג
עיצוב גרפי DIP
עיצוב גרפי
איור וציור מקצועי
פרסום וקופי
UX UI
D I G I T A L
קבלתי פה חומר טוב למחשבה.
תודה :)
בפועל, לא נתקלתי בשאלה הזאת עדיין - עד עכשיו :)
כרגע זה רלוונטי לי, קבלתי כיוון.
 

אולי מעניין אותך גם...

הפרק היומי

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


תהילים פרק קכא

א שִׁיר לַמַּעֲלוֹת אֶשָּׂא עֵינַי אֶל הֶהָרִים מֵאַיִן יָבֹא עֶזְרִי:ב עֶזְרִי מֵעִם יְהוָה עֹשֵׂה שָׁמַיִם וָאָרֶץ:ג אַל יִתֵּן לַמּוֹט רַגְלֶךָ אַל יָנוּם שֹׁמְרֶךָ:ד הִנֵּה לֹא יָנוּם וְלֹא יִישָׁן שׁוֹמֵר יִשְׂרָאֵל:ה יְהוָה שֹׁמְרֶךָ יְהוָה צִלְּךָ עַל יַד יְמִינֶךָ:ו יוֹמָם הַשֶּׁמֶשׁ לֹא יַכֶּכָּה וְיָרֵחַ בַּלָּיְלָה:ז יְהוָה יִשְׁמָרְךָ מִכָּל רָע יִשְׁמֹר אֶת נַפְשֶׁךָ:ח יְהוָה יִשְׁמָר צֵאתְךָ וּבוֹאֶךָ מֵעַתָּה וְעַד עוֹלָם:
נקרא  25  פעמים

לוח מודעות

למעלה