پنل کاربری
021 44 06 13 51
info@portalsaz.com
انواع مقالات کوتاه و مفید
Feed
مقالات طراحی سایت
1395/10/11 16:26

اشتباهاتی که در طراحی سایت از شما سر می زند

طراحی سایت یک کار خیلی دشوار است. افراد راجع به یک طراحی سایت خوب و بد، نظرات متفاوتی دارند.

اشتباهاتی که در طراحی سایت از شما سر می زند

برخی اشخاص فکر می نمایند که طراحی سایت شما نیاز به بروزرسانی و یا گرایشات جدید و طراحی مدرن برای جذب مخاطبان سایت خود دارد. برخی دیگر هم معتقد هستند که طراحی سایت خیلی هم اهمیت ندارد و شما تنها به یک طراحی سایتی احتیاج دارید که کار کند و به مخاطبان سایت خود اجازه دهد تا موردهایی که می خواهند را پیدا کنند.

هر دو نظریه بسته به این که چه کسب و کار و حرفه ای دارید، درست است. اما، به چه نحوی در می یابید که کدام مورد سازگار شما و کسب و کار تان است؟ به چه نحوی می توانید مطمئن شوید که شما یک طراح طراحی سایتی هستید که می داند راجع به چه چیزی صحبت می کند و مرتکب خطای نمی شوید؟

در این نوشته خطاهایی که احتمال دارد در طراحی سایت مرتکب شوید را برای تان بیان می کنیم.  خبر خوش این است که همه این مشکلها دارای قواعد و راهکار هایی هستند که می توانید از آن ها در سایت خود پیروی نمایید. از این رو، شما بایست در هر نوع طراحی سایتی که دارید از این قواعد اساسی استفاده نمایید و هم چنین بایست بدانید که به چه نحوی این موردهای را در طراحی سایت خود به کار ببندید.

هم چنین، می توانید از این قواعد برای اطمینان یافتن از این که طراح طراحی سایت تان می داند چه کاری انجام می دهد، استفاده نمایید. تنها به این خاطر که یک شخص، طراح سایت خوبی است به این معنا نیست که همه موردهای را راجع به طراحی سایت بی نقص می داند. و تنها به این خاطر که برخی طراحی سایت انجام می دهند به این معنی نیست که آن ها می دانند به چه نحوی طراحی سایتی را بسازند که بازدیدکننده های به مشتری های سایت تبدیل شوند. به قواعدی که در این نوشته بیان می شود، توجه بسیاری نمایید و اگر لازم است تا به منظور اطمینان یافتن از طراحی سایت تان که آیا نتایجی که می خواهید را برای تان به ارمغان می آورند یا خیر، می توانید از این قواعد استفاده نمایید. قواعدی که در این نوشته بیان می شود را درک نمایید و همواره در طراحی سایت خود به کار ببندید.

 

خطای اول: فونت های خیلی کوچک در طراحی سایت

نخستین خطایی که افراد در زمینه ایجاد طراحی سایت خود مرتکب می شوند، استفاده از فونت های خیلی کوچک است.

علت این امر این است که اکثر طراحی سایت ها دارای فونت های کوچک هستند. استاندارد فونت ها حدود 12Px است و همواره همه اشخاص از این اندازه فونت کمک می گیرند.اما به مرور زمان افراد دریافتند که 12px برای خواندن متن در دنیای آنلاین خیلی دشوار است. هنگامی که صفحه نمایش 24 اینچ از صورت اشخاص فاصله دارد، فونت های کوچک احتمال دارد برای خواندن دشوار باشند.

افراد هم چنین دریافتند که شما مدت زمان محدودی در اختیار دارید تا توجه بازدیدکننده های را به خود جلب نمایید. یک تحقیق هم چنین نشان می دهد که شما تنها 8 ثانیه فرصت دارید تا نظر مخاطبان را به خود جلب نمایید. این زمان یک ثانیه کم تر از مدت وقتی است که یک شخص به ماهی قرمز نگاه می اندازد. مطالعات مشابه ای نیز معین می کند که اشخاص تنها 28 درصد کلمه های یک صفحه طراحی سایت را می خوانند.

