بدترین ویب ڈیزائن کی غلطیاں: خراب ویب سائٹس کی 10 مثالیں

آرٹیکل نے لکھا:
  • ویب سائٹ کے ڈیزائن
  • اپ ڈیٹ: اپریل 16، 2020

چاہے آپ نے مقامی کمیونٹی کالج میں کورس لیا ہوں ، ویب سائٹیں بناتے رہے ہیں سالوں سے ، یا جیسے ہی آپ ایک شوکیا سیکھ رہے ہو ، کچھ ایسی چیزیں ہیں جن سے ہر ویب ڈیزائنر کو گریز کرنا چاہئے اگر وہ چاہے کہ زائرین اپنی سائٹ پر وقت گزارنے میں لطف اٹھائیں۔

آپ نے شاید یہ اصطلاح سنی ہو گی “چپچپا”کسی ویب سائٹ کے حوالے سے۔

یہ صرف اس سائٹ کا مطلب ہے جس میں وزیٹر کسی ایسے سائٹ کو رکھنا چاہتی ہے جو براؤزر کے ساتھ رہتا ہے اور وہ بک مارک اور بار بار ہوتا ہے. بہت سارے عناصر ہیں جو سائٹ کو چپچپا بنانے میں مدد کرتی ہیں کہ یہ ایک مکمل موضوع ہے.

تاہم، یقینی طور پر کچھ ویب ڈیزائن کی غلطیوں موجود ہیں جو سائٹ بنا سکتے ہیں جو زائرین سے دور چلنا چاہتے ہیں. یہاں ڈیزائن کوئی نہیں ہے کہ آپ سے بچنا چاہئے.

غلطی #1: Jarring رنگ

وہ رنگ جو اتنے روشن ہیں کہ وہ آپ کی آنکھوں یا رنگوں کو ٹھیس پہنچاتے ہیں جو آپس میں ٹکراتے ہیں وہ کسی سائٹ کو دیکھنے والے کو ویب پیج سے بھاگنا چاہتے ہیں۔

اپنی ویب سائٹ کے تھیم کی منصوبہ بندی کرتے وقت ، رنگوں کا انتخاب کرنے کی کوشش کریں جو ایک دوسرے کو پورا کریں۔ پیلا شاذ و نادر ہی مرکزی رنگ کے طور پر کام کرتا ہے ، حالانکہ یہ لہجے کی طرح اچھ lookا نظر آتا ہے۔ اندردخش کے ہر رنگ کا استعمال شاید ہی کوئی اچھا خیال ہو۔

خراب ویب کی مثالاوت: مورادیتو

خراب ڈیزائن کی مثالیں
یہ سائٹ تقریبا ہر قسم کے رنگ کا استعمال کرتا ہے جو ایک پہیلی قسم کے پیٹرن میں تصور کرتا ہے. وضاحت کرنے کا واحد طریقہ بدسورت ہے.

غلطی #2: بہت سے گرافکس

اگر آپ گرافکس سے اپنے ویب پیج کو بے ترتیبی کرتے ہیں تو ، دو مختلف چیزیں واقع ہوتی ہیں۔

پہلے ، صفحہ اتنا مصروف ہوجاتا ہے کہ دیکھنے والوں کو اس بات کا یقین نہیں ہوسکتا ہے کہ کہاں کلک کرنا ہے یا وہ پہلے کیا دیکھنا چاہتے ہیں۔

دوسرا ، اگر صارف کے پاس انٹرنیٹ کا آہستہ آہستہ رابطہ ہے تو ، اس صفحے کو لوڈ ہونے میں بہت زیادہ وقت لگ سکتا ہے۔ 30 سیکنڈ کے بعد ، زیادہ تر لوگ چھوڑ کر کسی دوسری سائٹ پر چلے جائیں گے۔ ہم ایک ایسے دور میں جی رہے ہیں جہاں ہر چیز فوری طور پر ہو۔ اگر آپ ابتدائی چند سیکنڈ میں گاہک کی توجہ اپنی طرف متوجہ نہیں کرتے ہیں تو ، آپ کو پوری طرح سے اس کے کھونے کا خطرہ ہوگا۔

خراب ویب کی مثالتکرار: پائن سول

