ڈیزائن کا ایک نیا عمل

مواد

• ایک ذمہ دار طریقہ کار
• میں سب سے پہلے مواد کو کس طرح رکھوں؟
• کیوں؟
• 01. اپنے کاروبار اور صارف کے اہداف کی وضاحت کریں
• 02. ہر موقع پر ان کا حوالہ دیں
• 03. پیچھے دھکیلنے سے مت گھبرائیں
• 04. اپنی ٹیم کو بھی دبائیں
• 05. سامنے کے تمام اپنے سامان کی ضرورت کی وضاحت کریں
• میں پریزنٹیشن سے کس طرح تجرید کرسکتا ہوں؟
• ہمیں لے آؤٹ کے لحاظ سے مواد کے بارے میں سوچنا چھوڑنا ہوگا
• اپنے مؤکلوں کو ان کے مشمولات کو ڈیزائن سے آزادانہ منصوبہ بنانے پر مجبور کریں
• ڈیزائن سے پہلے اپنے مواد کو حتمی شکل دیں
• اصلی مواد - ہر بار استعمال کریں
• تو ، ذمہ دار ڈیزائن منصوبوں کے لئے وائر فریم کیسے کام کرتے ہیں؟
• خاکہ
• براؤزر میں فریم ورک
• تشریحات
• تار فریموں میں اصلی مواد استعمال کریں
• میں پہلے چھوٹی اسکرینوں کے لئے کس طرح ڈیزائن کروں؟
• شروع میں ہی آلات سے خلاصہ ڈیزائن
• انداز ٹائلیں استعمال کریں
• انٹرفیس ہم آہنگی پیدا کریں
• براؤزر میں سب کچھ دیکھیں
• جامد پروگراموں کے ساتھ توازن قائم کریں
• نتیجہ اخذ کرنا

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

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

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

ایک ذمہ دار طریقہ کار

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

کسی بھی ڈیزائن کے عمل کی طرح ، اس سب کے پیچھے ‘کیوں’ پر بھی توجہ دینی چاہئے۔ تو پھر ویب سائٹ کیوں موجود ہے؟ مواد کی فراہمی کے لئے۔ یہ کام پر مبنی ، سماجی ، معلوماتی ہوسکتا ہے… اس سے کوئی فرق نہیں پڑتا ہے۔ یہ سب اس پر آتا ہے: کیوں ، اچھی طرح سے تشکیل شدہ مواد اور اس سے اہم بات چیت کے ساتھ شروع کریں۔

یہ وہ سوالات ہیں جن کو ہم اپنے ذمہ دار ڈیزائن عمل کے بارے میں اکثر سنتے ہیں۔

میں سب سے پہلے مواد کو کس طرح رکھوں؟

ہم سب ایک پروجیکٹ کے آغاز پر بہت پر امید ہیں۔ "پہلے مواد!" ہم کہتے ہیں. "صارف کے مقاصد! یاد رکھیں کیا اہم ہے! " یہ سچ ہے. لیکن اس کا کیا مطلب ہے؟ آپ مواد کے پہلے عمل کو کس طرح نافذ کرتے ہیں؟

یہاں تک کہ اگر آپ جانتے ہیں (یا سوچتے ہیں کہ آپ جانتے بھی ہیں) ، پروجیکٹ کے آگے بڑھنے کے ساتھ یہ بھولنا آسان ہے۔ طویل المیعاد منصوبوں کا رجحان (اور آگے… اور جاری رہنا) جاری رہتا ہے۔ ہم اس کے بارے میں سوچنا چھوڑ دیتے ہیں ، اور اس پر توجہ مرکوز کرنا شروع کردیتے ہیں۔ ہم اپنے آپ کو یہ سوچنے سے بے وقوف بناتے ہیں کہ ہمارے منصوبے الگ الگ ’دریافت‘ اور ’ترقی‘ مرحلوں میں تقسیم ہوسکتے ہیں جو آزادانہ طور پر موجود ہوسکتے ہیں۔