برای این که نظر مخاطبان را به طراحی سایت خود جلب نمایید، بایست موردهای زیر را مراعات نمایید:

1.نوشتن تیتر عالی برای جلب نظر مخاطبان طراحی سایت.
2. نوشتن مطلبهای عالی برای اینکه آن ها را تشویق به خواندن بیشتر از 28 درصد از کلمه های یک صفحه سایت نمایید.
3. استفاده از یک فونت برای تیتر سایت که به اندازه کافی برای جلب نظر مخاطبان کافی باشد.
4. مطمئن شوید که فونت متن عمده به اندازه کافی برای خوانده شدن سازگار است، از این رو خوانندگان سایت از خواندن متن خسته نمی شوند.
به علات همگی استدلال هایی که در بالا ذکر شد، اندازه فونت متن طراحی سایت ها در چند سال گذشته افزایش یافته است و 14px دست کم ترین فونت استفاده شده در طراحی سایت ها است و حتی برخی طراحی سایت ها نیز از فونت ها بزرگ تر 18px کمک می گیرند.
 
 موردی که بایست به یاد داشته باشید این است که هدف نوشتن متن، خواندن آن است. هنگامی که از یک نویسنده خوب کمک می گیرید و یا خود با دقت و با زحمت زیاد متن سایت خود را می نویسید، بایست مطمئن شوید که این متن ها خوانده می شوند و به وسیله فونت های کوچک، از دید مخاطبان سایت پنهان نمی شوند. هم چنین بایست مطمئن شوید که مخاطبان در خواندن این متن ها با مشکلی رو به رو نیستند.

شما هم چنین بایست به یاد داشته باشید که همگی فونت ها در یک اندازه نیستند. 16 Px از فونت Arial قادر است کوچک تر از 16 Px در یک فونت دیگر باشد. شما احتیاج دارید هنگامی که می خواهید یک فونت را گزینش نمایید، این موردهای را بدانید. از این رو شما به صورت دلخواه یک فونت 19 Px را گزینش نمی نمایید، آن هم تنها به این خاطر که طراحی سایت دیگری از آن استفاده کرده است.

به یاد داشته باشید که فونت فوتر قادر است کوچک تر از قسمت های دیگر باشد و به منزله یک متن فرعی سایت محسوب می شود، اما اگر شما موردهایی نوشته اید که می خواهید افراد و مخاطبان سایت آن را بخوانند، دست کم از 16 Px استفاده نمایید. اگر به حرف من نیز اعتماد ندارید، می توانید نوشته طراحی سایت Smashing را مطالعه نمایید که راجع به این قضییه است: 16 پیکسل برای متن عمده طراحی سایت. هر میزانی کمتر از 16 پیکسل، قادر است خطای بزرگی باشد.

خطای دوم: اسلایدرهای متحرک در طراحی سایت

من هنوز درک نمی کنم که به چه دلیلی خیلی از طراحی سایت ها از اسلایدر های متحرک کمک می گیرند.
آیا آن ها موثر هستند؟ آیا سبب تبدیل بازدیدکننده سایت به مشتری طراحی سایت می شوند؟ آیا برای این که اطلاعاتی را به مشتری های و مخاطبان سایت خود ارائه دهید، مناسب ترین راه هستند؟

در بیشتر مواقع، این گونه نیست.

هنگامی که موردهای متحرک و چرخنده را در طراحی سایت مورد آزمایش قرار دادیم، متوجه شده ایم که راه خیلی ناسازگاری برای نمایش دادن مطالب طراحی سایت است.

بنرهای چرخنده قطعا ناسازگار هستند و بایست به سرعت از طراحی سایت حذف شوند.

به چه دلیلی بایست مخاطبان سایت را با چنین موردهای متحرکی آزار برسانیم و سبب شویم در کنترل این مطلب خیلی ضعف داشته باشند؟ به چه دلیلی نبایست به مخاطبان سایت گزینه ای ارائه دهیم که بیشترین کلیک را در سایت سبب شوند؟

