اشتباهات متداول در طراحی وب سایت

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

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

 

 

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

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

 

• نام تجاری (لوگو) اینترنتی ندارید و یا اگر دارید مناسب نیست

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

• استفاده نامناسب از قالب

می توان نیاز به استفاده از قالب آماده را در استارتاپ‌های کوچک و خودگردان درک کرد.اگر شما در نهایت به این تصمیم رسیدید که از آن‌ها استفاده کنید، مهم است آن را برای نشان تجاری شما، شخصی سازی کنید. ممکن است در نهایت به نتیجه خیلی خوبی هم برسید. 

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

• استفاده از بوت‌استرپ پیش‌فرض

یکی از اشتباهات رایج استفاده از طراحی پیش فرض بوت استرپ بر روی سایت شرکتتان است. 

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

فونت‌ها مسئله مهمی در طراحی وبسایت هستند. با این که فقط حروف هستند اما می‌توانند باعث موفقیت یا شکست طراحی سایت فروشگاهی یا شرکتی شما شوند. 

 

• پخش صدا بصورت خودکار بعد از ورود به صفحه

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

• استفاده از پس‌زمینه تیره

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

 

• استفاده از فریم

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

 

 

• چندین فراخوانی برابر برای یک عمل

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

 

پیشنهاد میکنیم این مقاله را نیز مطالعه فرمایید:

• اهمیت طراحی صفحه اول در طراحی وب سایت(Home Page)

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

• آدرس دهی صفحات پیچیده

بهتر است آدرس دهی صفحات سایت شما کوتاه و قابل فهم برای کاربر باشد تا کاربر براحتی و با دانستن موضوع مطلب بتواند به مطلب مورد نظر خود در سایت شما مراجعه نماید. در آدرس دهی صفحه سایت خود این دو نکته را همیشه مد نظر قرار دهید: کوتاه بودن آدرس و قابل درک بودن آن 
 

• مشکلات تنظیم و فاصله‌کذاری

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

• قرار گرفتن جستجوی سایت در منطقه غیر قابل دسترس!

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

• اطلاعات تاریخ گذشته

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

• نوشته غیر حرفه‌ای

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

• استفاده از آخرین تکنولوژی ها

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

• مشکلات خوانایی

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

• یکنواخت نبودن

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

 

• صفحات سایت سنگین

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

• طراحی خارج از روال رایج

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

• استفاده از متن های چرخشی، حرکت کننده و انیمیشن ها

هرگز از المان هایی در صفحه استفاده ننمایید که به صورت متداول در حال تغییر و حرکت هستند. اینگونه حرکات تاثیر نا مطلوبی بر بازدید کننده از سایت می گذارد. بهتر است مطالب سایت خود را به حالت ثابت ارائه نمایید تا کاربر بتواند مطالب را به راحتی بخواند. 
 

منبع: شرکت ساپرن