ایڈورڈ ٹفٹ کیذریعہ ویب پیج ڈیزائن

سوال: ایڈورڈ ٹفٹ کے کاموں سے کیا مسائل ہیں جو کسی ویب سائٹ کے لئے موزوں ہیں؟
سوال: مواد ، گرافک مطابقت ، جمالیات اور تاثیر کے لحاظ سے آپ کی تجویز کردہ ویب سائٹس کیا ہیں اور کیوں؟
سوال: نیٹ سائٹ کے ساتھ ساتھ گہرائی میں استعمال کرنے والے کے ل site سائٹ کس طرح موثر ، دلچسپ اور دلکش ہوسکتی ہے؟
سوال: کیا کسی سائٹ کو موثر ہونے کے لئے خوبصورت ہونا چاہئے؟
سوال: اسکرین کے سائز اور ریزولیوشن سے ویب پر موجود گرافکس پر کیا اثر پڑتا ہے ، اور آپ ان رکاوٹوں کے تحت موثر گرافکس کیسے تیار کرتے ہیں؟
سوال: ویب ٹکنالوجی کے ذریعہ ڈیزائن کرنے کے لئے کون سی نئی صلاحیتیں پیش کی جارہی ہیں؟
سوال: ویب ڈیزائن میں سب سے عام غلطیاں کیا پائی جاتی ہیں؟
(س) ایڈورڈ ٹفٹ کے کاموں سے کیا مسائل آرہے ہیں جو کسی ویب سائٹ کے لئے موزوں ہیں؟
جن مسائل کو میں سب سے زیادہ متعلق سمجھتا ہوں وہ ہیں:
آؤٹ پٹ میڈیا: ہارڈکوپی لکھاری اپنا ہدف میڈیا جانتے ہیں ، لیکن ویب مواد کو سائز ، ریزولوشن ، اور یہاں تک کہ خود میڈیا کی قسم (اعلی آخر کارگاہوں ، چھوٹے لیپ ٹاپس ، PDAs ، بریل ، بولنے والے الفاظ وغیرہ) کے لحاظ سے یکسر مختلف آلات پر پیش کیا جاسکتا ہے۔ )
صارف کی توقعات: ویب صارفین کاغذ کے مقابلے میں معلومات سے مختلف انداز میں رجوع کرتے ہیں اور اس کو پڑھنے کے بجائے معلومات کو اسکین کرنے کا زیادہ امکان رکھتے ہیں
اراگونومکس: ویب براؤزنگ کے لئے موجودہ ٹکنالوجی ہارڈکوپی سے کئی طرح سے کمتر ہے۔ ڈسپلے کم ریزولوشن ہوتے ہیں ، دیکھنے کی پوزیشن طے ہوتی ہے ، اور پینسل اور کاغذ کے مقابلے میں ماؤس / کی بورڈ کنٹرول انتہائی عجیب ہوتے ہیں
مواد کی جگہ: زیادہ تر ویب پیج کی جگہ مینوز ، ٹول بارز ، اور نیویگیشن کنٹرولز کے ذریعہ لی جاتی ہے ، اس طرح مواد کے لئے جگہ کم ہوتی ہے
ہجے کی غلطیاں: یہ نیویگیشن اور تلاش کی اصل ناکامی کا سبب بنی ہیں جیسے کہ صرف شرمندگی یا الجھن
ہارڈکوپی میں تبادلہ: یہ اکثر گمشدہ فونٹ ، گمشدہ گرافک تبادلوں ، نیز سائز اور صفحے کی ترتیب کی پریشانیوں کی وجہ سے ناکام ہوجاتا ہے۔
چارٹ ردی اور معلومات سے متعلق معلومات: موجودہ ڈسپلے کی کم ریزولیوشن کے ساتھ مل کر سی آر ٹی ڈسپلے کی ہلچل مچانے کا مطلب یہ ہے کہ بے ترتیبی اور موئیر پیٹرن کاغذ کے مقابلے میں کسی ڈسپلے سے کہیں زیادہ گھٹ گھٹا کرتے ہیں اور تھکاوٹ اور الجھن میں مدد دیتے ہیں۔
رنگ: ڈسپلے کی کم ریزولیشن اور رنگ کی آسانی اور صفر لاگت کا مطلب یہ ہے کہ رنگوں کو یا تو معلومات کو زیادہ موثر انداز میں پہنچانے کے لئے استعمال کیا جاسکتا ہے (مثال کے طور پر ، جب ایک ہی عنوان کے تمام عناصر ایک ہی رنگ کا اشتراک کرتے ہیں) یا الجھن کو بڑھاوا دینے کے لئے غلط استعمال ہوسکتے ہیں۔ .
ڈیٹا کی دستاویزی دستاویز: چونکہ کسی جریدے یا میگزین میں مضمون شائع کرنے سے کہیں زیادہ ویب پیج کو اڑانا آسان ہے ، اور چونکہ سرچ انجن کلیدی الفاظ کی بنیاد پر کسی صفحے کو کھوج سکتے ہیں ، اس لئے اس میں فضول علم کا سامنا کرنے کی نسبت بہت زیادہ ہے۔ ویب مجھے مستقبل میں ایک مضبوط ضرورت نظر آرہی ہے کہ سائٹ کو کسی حد تک معیار کی معلومات کی انشورینس کرنے کے لئے اور سرچ انجنوں کو اس سرٹیفیکیشن سے حساس رکھنے کی تصدیق کی جائے۔
معلومات کی کثافت: اسکرین کی کم ریزولوشن اور بڑی فائلوں کے لئے ڈاؤن لوڈ کا سست وقت ویب پر اعلی کثافت کی معلومات کو کم مطلوبہ بناتا ہے۔ اس کی تلافی کے لئے مختلف تکنیکوں کا استعمال کیا جاسکتا ہے ، جیسے فائل کے سائز کی دستاویزات اور ڈاؤن لوڈ کے اوقات ، مختلف ریزولوشن گرافکس کے انتخاب ، تھمب نیل اور / یا کٹے ہوئے امیجوں کا مجموعہ جو ، جب تھمب نیل کے اعلی ریزولوشن ورژن کو ڈسپلے پر کلک کرتے ہیں ، وغیرہ۔
متن بمقابلہ گرافکس: ڈاؤن لوڈ کے اوقات ، مختلف براؤزر کی صلاحیتیں ، اور ریزولوشن ایشوز متن کے مقابلے میں گرافکس کے مقابلے میں متوازن اشارہ کرتے ہیں۔
جزباتی بمقابلہ جستال فہم: طوفٹ نے بتایا ہے کہ کاغذ پر اعلی کثافت والے گرافکس آپ کو سنگل جستول کے طور پر پیچیدہ نمونوں کو دیکھنے دیتے ہیں۔ تاہم ، انٹرایکٹو ویب ڈسپلے آپ کو ترتیب کے مطابق لے جاسکتے ہیں حالانکہ ایسے اقدامات جو آپ کو صرف اس تناظر میں آشکار کردیتے ہیں کہ آپ کو بصری فون کے درخت کی طرح اپنے سابقہ ​​انتخاب کی بنیاد پر جاننے کی ضرورت ہوتی ہے۔ کچھ معاملات میں یہ اعلی کثافت ڈسپلے کے مقابلے میں زیادہ موثر ہے ، دوسرے معاملات میں ایسا کم ہے۔
سیاق و سباق کو برقرار رکھنا: کسی ویب سائٹ سے کسی کتاب سے کہیں زیادہ گم ہوجانا آسان ہے کیونکہ بہت سارے راستے باقی ہیں جن کا تعاقب کرنا ہے۔ لہذا ، مؤثر نیویگیشن ٹولز ہارڈکوپی کے بجائے ویب پر بہت زیادہ اہم ہیں۔
واپس انڈیکس
(س) مواد ، گرافک مطابقت ، جمالیات اور تاثیر کے لحاظ سے آپ کی تجویز کردہ ویب سائٹس کیا ہیں اور کیوں؟
مجھے ان سائٹس میں سب سے زیادہ پسند ہے جو:
ناسا اسکائی واچ سائٹ: http://spaceflight.nasa.gov/realdata/sightings/index.html پر۔
یہ مدار میں بہت سے بڑے مصنوعی سیاروں کے بارے میں معلومات فراہم کرتا ہے۔ ابتدائی صفحہ میں متن اور اسٹریمنگ میڈیا فارمیٹ دونوں میں مقصد کی وضاحت کی گئی ہے ، ڈاؤن لوڈ کے وقت اور فائل کے سائز کے لحاظ سے درکار وسائل پر تبادلہ خیال کیا گیا ہے ، اور اس میں دو ٹائرڈ نیوی گیشن کنٹرول کا ایک اچھا کنٹرول ہے جو آپ کو ناسا سائٹ کے کسی بھی حصے کی ہدایت کرتا ہے۔

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