از این رو، به چه دلیلی اکثر افراد از این اسلایدرها در طراحی سایت خود کمک می گیرند، در حالی که خیلی ناسازگار هستند؟

مناسب ترین استدلالی که توانستم به دست بیاروم این است که این اسلایدر های متحرک به نظر جالب و تکنولوژی یافته و مدرن می آید، و برای برنامه نویسان طراحی سایت اجرای این مورد خیلی آسان است. بر اساس این دو استدلال و خاطری که گفته شد، تاجران می گویند: "من یکی از این اسلایدرهای جالب و متحرک را در طراحی سایت خود می خواهم." و طراحان سایت هم موافقت می نمایند، به این خاطر که به نظر مورد جالبی می آید و برای مخاطبان سایت خیلی هم دشوار نیست.

اما تاجران بایست بدانند که آیا این موردهای در طراحی سایت شان موثر است و آیا مناسب ترین راه انتقال اطلاعات و مطلب به مخاطبان سایت م باشد یا خیر. اشخاصی نظیر PEEP LAJA, CHRIS GOWARD, TIM ASH و خیلی از اشخاص دیگری که در زمینه بازاریابی و طراحی سایت مهارت دارند، به این امر معتقد نیستند.
برای حل نمودن این مشکل، شروع به پرسیدن سوال هایی از خودتان نمایید، مناسب ترین راه برای نمایش اطلاعات به جای استفاده از اسلایدر های که در طراحی سایت های دیگر مشاهده می نمایید، چیست؟

هنگامی که موضوع ایجاد یک طراحی سایت می شود، دستورالعمل های زیر را برای گرفتن نتیجه  های عالی در این زمینه به کار ببندید:

1.تنها به این خاطر که طراحی سایت های دیگر از اسلایدرها استفاده کرده اند، آن ها در طراحی سایت خود به کار نبرید. (حتی اگر طراح تان این پیشنهاد را به شما کند).

2.ملاحضه نمایید که مناسب ترین شیوه برای نمایش دادن اطلاعات تان در صفحه اول سایت به جای استفاده از اسلایدرها چیست. نبایست کورکورانه از طراحی سایت رقیبان خود کپی برداری نمایید.

3. همواره موردهایی در کسب و کار تان هست که بخواهید تبلیغ نمایید، اما شما می توانید آن ها را در قسمت های دورتر از بالای صفحه سایت به کار ببرید، نظیر پایین صفحه و یا همراه یک دکمه در بالای صفحه طراحی سایت. یک پیشنهاد ویژه از کسب و کار خود گزینش نمایید و آن را در سایت برجسته سازید و بعد باقی کارها را به طراحی سایت و فروشگاه ساز خود بسپارید.

4.به یک هدفی فکر نمایید که می خواهید در طراحی سایت خود اجرا نمایید. روی آن فوکوس کرده و از این هدف برای همگی دکمه های فراخوانی به سهیم شدن در طراحی سایت استفاده نمایید.

حتی اگر مجددا به حرف من اعتماد ندارید، در این جا نوشته هایی هست که می توانید برای اطمینان یافتن از این قضییه، مطالعه بفرمایید:

بنرهای چرخنده در طراحی سایت؟ به آن ها نه بگوید.

پیشنهاد ها و مولفه های چرخنده در طراحی سایت- معضل عمده در صفحه اول طراحی سایت ها.

 

خطای سوم: فونت ها با کنتراست پایین در طراحی سایت

دیگر خطای بزرگ که افراد در زمینه طراحی سایت مرتکب می شوند، استفاده از فونت ها با کنتراست پایین است.

کنتراست پایین به معنی یک فونت روشن در پس زمینه ​آشکار و یا یک فونت تیره در پس زمینه تیره است. من مطمئن نیستم که این مورد آیا در طراحی پرینتی مناسب است یا خیر، اما به هیچ وجه در طراحی سایت ها به طور سازگاری عمل نمی کند.