خراب ڈیزائن کی مثالیں
اس سائٹ میں اتنے گرافکس موجود ہیں کہ یہ صرف بے ترتیبی دکھائی دیتی ہے۔ متعدد گرافکس کے اوپری حصے میں ، تصاویر پورے صفحے پر پھیرتی ہیں ، لہذا یہاں تک کہ اگر دیکھنے والے کسی بھی تصویر پر کلک کرنا چاہے تو ، اسے اپنے ماؤس سے ان کا پیچھا کرنا پڑے گا۔

غلطی #3: سست لوڈ وقت

کیا آپ کی ویب سائٹ اتنا آہستہ آہستہ لوڈ ہوتی ہے کہ آنے والے وقت میں آنے سے پہلے آنے والا کپ کافی اور ڈونٹ لے جانے کا وقت ہے؟

بہت سے عناصر، جیسے فلیش، آواز، اعلی قرارداد گرافکس، یا جاوا اسکرپٹز کو شامل کرنا، سائٹ کو سست اور تیز ہو سکتا ہے. اس بات کو ذہن میں رکھیں کہ جب آپ کے اکثر لوگ تیز رفتار ہو جائیں گے، تو پھر بھی یہ بھی دیہی گاہکوں ہیں جو ڈائل اپ اور آپ کی سائٹ تک رسائی حاصل کرنے میں ناکام رہے گی.

ترکیب: سائٹ کی رفتار کی جانچ پڑتال کریں اور بہتر مشورے حاصل کریں گوگل پیج سپیڈ انشورنس.

صارف کے تجربے کی رفتار صرف ضروری نہیں ہے، یہ ایک انتہائی اہم درجہ حرارت کا عنصر ہے. صفحہ کی رفتار 2010 میں تلاش انجن کی درجہ بندی کے عنصر بن گیا، اور جون 2016 میں، گوگل نے اطلاع دی ہے کہ یہ آپ کے موبائل صفحات کے صفحہ کی رفتار کو دیکھ کر خاص طور پر صفحہ کی رفتار کی درجہ بندی کے عنصر کو اپ ڈیٹ کرے گا. گوگل کی تلاش میں سے آدھے سے زائد تلاش کے لئے موبائل تلاش اکاؤنٹنگ کے ساتھ، موبائل پیج کی رفتار کو بھی بہتر بنایا جانا چاہئے.

- ذریعہ: بہتر سائٹ کی رفتار کے ساتھ اپنے SEO کو فروغ دیں

خراب ویب کی مثالاوت: میوزیم آف مائی

خراب ڈیزائن کی مثالیں
اس ویب سائٹ پر فلیش کی وجہ سے اسے بہت آہستہ آہستہ لوڈ کرنا پڑتا ہے. اس کے اوپر، فلیش کو چھوڑنے کے لئے آسانی سے ظاہر لنک نہیں ہے. سست ڈاؤن لوڈ کی رفتار کے ساتھ براؤزر اس ویب سائٹ کو یہ لوڈ کرنے کے لئے بہت آسان تلاش کریں گے کہ وہ ممکنہ طور پر سائٹ سے باہر نکلیں گے اور کبھی واپس نہیں آئیں گے.

غلطی #4: بہت زیادہ اشتہاری

مواد فروخت کرنے کے بجائے مواد کی ویب سائٹس اور بلاگز بجائے پیسہ کمانے کے اشتہارات بناتے ہیں. تاہم، جہاں بہت سے ویب سائٹ مالکان ناکام ہوتے ہیں وہ بہت زیادہ اشتہاری بھی شامل کرتے ہیں کہ مہمان مواد اور اشتھارات کے درمیان فرق نہیں بتا سکتا. اگر وزیراعظم کو مضمون یا باقی مضمون کو تلاش کرنے کے لئے تلاش کرنا پڑتا ہے، تو اس صفحے پر بہت زیادہ اشتہارات موجود ہیں. سائٹ پر رکھے جانے والے ایک یا دو اشتھارات بہترین ہیں. اس سے زیادہ اور آپ اپنے براؤزر کو پریشان کر رہے ہیں.

اصل میں، ایک میں ڈیجیٹل اشتہارات کی رپورٹ 2012 میں Upstream اور YouGov کی طرف سے کئے گئے، انہوں نے محسوس کیا کہ صارفین کے 20٪ کے بارے میں کہا گیا ہے کہ اگر ایک کمپنی نے بہت زیادہ اشتہار کی توقع کی ہے، وہ اس کمپنی کا دوبارہ استعمال نہیں کریں گے.