ایک اور اچھی سائٹ یہ ہے: http://www.nsf.gov اس کا ابتدائی صفحہ پرکشش ، کمپیکٹ ہے ، کچھ گرافکس استعمال کرتا ہے اور جلدی ڈاؤن لوڈ ہوتا ہے۔ اس میں دو ٹائئرڈ نیویگیشن بھی ہے

اسکرین کے سائز اور ریزولیشن سے ویب پر موجود گرافکس پر کیا اثر پڑتا ہے ، اور آپ ان رکاوٹوں کے تحت موثر گرافکس کیسے تیار کرتے ہیں؟
یہ ایک بہت بڑا اور اہم موضوع ہے اور شاید ویب بمقابلہ پیپر پر ڈیزائن کے مابین بڑے فرق کی وجہ ہے۔
سائز میں فرق: اگر ہم اپنی گفتگو کو "روایتی" کمپیوٹرز اور ڈسپلے تک ہی محدود رکھتے ہیں تو پھر اسکرین کے سائز میں فرق (قرارداد کی مخالفت میں) گرافکس کے فہم کو بہت زیادہ متاثر نہیں کرتا ہے کیونکہ 19 انچ اسکرینوں کے چھوٹے حصے میں صرف 2.5 گنا کا فرق ہوتا ہے۔ 12 انچ اسکرینیں۔ تاہم ، اب ہم PDAs ، سیل فونز اور یہاں تک کہ کلائی گھڑیاں جیسے بڑھتے ہوئے آلات دیکھتے ہیں ، جو ویب پر سرفنگ کرتے ہیں اور جن کی اسکرینیں 100 گنا چھوٹی ہیں۔ عام ویب صفحات صرف اس طرح کے آلات پر فٹ نہیں بیٹھتے ہیں ، اور ان کے لئے صفحہ ڈیزائن کو خاص طور پر نشانہ بنایا جانا چاہئے ، اگرچہ XML / XSL زیادہ تر دستاویزات کو دوبارہ مقصد کے ل fit استعمال کیا جاسکتا ہے۔
بڑے بڑے نقشوں یا صفحوں کی مدد سے جو آنکھوں کو بڑے علاقوں میں آسانی سے جھاڑو دیتے ہیں ، ویب ناظرین متعدد صفحات کے لنکس پر انحصار کرتا ہے جس میں قول کے کچھ حصے ہوتے ہیں ، اور اس طرح مجموعی سیاق و سباق کھو جاتا ہے - جو بھی کوئی کتابی قسم کا نقشہ استعمال کرتا ہے۔ جانتا ہے کہ مختلف صفحات کو عبور کرنے والے راستے پر عمل کرنا کتنا مشکل ہے۔ اسی طرح ، ایک بڑے سائنسی چارٹ میں موازنہ کرنا اس وقت بہت مشکل ہوتا ہے جب دیکھنے والا یہ سب ایک ساتھ نہیں دیکھ سکتا ہے۔

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

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