سچ تو یہ ہے کہ ہمیں ہر وقت یہی پوچھتے رہنا ہے۔ اس سے کوئی فرق نہیں پڑتا ہے کہ آپ کتنا سوچتے ہیں کہ آپ جانتے ہو ، چاہے آپ نے کتنی منصوبہ بندی کی ہو - ہر بار جب آپ فیصلہ کرتے ہیں ، ہر بار جب آپ بٹن ڈیزائن کرتے ہیں یا ہیڈ لائن لکھتے ہیں تو ، آپ سے پوچھنا پڑتا ہے…

کیوں؟

میں یہ کیوں کر رہا ہوں؟ یہ کس کے لئے ہے؟ یہ میرے مؤکل کو کس کاروبار کا مقصد حاصل کرنے میں معاون ثابت ہوگا؟ اس سے میرے صارفین کو حل کرنے میں کیا ضرورت ہوگی؟ صرف مواد کو پہلے نہیں رکھیں۔ پہلے کیوں رکھو۔

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

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

یہ ان کی غلطی نہیں ہے - یہ ہماری غلطی ہے۔ اس قدر کو ظاہر کرنے کا ایک بہتر کام کرنا ہماری ذمہ داری ہے۔ ہر راستے میں ، ہمیں یہ سب ضروری لانے کی ضرورت ہے۔

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

لہذا آپ کے پروجیکٹ کے عمل میں سب سے پہلے مواد کو برقرار رکھنے کے لئے یہ تین اقدامات ہیں۔

01. اپنے کاروبار اور صارف کے اہداف کی وضاحت کریں

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

02. ہر موقع پر ان کا حوالہ دیں

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

03. پیچھے دھکیلنے سے مت گھبرائیں

یہ مشکل ہوسکتا ہے۔ مؤکل کے تعلقات نازک ہوسکتے ہیں ، اور یہ جنگ جیتنے کے لئے جنگ ترک کرنے کا لالچ دے سکتے ہیں۔ لیکن یاد رکھنا ، ہم سب ایک ساتھ ہیں! یہ کاروبار بمقابلہ صارف نہیں ہے۔ ہمیں بمقابلہ۔

کاروباری ضروریات کو پورا کرنے کا بہترین طریقہ صارف کی ضروریات کو پورا کرنا ہے۔ کیونکہ ہمارے صارفین کے بغیر ، ہمارے پاس کاروبار نہیں ہے! کلائنٹ (اچھے مؤکل) ہر چیز کو ’ہاں‘ کہنے کے ل you آپ کی خدمات حاصل نہیں کر رہے ہیں۔ لہذا اگر آپ کا مؤکل کوئی ایسی چیز مانگتا ہے جو ان کے مقاصد یا ان کے صارفین کی ضروریات کو پورا نہیں کرتا ہے تو ، ان کو چیلنج کرنے سے گھبرائیں نہیں۔ یہ انا کے بارے میں نہیں ہے۔ یہ بہترین ممکنہ حل پیدا کرنے کے بارے میں ہے۔

04. اپنی ٹیم کو بھی دبائیں

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

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

تخلیقی کام کے لئے آبشار کا نقطہ نظر کام نہیں کرتا ہے۔ فرتیلی ، ٹیم کے ممبروں کے مابین باہمی تعاون کے ساتھ بہتر کام انجام دیتے ہیں۔

05. سامنے کے تمام اپنے سامان کی ضرورت کی وضاحت کریں

بات یہ ہے کہ: ذمہ دار ویب سائٹیں منصوبہ بندی میں زیادہ وقت لیتی ہیں۔ ہم صرف ایک ہی سیاق و سباق کے لئے منصوبہ بندی نہیں کر رہے ہیں۔ ہم ان تمام سیاق و سباق کے لئے منصوبہ بنا رہے ہیں جن کے بارے میں ہمیں ابھی معلوم ہے ، اور کچھ جو ابھی موجود نہیں ہیں۔

لیکن ان ساری پیچیدگیوں کے لئے سامنے کی منصوبہ بندی کرنے میں اس سے کہیں کم وقت لگتا ہے جس سے آپ واپس جائیں اور ان خصوصیات اور افعال کو واپس کریں جس کا آپ نے حساب نہیں لیا تھا۔ تو وقت / کوشش / بجٹ خرچ کریں۔ اپنے ڈیزائنر بننے سے پہلے اپنے مؤکلوں اور اپنی ٹیم کو ان کے تمام مشمولات کی وضاحت (اور کرنے کا عزم) پر مجبور کریں۔ صفحے کی میزیں استعمال کریں۔ ساختہ مواد استعمال کریں۔ اب آپ کے مواد کا مستقبل کا ثبوت! یا بعد میں رونا۔