شما همواره می خواهید تا مطالب طراحی سایت تان تا جایی که می شود برای خواندن آسان باشد. نوشته ای که از طراحی سایت SMASHING در بالا معرفی نمودیم، به ما می گوید که میزان خوانایی یک فونت شیوهن در طراحی سایت برای اشخاص 40 سال نصف اشخاص 20 سال است. این مورد در سن 60 سالگی نیز 20 درصد کاهش می یابد. علاوه بر این، حدود 9 درصد از آمریکایی ها نیز در بینایی خود مشکل دارند.

آیا باز هم با وجود این موردهای واقعا می خواهید خواندن مطالب سایت را برای بازدیدکننده های سایت تان دشوار ایجاد کنید، مخصوصا هنگامی که به زحمت آن ها را به طراحی سایت خود تشویق کرده اید؟

فونت با کنتراست پایین همواره ایده بدی در طراحی سایت ها است.

شما همواره می توانید این مشکل را با استفاده از فونت هایی با کنتراست بالا حل نمایید. اگر پس زمینه تیره است، فونت گزینشی بایست روشن باشد و اگر پس زمینه ​روشن است، فونت بایست تیره باشد.

من در این زمینه نیز یک گام جلوتر رفته ام. همواره در کنار رنگ سیاه و سفید، ترکیب رنگ های نادری به کار می رود که برای متن طراحی سایت سازگار است. برخی زمانها طراحان از فونت خاکستری روشن تر در پس زمینه سفید و یا از فونت آبی ​روشن در پس زمینه آبی تیره کمک می گیرند.

به چه دلیلی؟ آیا این متن برای خواندن ساده است؟ آیا می خواهید تا جذابیت دیداری طراحی سایت خود را بالا ببرید؟ کتاب هایی که از فونت مشکی در پس زمینه سفید استفاده کرده اند، به آسانی به وسیله اشخاص خوانده می شوند.

درسی که بایست به یاد داشته باشید این است که فونت ها بایست دارای کنتراست بالایی در پس زمینه خود باشند. اگر متن طراحی سایت را برای خواندن مشکل یافتید و احساس کردید که بایست کنتراست بیشتری را در این فونت ها بگذارید، تردید ننمایید که در این شرایط بایست با طراح سایت خود تماس بگیرید و آن ها از این امر مطلع سازید. طراحی سایت شما فقط نبایست نمایش دهنده طراحی و زیبایی های آن باشد، بلکه بایست مکانی برای فروش کالاها و خدمات سایت و افزایش میزان مشتری های یک کسب و کار باشد.

برخی زمانها هم شما می خواهید از فونت وارونه در طراحی سایت خود استفاده نمایید. (فونت وارونه یا معکوس به متن سفید روی پس زمینه مشکی یا رنگی به جای متن سیاه روی پس زمینه سفید گفته می شود).

همواره به یاد داشته باشید که از فونت با کنتراست بالا استفاده نمایید و از استفاده از فونت های معکوس در متن های طراحی سایت خودداری نمایید.

برخی زمانها هم فونت های معکوس می توانند عالی باشند، اما دارای اثر مستقیمی روی خوانایی و ترتیب متن دارند. به این طریق، شما بایست از آن ها در قسمت هایی از طراحی سایت تان استفاده نمایید که نیاز به خوانده شدن بسیاری ندارند و خیلی هم حائز اهمیت نیست. به طور کلی، شما بایست پیش از به کار بردن فونت های معکوس در متن های طراحی سایت، خیلی دقت نمایید.

خطای چهارم: ارتفاع ضعیف خط های موجود در متن طراحی سایت

ارتفاع خط برای متن طراحی سایت چیزی است که معمولا نادیده گرفته می شود. خیلی از طراحان و برنامه نویسان طراحی سایت یک فونت، اندازه، و ارتفاع خطی را به صورت دلخواه گزینش می نمایند و در متن طراحی سایت به کار می برند.

