Design כמות גדולה של מלל באתר- איך כדאי להציג?

[חישוקים]

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

 

[CS Design]

חייב להיות ברצף?
אולי זיגזג
כלומר בימין מתחיל מלל ומשמאל תמונה/איור שקשור
מתחתיו ימין תמונה/איור שמאל מלל..
או
סוג של תהליך ואז ג"כ זה לא גוש טקסט ..

 

[חישוקים]

תודה על התגובה!

אולי זיגזג
כלומר בימין מתחיל מלל ומשמאל תמונה/איור שקשור
מתחתיו ימין תמונה/איור שמאל מלל..
או
סוג של תהליך ואז ג"כ זה לא גוש טקסט ..

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

 

[ברכי H]

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

 

[א-ירושלמית]

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

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

 

[EPaP]

שאלה מעניינת @חישוקים

הציעו לך כמה רעיונות
ואני חושבת שתוכלי ליצור משהו ממש מרשים.

קודם, זה מספר שמתחלק לגריד מסודר3/7
ושנית, אם יש לך התנהגות קבועה אפשר לשחק עם זה
גם בחלק העיצובי וגם ביואיקסי

אני לא ככ יודעת מה כולל התוכן
אבל הצעה זריזה:

גריד של 3/7
כשכל משבצת הי בצבע/גוון קצת שונה משל חברתה (בצבעי המותג כמובן)
עם הכותרת הגדולה.
אולי תראי שמתאים מספור או אייקון להבדלה בינהן.

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



יש כמה דברים שאת צרכה לחשוב עליהם מבחינת יואיקס:

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

צורת ההתנהגות של הבוקס:
נועל את שאר המסך?
נשאר שקוף?
ברגע שזזים ממנו הוא נסגר? או איקס לסגירה?

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


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

המון הצלחות!

 

[חישוקים]

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

רעיון מצוין, אני שוקלת אותו.

@א-ירושלמית , תודה!
איזה מבחר מעולה.
זה נשמע מעניין ממש:

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

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

שאלה מעניינת @חישוקים

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

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

 

[EPaP]

לטיפ טול יש כמה מאפיינים שלא קיימים בפופאפ:

1. מופיע רק בריחוף (במובייל אין צורת התנהגות כזו)
2. לא מסתיר את המידע המקורי
3. לרוב הוא לא ארוך אלא מידע ממוקד בן כמה שורות.

 

[roni ravitz]

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

אולי זה הכוונה, זה רעיון יפה

Advanced Elementor Tabs with Images [Horizontal & Vertical] | The Plus Addons for Elementor

The Most Advanced Elementor Tabs Widget You Will Ever Find on the Internet. With Features Covering Nested Tabs, Vertical & Horizontal Layouts, Autoplay Tabs & More.

theplusaddons.com

 

[חישוקים]

אולי זה הכוונה, זה רעיון יפה

Advanced Elementor Tabs with Images [Horizontal & Vertical] | The Plus Addons for Elementor

The Most Advanced Elementor Tabs Widget You Will Ever Find on the Internet. With Features Covering Nested Tabs, Vertical & Horizontal Layouts, Autoplay Tabs & More.

theplusaddons.com

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