خراب ویب کی مثالاوت: ہیمی ڈاٹ نیٹ

خراب ڈیزائن کی مثالیں
اس ویب سائٹ کے بہت سے صفحات پر، صفحے کے سب سے اوپر پورے علاقے دیکھنے کے بارے میں مختلف قسم کے 90٪ اشتھارات ہیں. صفحے کے مواد حاصل کرنے کے لئے، کسی کو نیچے سکرال کرنا ضروری ہے. یہاں تک کہ وہاں بھر میں اضافی اشتہارات موجود ہیں. یہ بہت پریشان کن ہے کہ اس سائٹ پر توجہ مرکوز کرنا مشکل ہے.

غلطی #5: شوقیہ تصویر ترمیم

کوئی تصویر جس سے مناسب طریقے سے ترمیم نہیں کیا گیا ہے اس سے کہیں زیادہ شوق کی آواز چلتا ہے. اس قسم کے مسئلہ کے ساتھ ویب سائٹس کو فجی سرحدوں کے ساتھ تصاویر کو کاٹ کر ممکن ہوسکتا ہے، آٹو درست رنگیں جو نظر آتے ہیں، غریب تہذیب کی تکنیکیں جو اس بات کو واضح کرتی ہیں کہ دو تصاویر ایک دوسرے کے ساتھ مل کر یا عارضی طور پر تبدیل کردیئے گئے ہیں.

ترکیب: آن لائن مفت تصویری ترمیم کے اوزار استعمال کریں: کینوا, Pic بندر

خراب ویب کی مثالتکرار: پیٹر کی بسیں

خراب ڈیزائن کی مثالیں
اس صفحے پر گرافکس کے ساتھ کئی دشواری ہیں۔ سب سے پہلے ، یہاں شفاف پس منظر کی بجائے ایک سفید رنگ کی بس ہے جو صرف صفحے پر ڈوبی ہوئی ہے اور شوقیہ نظر آتی ہے۔ دائیں طرف کی دو تصاویر بھی پریشانی کا باعث ہیں کیونکہ تناسب کو برقرار رکھنے کے بغیر ہی ان کو بڑھا اور اس کا سائز تبدیل کردیا گیا ہے۔ فوٹو نظر آرہے ہیں اور دائیں طرف کی ایک تصویر میں لوگ اتنے بڑھتے ہوئے دکھائی دیتے ہیں کہ وہ للیپٹ کی سرزمین میں جنات بن سکتے ہیں۔

غلطی #6: ایک تین سال کی عمر بنا سکتے ہیں ڈیزائن

اگر آپ کی ویب سائٹ آپ کی طرح نظر آتی ہے تو آپ مائیکروسافٹ کلام کو کھولتے ہیں، لفظ آرٹ کا ایک ٹکڑا بناتے ہیں اور اس ویب سائٹ کو انٹرنیٹ پر پھینک دیتے ہیں، پھر آپ اپنے ڈیزائن کے عناصر کو رد کرنا چاہتے ہیں. اگرچہ سادگی کچھ آسان سائٹس سے خوش آمدید امدادی ہے، اگر آپ بہت آسان ہو جاتے ہیں تو آپ اپنی سائٹ پر نوجوان اور سستے لگتے ہیں.

خراب ویب کی مثالاوٹ: سائبر ڈی سائن کلیان

خراب ڈیزائن کی مثالیں
ڈیزائنر نے ایم ایس کے شروع کردہ معیاری ڈیزائن سے الفاظ کے رنگوں کو بھی تبدیل نہیں کیا ہے۔ یہ ڈیزائن اتنا آسان ہے کہ یہ مائیکروسافٹ کے بنیادی نمونہ کے پس منظر اور ورڈ آرٹ کی حیثیت سے فوری طور پر پہچانا جاسکے گا۔
خراب ڈیزائن کی مثالیں
اس کے اوپری حص aے میں ، ایک پاپ اپ صفحہ لوڈ کرنے کی کوشش کرتا ہے۔ اگر آپ تعارف چھوڑ دیتے ہیں اور مرکزی صفحہ پر کلک کرتے ہیں تو ڈیزائن بہتر ہوتا تو اس کو نظرانداز کیا جاسکتا ہے۔ تاہم ، منسلک صفحے (نیچے) کا ڈیزائن بالکل اسی طرح مایوس کن ہے۔

غلطی # 7: غریب نیوی گیشن