اما ارتفاع خط دارای اثر شگفت انگیزی در طراحی و نمای دیداری یک سایت است. گزینش ارتفاع نامناسب قادر است سبب شلوغ به نظر رسیدن فونت ها و متن در طراحی وب سایت شود. این امر قادر است به طراحی کلی تان نیز آسیب بزند.

خبر خوش این است که طراحان طراحی سایت با استعداد روی این قضییه خیلی دقت دارند و به طور اتوماتیک اندازه خط سازگاری را برای متن طراحی سایت تان در نظر می گیرند. خبر بد این است که به طور میانگین برنامه نویسان در این امر تبحر ندارند و خط نامناسبی را برای متن طراحی سایت تان در نظر می گیرند.

خبر خوشی که در این زمینه هست این است که محاسبه کننده برای استفاده خیلی آسان است. شما به آسانی می توانید اندازه فونت گزینشی و عرض مطالب تان را به آن بدهید و محاسبه کننده به شما می گیوید که ارتفاع صحیح بایست به چه اندازه باشد.

شما احتمال دارد متوجه این امر نشوید، اما خاطری هست که برخی ترکیبات فونتی جذاب تر از بقیه فونت ها هستند. طراحان سایت عالی می دانند که به چه نحوی از این GOLDEN RATIO استفاده کنند و به خوبی روی این امر تسلط دارند که میزان ارتفاع خط ها برای متن طراحی سایت بایست به چه ترتیب باشد، اما محاسبه کننده CHRIS PEARSON برای هر کسی این امر را ساده ایجاده است.

خطای پنجم: طول خط در طراحی سایت نبایست خیلی هم زیاد باشد

دیگر خطایی که شما در ایجاد خطوط متن ها مرتکب می شوید، طول زیاد آن است.

از این رو، اندازه بهینه خط بایست به چه میزان باشد؟

طول خط مناسب خیلی اهمیت دارد، به این خاطر که طول خط های متن یک طراحی سایت، روی خوانایی آن برای مخاطبان سایت اثر می گذارد. اگر طول خط خیلی دراز باشد، برخی مخاطبان سایت تمایل به خواندن آن ندارند، به این خاطر که به نظر تجربه خوب و سازگاری نمی آید. از این رو از طراحی سایت شما خارج شده و به سایت دیگری رجوع می نمایند.

به عبارت دیگر، اگر طول خط هم خیلی کوتاه باشد، خواندگان مجبور هستند تا به طور مکرر وقفه داشته باشند و مجددا متن را از خط جدید از سر بگیرند که این امر خیلی برای آن ها آزار دهنده است.

این مشکل قادر است به شیوه طراحی ریسپانسیو حل گردد. اگر عرض مناسبی را برای قسمت مطالب سایت تنظیم ننمایید، راهی برای فهمیدن طول مناسب خطوط متن نخواهید داشت.

احتمالا هر طراح طراحی سایتی به این امر توجه نکند، اما حالا که شما اهمیت ارتفاع و طول خط در متن های یک طراحی سایت را دریافتید، مناسب است همواره از این مورد استفاده نمایید و از طراحان و برنامه نویسان سایت خود نیز بخواهید که همین کار را انجام دهند. از این رو مطمئن باشید که تجربه کاربری بهینه ای را برای مخاطبان سایت خود فراهم می سازید.

خطای ششم: استفاده ننمودن از رنگ ها برای دکمه های فراخوانی به سهیم شدن

دیگر خطای موجود در طراحی سایت به استفاده ننمودن از رنگ ها در دکمه های فراخوانی به سهیم شدن مربوط می شود. منظور من این است که:

بازاریابان اینترنتی هوشمند می دانند که شما نیاز به یک حالت رنگی خاص و مناسبی دارید تا نظر کاربران خود را به دکمه های فراخوانی به سهیم شدن جذب نمایید. اگر از کسی بخواهید تا روی دکمه های "همین حالا خرید نمایید" یا " با نسخه آزمایشی ما شروع نمایید" کلیک کند، شما بایست اطمینان بیابید که رنگ این دکمه به گونه ای است که نظر کاربران را به خود جلب می کند، از این رو آن ها روی آن کلیک می نمایند و عملکردی را که شما می خواهید، انجام می دهند.

