11 משותף טעויות עיצוב אתרים (Blunders)

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

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

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

1. איפה תיבת החיפוש?

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

הצעות:חיפוש מותאם אישית של Google היא דרך מסודרת, פשוטה ויעילה כדי להתחיל. זה מאפשר למבקרים לחפש באתר שלך בצורה יעילה. פשוט להעתיק את קוד ה- HTML מלוח הבקרה ולהדביק אותו באתר שלך ואת voilà ?? ?? ??, יש לך פונקציית החיפוש הנכון באתר האינטרנט שלך.

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

יותר: עיצוב תיבת הקודש: דוגמאות ושיטות עבודה מומלצות- מאמר זה מפרט הנחיות לעיצוב תיבת החיפוש.

2. עני הקריאות & קריאות.

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

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

1. השווה בין סכימות צבעים של רוב האתרים העיקריים והבחין כיצד הצבעים משפרים את הקריאות. מקום טוב לנסות את הצבעים השונים הוא Adobe Kuler.
2. תשתמש ב ללא גופן סריף כפי שהוא מאפשר קריאה קלה באינטרנט.

יותר: הנה מאמר טוב זה ייתן לך עצות נוספות על שיפור הקריאות - קריאה - דפי אינטרנט קל לקריאה.

3. פריסת תוכן לא מאורגנת.

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

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

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

הצעות: ארגון תוכן באתר שלך באמצעות HTML ו- CSS יש להשתמש בעת יצירת העיצוב של הדפים שלך.

1. צור מספיק רווח לבן בין הטקסט והתמונות שלך באמצעות שוליים.
2. עדכון ו להיות עקבי. מטרת העדכון היא לא רק להוסיף תוכן חדש אלא לזהות ולתקן שגיאות עבר. יעקב נילסן מציע לך לשכור אינטרנט “גנן”.

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

4. ניווט לא תקין.

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

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

הצעות:

1. הפוך ניווט חלקה באמצעות תיאורים טקסטואליים עבור כל הקישורים. לספק טקסט alt עבור תמונות. השתמש בטקסט חלופי תיאור טכניקות עבור Flash או קישורים Javascript.
2. ארגון ומבנה הניווט שלך במקביל עם הנושא של האתר. אתרי אינטרנט אישיים יכולים להרשות לעצמם להיות יצירתיים יותר אך נגיש אבל אתר העסק דורש יותר יעילות ובהירות.

זכור, אם משתמשים לא יוכלו למצוא את מה שהם רוצים בפחות מ -3 קליקים, רובם יעזבו מיד.

יותר: יישום ניווט אתר אפקטיבי - מאמר זה נותן יותר תובנה על יישום ניווט יעיל עבור אתר האינטרנט שלך.

5. עיצוב ממשק לא עקבי.

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

הצעות:

1. השתמש בתבנית עקבית סטנדרטית עבור כל דף עם קישורים לקטעים העיקריים של האתר.
2. מילת המפתח פשוטה. צור עיצובים פשוטים מבחינה אסתטית ומשתמשים לעולם לא יתבלבלו באתר שלך.

6. רזולוציית מסך לא ידידותית.

אני בטוח שביקרנו באתרים שבהם עליך לגלול אופקית. זהו מוחלט לא- no בעיצוב מודרני. מעצב טוב יפתח אתרי אינטרנט התואמים את רוב גדלי המסך. הפריסה הממוטבת הנוכחית עבור אתרי אינטרנט כרגע היא 1024 x 768 פיקסלים.

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

• בדוק את הנתונים הסטטיסטיים שלך - שירותי ניתוח כגון Google Analytics מספקים לך מידע על רזולוציית המסך שבה הם משתמשים. אלה הם מידע שימושי שאתה צריך לדעת לפני תחילת revamp הבא שלך.
• W3 בתי ספר סטטיסטיקה - W3 בתי ספר נותן רשימות ברורות של הדפדפן הפופולרי ביותר בשימוש על ידי משתמשי אינטרנט ולמיין אותם לפי הפופולריות. יש גם סטטיסטיקות מעניינות וחשובות אחרות.

טופסי הרשמה מסובכים.

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

טופס פשוט של someecard עושה רישום כאבים.

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

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

8. שימוש חסר מצפון של תמונות / אנימציות.

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

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

יותר: פלאש: 99% רע - השתמש ב- Flash באופן הולם. זה כמעט 10 שנים מאז יעקב נילסן פרסם מאמר זה אבל זה עדיין רלוונטי במונחים של Flash שימושיות במיוחד שובר אינטרנט יסודות חתיכה.

9. עמוס דפים, עוד שטח לבן.

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

kylestanding לעשות שימוש טוב של שטח לבן בעיצוב שלהם.

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

• השוואה של ארבעה פריסות שטח לבן
• הערך של שטח לבן
• רווח לבן

10. אין מוזיקה רקע, בבקשה!

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

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

11. מבחן, מבחן ובדיקה.

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

• האם ניתן לצפות באתר בסביבות שונות?
• האם פריסת העיצוב עקבית בכל הדפדפנים?
• האם האתר ניתן לצפות בהגדרות שונות כגון תמונות כבוי, JavaScript כבוי, וכו '?

הצעות:W3C מציעה כלים לבדיקת אבטחת איכות. לבדוק W3C אבטחת איכות ארגז כלים ו אימות דף אינטרנט.

סיכום:

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

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

הערת העורך: פוסט זה נכתב על ידי ברוחו אווה עבור Hongkiat.com. Brujo Owoh היא מערכת מולטימדיה undergrad, התמחה עיצוב אתרים ו 2 ד אנימציה. הוא נהנה לקרוא בדיוני, להסתובב עם בני זוגו, וכן לשמור על קשר עם מגמות עיצוב בטוויטר. בקר בבלוג של Brujo.