یہاں تک کہ اگر کسی ویب سائٹ میں مرئی انداز کے مطابق ڈیزائن کرنے والا ڈیزائن موجود ہے تو ، زائرین مایوس ہو سکتے ہیں اور ناقص نیویگیشن کو چھوڑ سکتے ہیں۔

مثال کے طور پر ، واضح لنک کے بغیر یا بہت ساری اشیاء والی سائٹیں کہ فیصلہ کرنا مشکل ہے کہ کہاں جانا ہے۔ ایک مسئلہ جس کا بہت سے ویب سائٹ مالکان کو سامنا کرنا پڑتا ہے وہ ایک چھوٹی سی سائٹ ہے جو اچانک بڑی ہوتی جارہی ہے۔ جب سائٹ میں پانچ صفحات تھے تب نیویگیشن کام کرتی ہے جب سائٹ میں 500 صفحات ہوتے ہیں۔ دیکھو کہ سائٹ کو کیسے دوبارہ زمرے میں لایا جاسکتا ہے اور زمرے اور ذیلی زمرے میں ان کی تنظیم نو کی جاسکتی ہے تاکہ زائرین کو سمجھ آجائے کہ وہ جہاں چاہتے ہیں وہاں جائیں۔ تلاش کے خانے کو شامل کرنا بھی ہوشیار ہے۔

خراب ویب کی مثالتکرار: LawSignDirectory.com

خراب ڈیزائن کی مثالیں
وزیٹر نے ان کے علاقے کے لئے ایک تلاش کی سمت کی توقع کی ہے، لیکن اس کے بجائے وہاں کے صفحات کے بائیں طرف درج ذیل لنکس موجود ہیں، دائیں جانب اشتہارات، اور چند خصوصیات کے کاروبار. یہ سائٹ تنظیمی ڈھانچہ کی بحالی سے فائدہ اٹھا سکتا ہے، تاکہ زائرین آسانی سے ان وسائل کو تلاش کرسکیں جنہیں وہ شکار کر رہے ہیں.

غلطی #8: متن کے مسائل

ویب ڈیزائنر جو مصروف پس منظر کا استعمال کرتے ہیں اور پھر ایک متن کا رنگ منتخب کرتے ہیں جو کافی برعکس پیش نہیں کرتے ہیں ان کے ویب صفحات کو ناپسندیدہ بناتا ہے. اگر ایک مضمون پڑھنے کے بعد ایک وزیٹر کی آنکھوں کو تکلیف دہ ہوتی ہے، تو آپ اپنی سائٹ کے زیادہ صفحات پڑھنے کے لئے کیوں گرد رہیں گے؟ اگر آپ مصروف پس منظر کا انتخاب کرنا چاہتے ہیں تو، کم از کم ایک باکس، پرت، یا مواد کی میز کو ٹھوس پس منظر کے ساتھ رکھیں اور ایک متن کا رنگ منتخب کریں جو مخالف ہے. بھوری رنگ پر بھوری سے بچنے کی کوشش کریں، لیکن سیاہ سرخ، سیاہ گلابی پر سیاہ وغیرہ پر سفید کا انتخاب کریں.

الفاظ جو ایک دوسرے پر غالب کرتے ہیں وہ پڑھنے کے لئے بھی مشکل ہیں جیسے پیراگراف ہیں جس میں جزوی طور پر اوپلے گرافکس اور جزوی طور پر ٹھوس پس منظر پر موجود ہیں.

خراب ویب کی مثالاوت: برمودا مثلث

خراب ڈیزائن کی مثالیں
اس سائٹ پر اس کے برعکس صرف اس کے مسائل نہیں ہیں، لیکن متن پڑھنے کے لئے تقریبا ناممکن بنا رہے ہیں، دوسرے نصوصوں کو اوپری کرتا ہے.

غلطی #9: ٹائپوس

چمکدار ٹائپس اور گرامر کے معاملات سے غیر معمولی کچھ بھی نہیں چلتا ہے. اگرچہ کوئی بھی کامل نہیں ہے، آپ قریب آنے کی کوشش کر سکتے ہیں. دوستوں اور خاندان سے اپنے صفحات پر نظر ڈالیں اور ان غلطیوں کو تلاش کرنے میں مدد کریں، یا اپنے صفحات کو ثبوت دینے کے لئے پیشہ ورانہ ایڈیٹر کرایہ کریں. ذیل میں مثال صرف مذاق کے لئے ہے. یہ ایک حقیقی ویب ڈیزائین کمپنی نہیں ہے، لیکن ایک زبان میں گیک نظر آتا ہے کہ کس طرح غیر فعال کمپنیوں کو ظاہر ہوتا ہے.