دوسری طرف ، ویب ایسے اوزار فراہم کرتا ہے جو اس کی جزوی طور پر تلافی کرتے ہیں:

کچھ استعمال کی خرابیوں کے باوجود ، خاص طور پر نیویگیشن کے سلسلے میں ، ایک منظر کے مجموعی نظارے کو کلیکبل امیج میپ کی صورت میں ایک فریم میں ڈسپلے کرنے کے ل one کوئی فریم استعمال کرسکتا ہے: جب صارف جائزہ نقشے کے کسی علاقے پر کلک کرتا ہے تو ، ایک اعلی قرارداد تصویر کے کسی حصے کا نظارہ دوسرے فریم میں ظاہر ہوتا ہے۔ یہ خاص طور پر مؤثر ہے اگر پہلے فریم میں شبیہہ اس جگہ پر روشنی ڈالتی ہے جس پر کلک کیا گیا تھا ، تو وہ نقشہ سے متعلق ماؤس کی موجودہ پوزیشن کو دکھاتا ہے ، اور اگر تصویر کے نقشے میں بڑی تعداد میں اوورلیپ کے ساتھ ساتھ زوم کی مختلف ڈگری شامل ہو تو ، مطلوبہ تمام سیاق و سباق کی نمائش کا موقع۔
بعض اوقات حرکت پذیری کو "چھوٹے ضربوں" کی جگہ پر موثر طریقے سے استعمال کیا جاسکتا ہے: ایک ہموار اور تیزی سے بدلتی ہوئی شبیہہ ، خاص طور پر جب یہ صارف کے مکمل کنٹرول میں ہوتا ہے ، تو وہ اکثر جامد ہائی ریزولوشن پیج سے بہتر معلومات پہنچا سکتا ہے۔
تاہم ، نوٹ کریں کہ ڈسپلے کے دوران کاغذ کے سائز اور ریزولیوشن فوائد 5-10 سالوں میں ختم ہوجائیں گے: لیپ ٹاپ کمپیوٹرز پر پہلے ہی دو میگا پکسل کے LCD اسکرین مارکیٹ میں ہیں۔ آئی بی ایم نے حال ہی میں حیرت انگیز 9 میگا پکسلز کے ساتھ 22 انچ کی ایل سی ڈی کی نقاب کشائی کی ہے جو چھپی ہوئی پیج کو مکمل طور پر حریف کرتا ہے (فی الحال یہ بہت مہنگا ہے لیکن قیمت میں ضرور کم ہوجائے گا) ، اور میکسوفٹ کی کلیئر ٹائپ (ٹی ایم) سب پکسل ٹکنالوجی نے متن کی موثر ریزولوشن میں بہت اضافہ کیا ہے اور کالی / سفید تصاویر ، کبھی کبھی 300 by
اس کے علاوہ ، نئے LCDs کا ایک وسیع میدان نظریہ ہے ، اور وہ ہلچل نہیں مچا رہے ہیں۔ مستقبل قریب میں ، اسٹائلس ان پٹ والے ٹیبلٹ پی سی کا انعقاد اور رسالے کی طرح ہیرا پھیری سے کیا جاسکتا ہے ، چوہوں اور کی بورڈز کی نشاندہی کرنے ، ڈرائنگ کرنے اور لکھنے کے لئے بہتر ہے ، اور آواز اور آڈیو ان پٹ / آؤٹ پٹ کے ذریعہ اس میں اضافہ کیا جائے گا۔ بہت بڑی اسکرین ڈسپلے راستے میں ہیں اور ساتھ ہی پہننے کے قابل کمپیوٹروں کے لئے ریٹنا ڈسپلے بھی ہیں جو حقیقی ہائی ریزولوشن اسٹیریوسکوپک امیج فراہم کرتے ہیں جو پہننے والے کو 6 فٹ چوڑا دکھائی دیتے ہیں۔

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