این موردهای به اندازه کافی ساده هستند، اما طراحی سایت های متفاوتی دیده ام که طراحان برای دکمه های فراخوانی به سهیم شدن پراهمیت شان، از رنگ های خاصی استفاده نمی نمایند. در عوض، آن ها رنگی را گزینش می نمایند که در طراحی سایت های دیگر مشاهده کرده اند. البته احتمالا ایده خیلی بدی هم نباشد.

در این جا قواعدی برای استفاده از این رنگ ها هست:

1.بایست به اندازه کافی شیوهن باشند تا توجه کاربر را به موردی که می خواهید، جلب کند.
2. بایست با دیگر رنگ ها در طراحی سایت تان مطابقت داشته باشد.
3.این رنگ نبایست هنظیر رنگ پس زمینه دکمه باشد. به طور مثال، نبایست دکمه آبی با پس زمینه آبی را در طراحی سایت بگذاریم. به این خاطر که سبب جلب کاربران به خود نمی شود.
4.نبایست از این رنگ ها برا همگی دکمه های طراحی سایت استفاده شود.

خطای هفتم: نقص در قواعد متداول در طراحی سایت

آخرین خطای بزرگ در مراعات ننمودن قواعد متداول در طراحی سایت است کهSTEVE KRUG در این باره در کتاب خود به نام "مرا به فکر وا ندار"، صحبت به میان آورده است.

نکته ای که او در کتاب خود به او پرداخته بود این است که بازدیدکننده های طراحی سایت بایست در قسمت های بخصوصی، ویژگی های متداول و مد نظر شان را بیابند. برای مثال، آن ها سعی می نمایند تا لوگوها و تیترها را در بالای صفحه سایت ببینند و منوها را در بالای سمت راست صفحه طراحی سایت مشاهده کنند. آن ها همواره به جستجوی صفحه های "راجع به ما" و "تماس با ما" در قسمت های همیشگی طراحی سایت هستند تا اطلاعات بیشتری راجع به سایت و یا کسب و کار مورد نظر کسب کنند.

این موردهای به این معنی است که ایده خوبی است تا از این موردهای در قسمت و مکان همیشگی شان استفاده کنیم و از قواعد متداول در زمنیه طراحی سایت پیروی کنیم.

این موردهای احتمالا به نظر شما خیلی آشکار برسد، اما همواره این گونه نیست.

برخی از دارندهان طراحی سایت، برای مثال، تصمیم می گیرند تا در زمینه طراحی خلاق باشند و از شیوه های مختلفی برای نشان دادن منوها استفاده کنند. به جای این که این منوها را در طراحی سایت در جایی در بالای صفحه سایت قرار دهند که به طور معمول کاربر در آن مکان ها به دنبال این منوها است، منوهای درختی نظیری را در پس زمینه طراحی قرار می دهند که کاربر را در یافتن آن ها سردرگم می سازد.

در معمولا اوقات، مناسب است به جای خلاقیت های بیهوده، از قواعد اساسی طراحی سایت استفاده کنیم. به طور مثال نبایست از طرح بندی های عجیب و غریب برای مولفه های طراحی سایت استفاده نمایید و یا لوگو و منوهایی را در مکان های غیر معمول شان بگذارید. مطمئن باشید که مخاطبان سایت در صورت برخورد با چنین موردهایی، به سرعت طراحی سایت را ترک می نمایند، به این خاطر که کار نمودن با این سایت را نمی دانند و در جستجویابی در طراحی سایت ضعف دارند. مخاطبان همواره به دنبال بازدید طراحی سایت هایی هستند که بتوانند به آسانی با آن ها کار کنند و موردهایی را که می خواهند، به سادگی بیابند. با پرتال ساز همراه باشید. 

 

نظرات

نظر شما
نام :
پست الکترونیکی :
وب سایت :
متن :

تصویر :

برچسب ها :