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