3D گرافکس: پیچیدہ تھری ڈی مناظر کے لئے کاغذ پر صحیح نقطہ نظر تلاش کرنا اکثر دشوار ہوتا ہے ، کیونکہ کسی بھی نظارے ، یا حتی کہ نظریات کا ایک مجموعہ ، اہم معلومات کو چھپا یا مسخ کرسکتا ہے۔ لیکن ویب پر 3D ڈیٹا ویژنائزیشن ، جیسا کہ وی آر ایم ایل یا دوسرے پروگراموں کے ذریعہ فراہم کردہ ہے ، صارف کو کسی بھی زاویہ سے ڈیٹا دیکھنے کی اجازت دیتا ہے۔ بہت سال پہلے میں نے J.W Tukey کا ایک بصیرت مظاہرہ دیکھا جس نے کثیر جہتی (10-12 جہت) والے ڈیٹا کو انٹرایکٹو طریقے سے تلاش کیا۔ ابتدا میں جو کچھ نمودار ہوا وہ بے ترتیب بے معنی نقطوں کا مجموعہ تھا ، لیکن جب اس نے کچھ طول و عرض اور گردش کا اطلاق کے ساتھ ساتھ اعداد و شمار کو ختم کیا تو مضبوط اور سادہ منحنی خطوط سامنے آئے جو اہم تعلقات کو واضح کرتے ہیں۔
اگرچہ یہ سچ ہے کہ 3 ڈی آبجیکٹوں کا کنٹرول آج کچھ حد تک مشکل ہے ، کیوں کہ ہم عام طور پر 2D سطح پر ماؤس کے ذریعہ ایسا کرتے ہیں ، پرکشش اور ہلکا پھلکا ہیڈسیٹ کے ذریعے مستقبل قریب میں یہ آسان ہوجائے گا کہ سٹیریو کیمروں کے ساتھ مل کر حقیقی دقیانوسی وژن پیش کرتے ہیں۔ وہ 3D میں ہاتھوں کی پوزیشنوں کو ٹریک کرتا ہے ، جس کی مدد سے ہم 3D پکچروں کو اتنی آسانی سے استعمال کرسکتے ہیں جتنی آسانی سے ہم حقیقی دنیا کی چیزیں کرتے ہیں۔