ترکیب: جانیں کہ کس طرح ٹائپو اور غلطیوں کو اپنی اپنی تحریر میں پکڑو.

خراب ویب کی مثالتکرار: ویب ٹیک راکس

خراب ڈیزائن کی مثالیں
ایک ٹائپو کو نظر انداز کیا جاسکتا ہے، لیکن اس سائٹ سے پتہ چلتا ہے کہ کچھ شرمناک سائٹس غلطی سے بھرا ہوا ہے. ایک ایسی کمپنی کے لئے جو آپ کی ویب سائٹ پر اپنی ویب سائٹ ڈالنے میں مدد کرنا چاہتا ہے، شاید شاید وہ بہتر وقت سے بہتر خدمات انجام دے سکیں گے جب کچھ آپ کو اپنی عمارت سے پہلے اپنی اپنی سائٹ پر مسائل کو درست کریں. "خصوصی" اسپیکر کو ہٹا دیا گیا ہے؛ "ماہرین" کو "تجربہ" کہا گیا ہے. وہ "آپ کو خود کو آن لائن بنانے میں مدد کریں" پیش کرتے ہیں؛ "ہم کر سکتے ہیں تعمیر آپ کی ویب سائٹ کسی سے زیادہ تیز! "

غلطی # 10: اب تک کی بدترین ویب سائٹ ڈیزائن - اتنا خراب ہے کہ آپ اس کی وضاحت نہیں کرسکتے ہیں

کچھ ویب سائٹس محض اندرونی طور پر واقعی ، ڈیزائن میں واقعی خراب ہیں۔ یہ خراب ویب سائٹس۔ یہ ایک ایسی چیز نہیں ہے جو سائٹ کو آپ کی آنکھوں کے لئے تکلیف دہ بنا دے ، لیکن سائٹ کی ہر چیز۔

بدسورت رنگ، غریب نیویگیشن اور دیگر اشیاء کا ایک مجموعہ ہوسکتا ہے. خوش قسمتی سے، یہ سائٹس غیر معمولی ہیں، لیکن ان کو دیکھنے میں آپ کی مدد کر سکتے ہیں کہ کیا نوٹ جب آپ اپنی سائٹ کو ڈیزائن کرتے ہیں.

خراب ویب کی مثالاوت: بعد کی زندگی

خراب ڈیزائن کی مثالیں
یہ سائٹ اتنی بھیانک ہے کہ اسے بیان کرنا مشکل ہے۔ سب سے پہلے ، جو بھی شخص دوروں کا شکار ہے اسے اس سائٹ سے دور رہنا چاہئے ، کیوں کہ اس سے بھی کسی ضبط ضبط کا شکار شخص میں بھی قبضہ شروع ہوجاتا ہے۔ سائٹ سکرال ، متحرک اور چمکتا گرافکس سے بھری ہوئی ہے۔ اس کے اوپری حصے میں ، گرافکس زیادہ تر حص appealہ کے لئے اپیل نہیں کررہے ہیں ، جس کا اختتام بینڈ میں بچے کے ساتھ ہوتا ہے اور گٹار بجانا ہوتا ہے۔ اگر ہمت ہو تو وزٹ کریں۔

لوری سارڈ کے بارے میں

لوری سارڈ 1996 سے آزاد فری مصنف اور ایڈیٹر کے طور پر کام کررہے ہیں. ان کی انگریزی تعلیم میں ایک بیچلر اور صحافت میں پی ایچ ڈی ہے. اس کے مضامین اخبارات، میگزین، آن لائن میں شائع ہوئے ہیں اور اس کی کئی کتابیں شائع کی ہیں. 1997 کے بعد سے، انہوں نے مصنفین اور چھوٹے کاروبار کے لئے ایک ویب ڈیزائنر اور پروموٹر کے طور پر کام کیا ہے. انہوں نے ایک مقبول تلاش کے انجن کے لئے مختصر وقت کی درجہ بندی کی ویب سائٹوں کے لئے بھی کام کیا اور کئی گاہکوں کے لئے گہری SEO کی حکمت عملی کا مطالعہ کیا. وہ اپنے قارئین سے سنتے ہیں.