UX טבלה באתר מותאם למובייל

[1ֹ_RACHEL]

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

 

[חיוך]

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

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

בהצלחה רבה!!

 

[1ֹ_RACHEL]

תודה!
לא הבנתי את זה, מה להפוך למה?

• להפוך כל שורה כרטיסיה, כותרת עמודה + תוכן, כותרת עמודה + תוכן, וכן הלאה.

 

[חיוך]

תודה!
לא הבנתי את זה, מה להפוך למה?

תסתכלי על ההתנהגות של האתר הזה במוביייל:

https://coronaupdates.health.gov.il/corona-updates/grid/place

נניח יש לי 3 עמודות בטבלה ושמות העמודות הן: לורם, איפסום ודולור. לטבלה יש נניח 10 רשומות.
דוגמה:

לורם	איפסום	דולור
תוכן	תוכן	תוכן

במובייל זה יתפרס כך:

10 רשומות / כרטיסיות,
בכל רשומה מופיע התוכן הבא:
לורם: תוכן
איפסום: תוכן
דולור: תוכן

וכך 10 פעמים.

מובן יותר?

 

[1ֹ_RACHEL]

תודה!
עכשיו הבנתי

 

[חיוך]

בהצלחה רבה!
תעדכני בתוצאות!

 

[חגית קרמר]

תסתכלי על ההתנהגות של האתר הזה במוביייל:

https://coronaupdates.health.gov.il/corona-updates/grid/place

נניח יש לי 3 עמודות בטבלה ושמות העמודות הן: לורם, איפסום ודולור. לטבלה יש נניח 10 רשומות.
דוגמה:

לורם	איפסום	דולור
תוכן	תוכן	תוכן

במובייל זה יתפרס כך:

10 רשומות / כרטיסיות,
בכל רשומה מופיע התוכן הבא:
לורם: תוכן
איפסום: תוכן
דולור: תוכן

וכך 10 פעמים.

מובן יותר?

גישה מעניינת.
לא בטוחה כמה היא תומכת בחווית משתמש.

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

להציג מידע חשוב, והמשך במסך חדש / פופאפ / קולאפס.

נראה לי יותר מקובל.

תודה @חיוך

 

[חגית קרמר]

תלוי גם באורך הטבלה.