اعلی کثافت والے گرافکس: اگرچہ ہارڈکوپی موجودہ ڈسپلے سے کہیں زیادہ ریزولوشن پیش کرتی ہے ، لیکن کچھ ویب ٹیکنالوجیز آپ کو کاغذ پر ممکنہ حد تک کہیں زیادہ تفصیل سے ڈیٹا سیٹ دیکھنے کے ل. زوم کرنے دیتی ہیں۔
تحقیقاتی اعداد و شمار کا تجزیہ: ویب کو کسی ایسے اعداد و شمار میں تبدیلی اور اطلاق کی اجازت دیتا ہے جس سے ایسے رشتوں کو ننگا کیا جاسکتا ہے جس کا کاغذ پر کبھی مشاہدہ نہیں کیا جاسکتا ہے۔
یونیورسل انفارمیشن ڈیوائسز: خاص طور پر وائرلیس رسائی کے ذریعہ ویب ، ان تمام قسم کی معلومات کو جوڑ سکتا ہے جو آج کل بہت سے مختلف آلات کے ذریعہ فراہم کی جاتی ہیں: گھڑیاں ، الارم گھڑیاں ، ریڈیو ، ٹی وی ، اخبارات ، رسالے ، کتابیں ، سی ڈیز ، کمپیوٹر ، ویڈیو گیمز ، قانونی ، مالی اور طبی ریکارڈز ، لائسنس ، اجازت نامے ، کلاس رومز ، تھیٹر وغیرہ۔
واپس انڈیکس
(س) ویب ڈیزائن میں سب سے عام غلطیاں کیا پائی جاتی ہیں؟
زیادہ پریشان کن ڈیزائن نقائص میں سے جو میں نے اکثر دیکھا ہے وہ ہیں:
تاریخ / وقت کی معلومات کا فقدان: زیادہ تر معلومات کسی حد تک اتار چڑھاؤ کا شکار ہوتی ہیں۔ بیشتر سائٹس کے لئے "ڈیٹ آخری آخری مرتبہ" لازمی ہے ، اور کسی صفحہ پر کسی بھی وقت پر منحصر ڈیٹا کو وقت کی دستاویزات کی ضرورت ہوتی ہے
کنفیوژن نیویگیشن ، ونڈوز جو نیویگیشن کو غیر فعال کرتی ہیں ، یا بہت ساری پاپ اپ ونڈوز
ابتدائی صفحات جو بہت آہستہ سے لوڈ ہوتے ہیں یا پلگ ان یا غیر معمولی وسائل کی ضرورت ہوتی ہے ، یا اسکرپٹ جو براؤزر کو غیر فعال کرتے ہیں
سائٹ کی معلومات کی کمی ، جیسے سائٹ کا نقشہ اور رابطے کی معلومات
مبہم ترتیب ، لمبے پیراگراف ، مشغول گرافکس ، احمقانہ پس منظر ، رنگ کے متضاد استعمال (ایک ہی عنوان کے اندر مختلف رنگ یا مختلف موضوعات کے لئے ایک ہی رنگ) کے لحاظ سے گندگی
تکنیکی یا صارف کی حدود میں بے حسی: ویب صفحات کو محدود براؤزرز ، کمپیوٹرز یا جسمانی حدود رکھنے والوں کے ل alternative متبادل دیکھنے کے وسائل فراہم کرنے چاہ.۔