מתודולוגית עבודה לעיצוב רספונסיבי

מתודולוגית עבודה לעיצוב רספונסיבי

Mobile First
איפיון האתר במובייל כולו ולאחר מכן הרחבה לנקודות שבירה של מסכים גדולים יותר.
מקובל ליצור שלוש נקודות שבירה:
מובייל 320 פיקסלים.
טאבלט 768 פיקסלים.
דסקטופ (בהתאם לתוכן) 960 או 1200 פיקסלים.

תכנון אתר מותאם למובייל

מסך מגע – יתרונות וחסרונות
יתרונות:
הפעלה ישירה וטבעית.
מחוות (פירוט בהמשך).
Off Canvas – קנבס אינסופי מחוץ למסך.
חסרונות:
הבנה של מה לחיץ ומה לא. (אין אפקט hover).
אין משוב תחושתי.

טפסים

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

ארכיטקטורת מידע

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

סוג ניווט

סוגי ניווט ניווט לינארי נתיב ניווט קבוע מנקודה אחת לשניה במערכת.ניווט לינארי נוקשה:שלב א'… שלב ב' –> שלב ג' … שלב ד'כאשר לא ניתן לחזור אחורה במסכים כמו הזמנת כרטיסים לאחר הזנת פרטים.ניווט לינארי בסיסי:שלב א' <–> שלב ב' –> שלב ג'… סיוםכאשר ניתן לחזור אחורה בניווט.ניווט לינארי גמיש:שלב א' <– שלב ב' –> שלב […]