میں پریزنٹیشن سے کس طرح تجرید کرسکتا ہوں؟

آپ انٹرنیٹ-او-دائرے کے آس پاس یہ بہت کچھ سنتے ہیں۔ لیکن انتظار کرو ، کیا؟ اور انتظار کرو - کیوں؟

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

ہمیں لے آؤٹ کے لحاظ سے مواد کے بارے میں سوچنا چھوڑنا ہوگا

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

آپ کا مؤکل جس وشال سپر مینو کو چاہتا ہے؟ آئی فون پر اڑنے والا نہیں

اپنے مؤکلوں کو ان کے مشمولات کو ڈیزائن سے آزادانہ منصوبہ بنانے پر مجبور کریں

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

ڈیزائن سے پہلے اپنے مواد کو حتمی شکل دیں

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

اصلی مواد - ہر بار استعمال کریں

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

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

تو ، ذمہ دار ڈیزائن منصوبوں کے لئے وائر فریم کیسے کام کرتے ہیں؟

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

خاکہ

پھر بھی ، اچھا ہے کہ آپ اپنے خیالات کو باہمی اشتراک سے خاکہ بناسکیں۔ کسی خاص میڈیم میں ایسا ہونے کی ضرورت نہیں ہے ، لیکن کاغذ پر پنسل کے بارے میں کچھ ہے۔ یہاں پوری بات یہ ہے کہ خیالات کو جلدی اور تکرار سے نکالنا ہے۔ ہمیں جب بھی ممکن ہو اسکیچ بورڈ کرنا پسند ہے ، اور اس کے لئے ایک ایپ بھی موجود ہے: UI اسکیچر۔

براؤزر میں فریم ورک

ہمارے لئے اصلی ٹکٹ یہ ہے۔ ہمیں براؤزر میں RWD کا مظاہرہ کرتے وقت پیٹرن اور سسٹم کو دوبارہ استعمال کرنا پسند ہے۔ بے شک ، ہم ہر بار شروع سے ہی اپنا اپنا نظام بناسکتے ہیں ، لیکن اس سے ہماری یا ہمارے مؤکلوں کی مدد نہیں ہوسکتی ہے۔

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

تشریحات

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

تار فریموں میں اصلی مواد استعمال کریں

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

میں پہلے چھوٹی اسکرینوں کے لئے کس طرح ڈیزائن کروں؟

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

شروع میں ہی آلات سے خلاصہ ڈیزائن

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

انداز ٹائلیں استعمال کریں

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

"اسٹائل ٹائلس اس وقت ہوتی ہیں جب موڈ بورڈ زیادہ مبہم ہو اور کمپ ایک بہت لغوی ہو۔ اسٹائل ٹائلس ترتیب کی وضاحت کیے بغیر حقیقی انٹرفیس عناصر کے ساتھ براہ راست تعلق قائم کرتے ہیں۔

انٹرفیس ہم آہنگی پیدا کریں

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

اگر آپ مزید پڑھنے میں دلچسپی رکھتے ہیں تو ، انٹرفیس ہم آہنگی کے موضوع پر دو بہترین مضامین یہاں اور یہاں پاسکتے ہیں۔

براؤزر میں سب کچھ دیکھیں

ہر چیز کو براؤزر میں ساتھ لانے کی ضرورت ہے۔ یہ وہ جگہ ہے جہاں UI ڈیزائن واقعی زندگی میں آتا ہے۔ بصری عناصر کے ساتھ اصلی مواد کا تعامل کس طرح ہوتا ہے یہ دیکھنا بہت ضروری ہے۔ مستحکم ماحول میں ایسا کرنے کا کوئی طریقہ نہیں ہے۔ آپ کو یہ دیکھنے کی ضرورت ہے کہ یہ آبائی وسط میں کس طرح سے رد عمل ظاہر کرے گا۔

جامد پروگراموں کے ساتھ توازن قائم کریں

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

نتیجہ اخذ کرنا

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

ڈیزائنرز کے ل wire بہترین 20 تار فریمنگ ٹولز دریافت کریں

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