مواد
- 01. آگے سوچئے - اب اور مستقبل کے لئے اپنے مقصد کی وضاحت کریں
- 02. اپنے ہدف کے سامعین اور ان کا استعمال کیا جانیں
- 03. موبائل ویب سائٹ کے استعمال اور سلوک کے نمونوں کو سمجھیں
- 07. موبائل کے لئے آپٹمائز کریں
- 08. کسی ایپ کو کرنا ہے یا نہیں کے لئے رہنما کے بطور اندراج پوائنٹس کو دیکھیں
- 15. اپنی مشمولات کی اسٹیکنگ حکمت عملی کی وضاحت کریں
- 18. ہر صفحے / اسکرین کو وائر فریم / ڈیزائن کی ضرورت نہیں ہے
- 19. تمام شعبوں میں باہمی تعاون کے ساتھ اور قریب سے کام کریں
- 20. پروٹو ٹائپ ، ٹیسٹ ، اور دوبارہ کرنا
- 21. جلدی سے مواد کی فراہمی
- 22. محدود تہوں امداد نیویگیشن
- 23. صارف کے نقطہ نظر سے ڈیزائن کریں
- 24. صحیح ویب فونٹ کا انتخاب کریں
- 25. مختلف آلات پر پھنس نہ جائیں
- 26. ٹیسٹ ، ٹیسٹ ، ٹیسٹ
- 27. بیٹری کی زندگی پر غور کریں
- 28. حدود کو قبول کریں اور گلے لگائیں
- 29. متن ان پٹ کو کم سے کم کریں
- 30. تبدیلی کی رفتار سے محبت کرتا ہوں
پچھلے کچھ سالوں میں موبائل ڈیزائن پھٹا ہے ، لیکن یہ جاننا کہ کیا کرنا ہے اور کہاں سے آغاز کرنا مشکل ہے۔ موبائل ویب سائٹ ڈیزائن صرف کسی موبائل ویب سائٹ یا کسی ایپ کے درمیان انتخاب کا سوال ہی نہیں ہوتا ہے - اس کے درمیان اختیارات اور پہلوؤں کو بھی مدنظر رکھتے ہیں۔ آپ کی مدد کرنے کے ل we ، ہم نے آپ کے موبائل حکمت عملی کی وضاحت اور موبائل کے لئے ڈیزائن کرتے وقت کن باتوں پر غور کرنا چاہ 30 اس پر top 30 اہم نکات جمع کیے ہیں۔
نوٹ کریں کہ ہم موبائل ویب سائٹ ڈیزائن پر اور کچھ حد تک ، ایپ ڈیزائن ، لیکن ذمہ دار ویب سائٹوں پر توجہ مرکوز کررہے ہیں - ہمارے مضمون پر ایک نظر ڈالیں کہ کس طرح اپلی کیشن بنایا جا responsive اور ہمارے ویب ڈیزائن آف ٹیوٹوریل کو کس طرح تیار کیا جا if۔ میں دلچسپی رکھتے ہیں.
01. آگے سوچئے - اب اور مستقبل کے لئے اپنے مقصد کی وضاحت کریں
ہم ایسے وقت میں ہیں جب موبائل ویب سائٹ ڈیزائن میں تکنیکی ترقی تیزی سے ہوتی ہے ، اور نئے کھلاڑیوں کو مستقل طور پر متعارف کرایا جاتا ہے۔ اس پر غور کریں کہ پہلا رکن 2010 کے موسم گرما اور 2015 میں ایپل واچ میں آیا تھا۔ یہ سمجھنا محفوظ ہے کہ آج سے صرف دو سال بعد کی چیزیں آج کے دور میں بہت مختلف ہوں گی۔
جتنا ممکن ہو ہمیں ایک ایسی نئی تعمیر کی ضرورت ہے جو اب سے ایک یا دو سال میں تیار ہوسکے بجائے مکمل ڈیزائن کی ضرورت ہو۔ لہذا اپنی فوری موبائل ویب سائٹ کی ضروریات کے ساتھ ساتھ اپنی طویل المیعاد ویب سائٹ کی ضروریات کی وضاحت کریں اور اس قدر کی قیمت کے مطابق جو ایپ کر رہی ہے اس سے سائٹ پر کسی بھی طرح کی سرمایہ کاری کی لاگت آسکتی ہے۔
02. اپنے ہدف کے سامعین اور ان کا استعمال کیا جانیں
آپ کے موبائل ویب سائٹ پر لوگ کس طرح کے آلہ دیکھ رہے ہیں اس کے بارے میں جاننا آپ کے ڈیزائن کے عمل اور آپ کی موبائل ویب سائٹ کی حکمت عملی کی رہنمائی کے ل key کلیدی حیثیت رکھتا ہے۔اگرچہ بہت سارے لوگوں کے پاس اسمارٹ فون ہیں ، لیکن یہ مت سمجھو کہ ہر ایک کرتا ہے ، یا یہ کہ ان سب کے پاس آئی فون یا اینڈروئیڈ فون ہے۔ اس کے بجائے یہ دیکھیں کہ آپ کے ہدف کے سامعین اصل میں تجزیات یا تحقیق کی مدد سے کون سے آلات استعمال کر رہے ہیں۔
غور کرنے والی دوسری چیزیں یہ ہیں کہ آپ کے ہدف والے سامعین اپنے فون کو کس طرح استعمال کرتے ہیں اور اس کے ساتھ ساتھ اگر ان کے پاس قابل اعتماد انٹرنیٹ کنیکشن ہے۔ مؤخر الذکر خاص طور پر اہم ہے اگر ، مثال کے طور پر ، آپ کے صارف اپنے موبائل آلات پر فارم پُر کریں گے۔
03. موبائل ویب سائٹ کے استعمال اور سلوک کے نمونوں کو سمجھیں
چونکہ صارفین تیزی سے اپنے موبائل آلات کو اسی کاموں کے ل desk ڈیسک ٹاپوں پر استعمال کررہے ہیں اور اسی وجہ سے پورے آلات میں ایک برابر اور مستقل سفر کی توقع ہے ، اس بات کی سخت دلیل ہے کہ آپ کی موبائل ویب سائٹ آپ کے ڈیسک ٹاپ ورژن کی عکاسی ہونی چاہئے۔
لوگ ’ڈیسک ٹاپ ورژن‘ لنک پر کلک کرتے ہیں ، خاص طور پر جب ایک انتہائی محدود موبائل ویب سائٹ ، یا کسی ایسی سائٹ کے ساتھ جو پیش کی جاتی ہے جس میں ساختی طور پر یا ضعف سے مختلف ہوتی ہے جس کے وہ استعمال کر رہے ہیں۔ لہذا بنیادی مواد کو ایک جیسا رکھنے کی کوشش کریں اور یہ بھی ذہن میں رکھیں کہ صارف ایک آلہ سے دوسرے آلے میں کیسے جائے گا اور اس کے تجربے کے لئے اس کا کیا مطلب ہونا چاہئے۔
07. موبائل کے لئے آپٹمائز کریں
صرف اس وجہ سے کہ آپ بنیادی مواد کو ایک جیسا رکھتے ہیں اس کا مطلب یہ نہیں ہے کہ آپ کو اپنی موبائل ویب سائٹ کو بہتر بنانا یا نہیں کرنا چاہئے۔ اس کے برعکس آپ کو مشمولات ، تعاملات دونوں کو بہتر بنانا چاہئے جہاں ان کو رابطے کے ل make بہتر بنانے کے ل device مناسب بنایا جائے اور آلے کی صلاحیتوں میں بلٹ میں استعمال کو دیکھنے کے لئے مناسب ہو۔
موبائل ڈیسک ٹاپ سے کہیں زیادہ بہتر اور زیادہ مناسب تجربے بنانے کے لئے بہت سارے مواقع مہیا کرتا ہے اور یہ اب بھی حاصل کیا جاسکتا ہے یہاں تک کہ اگر آپ بیسپوکی موبائل ویب سائٹ یا ایپ نہیں بناتے ہیں۔
08. کسی ایپ کو کرنا ہے یا نہیں کے لئے رہنما کے بطور اندراج پوائنٹس کو دیکھیں
پہلے موبائل کے لئے ڈیزائن کرنا اب بھی ایک گرما گرم موضوع ہے۔ کچھ لوگ اس سے زیادہ راحت محسوس کرتے ہیں۔ دوسروں کو کم. جیسا کہ ہر چیز کے ساتھ شاذ و نادر ہی صحیح یا غلط نقطہ نظر ہے۔
اہم بات یہ ہے کہ اس میں توجہ اور چھوٹی چھوٹی اسکرینوں پر توجہ دی جائے ، لیکن آیا یہ بات اس طرح کی ہے کہ موبائل کے خاکے اس طرح سے بنائے جارہے ہیں جب پہلے ڈیسک ٹاپ کے لئے زیادہ تفصیلی تعریفیں کی جائیں اس سے کوئی فرق نہیں پڑتا ہے۔ جب تک آپ اپنے مواد پر غور کریں گے ، یہ وہاں کیوں ہے اور اسے پورے آلات میں برتاؤ کرنا چاہئے۔ جہاں آرام محسوس ہو وہاں سے شروع کریں لیکن دونوں کے ساتھ تجربہ کریں۔
15. اپنی مشمولات کی اسٹیکنگ حکمت عملی کی وضاحت کریں
ویب میں عمدہ طرز کی لائبریریاں اور سبق موجود ہیں۔ ان سے سیکھیں اور حوصلہ افزائی کریں لیکن کچھ نیا بنانے یا خوفناک نہ ہو کہ جو کچھ پہلے سے موجود ہے اسے چیلنج کریں۔ قائم کردہ نمونے بہت اچھے ہیں لیکن حدود کو آگے بڑھانا ہی وہ چیز ہے جو ہمارے آگے لاتا ہے اور موبائل کی دنیا میں تیزی سے آگے بڑھ رہے ہیں۔
18. ہر صفحے / اسکرین کو وائر فریم / ڈیزائن کی ضرورت نہیں ہے
اس میں پھنسنا آسان ہے کہ ہر چیز کی وضاحت کی ضرورت ہے۔ لیکن ہر اسکرین کے سائز یا واقفیت کے لئے ہر صفحے یا نظارے کو تار فریم یا ڈیزائن کی ضرورت نہیں ہے۔ تجزیات کو ایک رہنما کے طور پر استعمال کریں جس پر توجہ مرکوز کی جائے ، ترقی اور ڈیزائن ٹیم کے ساتھ مل کر کام کریں اور ایک ایسا طریقہ اور سطح معلوم کریں جو آپ اور آپ کے منصوبے کے لئے بہترین کام کرے۔ لیکن مثال سے بچنے کی کوشش کریں۔ ہر اہم اسکرین کے سائز اور واقفیت کے لئے وائر فریم کرنا۔ اس میں سے بہت ساری چیزیں ماسٹر سیٹ کے ساتھ سنبھالی جاسکتی ہیں اور باقی کے خاکے بھی۔
19. تمام شعبوں میں باہمی تعاون کے ساتھ اور قریب سے کام کریں
جب عام طور پر موبائل ڈیزائن ، اور ڈیزائن کی بات کی جائے تو بہترین نتیجہ اخذ کرنے کے ل the ، مختلف شعبوں میں قریبی تعاون ہونا چاہئے۔ بہت ساری پریشانی والے علاقوں کو اس وقت تک نہیں دیکھا جا سکے گا جب تک کہ آپ تار فریموں کو ڈیزائنوں اور ڈیزائن کو بلٹ میں تبدیل نہیں کردیں گے اور جتنی جلدی آپ مل کر کام کریں گے آپ ان کی شناخت کریں گے اور ان کے حل تلاش کریں گے۔
20. پروٹو ٹائپ ، ٹیسٹ ، اور دوبارہ کرنا
جب موبائل کے ڈیزائننگ کی بات آتی ہے تو سب سے اہم چیزیں یہ ہیں کہ جیسے ہی آپ جاتے ہو تو پروٹو ٹائپ کریں اور دوبارہ چلیں۔ ڈویلپمنٹ ٹیم کے ساتھ مل کر کام کریں تاکہ یہ دیکھیں کہ کیا تجویز کیا جارہا ہے دراصل اس کے بنتے وقت کام کرتا ہے اور ایسی صورتحال کی نشاندہی کرنے کے لئے جن پر مزید تفصیل سے دیکھنے کی ضرورت ہے۔ اور ایک ساتھ مل کر کچھ حاصل کریں جس سے آپ اپنے ممکنہ صارفین کے ساتھ ٹیسٹ کرسکیں اور اس پر حقیقی آراء حاصل کرسکیں۔ یہ آخر میں کیا فرق پڑتا ہے۔
21. جلدی سے مواد کی فراہمی
بہترین موبائل سائٹ خوبصورت اور صاف ہیں۔ یہ سمجھنے کی کوشش کریں کہ موبائل فون کی ویب سائٹ دیکھنے والے لوگ در حقیقت کیا دیکھنے کی توقع کریں گے - مؤکلوں سے پوچھیں کہ ان کے لئے کیا اہم ہے اور اس پر غور کریں کہ ان کے صارفین تیزی سے کس معلومات تک رسائی حاصل کرنا چاہیں گے ، جیسے ریستوراں کی ویب سائٹ پر ریزرویشن کی معلومات ، مینوز اور مقام کے نقشے۔
22. محدود تہوں امداد نیویگیشن
موبائل سائٹ کے ذریعہ زیادہ سے زیادہ تین درجے کی نیویگیشن پر رکھنے کی کوشش کریں - کچھ لوگوں کا مقصد صرف دو ہے۔ موبائل صارفین تیزی سے معلومات حاصل کرنا چاہتے ہیں ، لہذا وہ یہاں ، وہیں اور ہر جگہ ٹیپ نہیں کریں گے تاکہ وہ تلاش کریں جس کی وہ تلاش کر رہے ہیں۔
23. صارف کے نقطہ نظر سے ڈیزائن کریں
صارف کے نقطہ نظر سے کسی آلے کو استعمال کرنا سیکھنے کی کوشش کریں۔ اس ڈیوائس پر اپنے ڈیزائن کی جانچ کریں اور اپنے مؤکلوں سے بھی اس کی جانچ کرنے کو کہیں ، لہذا آپ دیکھ سکتے ہیں کہ ایسی کوئی معلومات ہے جو وہاں نہیں ہونی چاہئے یا کچھ بھی گم نہیں ہے۔ صارف کی جانچ ہمیشہ بھی واقعی اہم ہوتی ہے۔
24. صحیح ویب فونٹ کا انتخاب کریں
اگرچہ آپ کو سیرف فونٹ کے استعمال سے پرہیز کرنے کی کوشش کرنی چاہئے جب تک کہ وہ بہت تیز اور پڑھنے میں آسانی نہ ہوں ، موبائل اس حد تک ترقی کر چکے ہیں کہ آپ ٹائپ کے ساتھ زیادہ تخلیقی ہوسکتے ہیں اور آپ فونٹ کو موبائل سائٹ پر سرایت کرسکتے ہیں۔ اگرچہ ، آپ کو صارفین کے ل things چیزوں کو زیادہ سے زیادہ آسان رکھنے کی ضرورت ہے۔ نوع ٹائپ کے متعلق اہم نکات پر ہمارا مضمون بھی پڑھیں۔
25. مختلف آلات پر پھنس نہ جائیں
اگرچہ آپ کو اس حقیقت کو ذہن میں رکھنے کی ضرورت ہے کہ ہر کوئی ایک ہی ڈیوائس استعمال نہیں کررہا ہے - مثال کے طور پر ، تمام اسمارٹ فونز میں ٹچ اسکرین نہیں ہوتی ہے - مختلف موبائل آلات پر استعمال ہونے والی ٹکنالوجی بالکل اسی طرح کی ہے۔ لہذا یاد رکھیں کہ ہر ایک کے پاس اسکرین کی ریزولوشن یا ان پٹ ایک جیسا نہیں ہوتا ہے ، لیکن اس کے بارے میں زیادہ گھبراؤ نہیں۔ اگر آپ کے مواد تک رسائی قابل ہے تو ، لوگ اس تک رسائی حاصل کرنا چاہیں گے ، تاہم خاص آلہ آپ کے اسٹائل کی ترجمانی کرتا ہے۔
26. ٹیسٹ ، ٹیسٹ ، ٹیسٹ
وہاں بہت سارے مختلف پلیٹ فارم موجود ہیں جن کا اسمارٹ فون اور آپریٹنگ سسٹم کے ہر ممکن امتزاج پر جانچ کرنا عملی طور پر ناممکن ہے۔ ونڈوز موبائل ، آئی او ایس ، بلیک بیری او ایس اور سیانوجن او ایس کا ذکر نہ کرنے کے ل. ، Android کے نئے آلات تقریبا almost ہفتہ وار جہاز بھیجتے ہیں۔ البتہ ، آلات کے ایک کراس سیکشن کو جانچنا ضروری ہے ، اور آپ کو اس کو دوبارہ چلنے والا ، جاری عمل بنانے کا ارادہ کرنا چاہئے۔ صرف iOS کے خلاف ڈیزائن کرنے سے بھی بدتر کوئی چیز نہیں ہے ، پھر آپ کی تعمیر کے اختتام پر دریافت کیا جاسکتا ہے کہ Android ڈیوائسز آپ کے صفحے کو مقصد کے مطابق پیش نہیں کریں گے۔
27. بیٹری کی زندگی پر غور کریں
جب آپ موبائل کے لئے کسی ویب سائٹ کو ڈیزائن کررہے ہیں تو آپ کو بیٹری کی زندگی کے بارے میں فکر کرنے کی ضرورت محسوس ہوسکتی ہے ، لیکن آپ کے صارفین غور و فکر کرنے پر آپ کا شکریہ ادا کریں گے۔ یہ ایک ایسا مسئلہ ہے جس کے بارے میں ویب ڈیزائنرز کو آگاہ کرنے کی ضرورت ہے کیونکہ اسمارٹ فونز اور ٹیبلٹس میں محدود سائز کی بیٹریاں اور طاقتور پروسیسر موجود ہیں۔ آپ جتنا زیادہ پروسیسر کا کام کریں گے ، اتنی ہی اس کی بیٹری بھی ختم ہوجائے گی۔ یہ خاص طور پر سچ ہے جب آپ HTML5 خصوصیات جیسے جیو لوکیشنل پوزیشننگ ، یا پیچیدہ کینوس متحرک تصاویر کی پیش کش کرتے ہو تو ان اوزاروں کو تھوڑا سا استعمال کرنے کی کوشش کریں۔
28. حدود کو قبول کریں اور گلے لگائیں
موبائل پر مبنی ویب سائٹ میں ہر آخری کارکردگی کو گھمانے کی کوشش کرنے کی طرف راغب کیا جاتا ہے ، لیکن آپ کو یہ قبول کرنے کی ضرورت ہے کہ کچھ چیزیں پورٹیبل ڈیوائسز کے مقابلے میں ڈیسک ٹاپ مشینوں کے لئے زیادہ مناسب ہیں۔ اس کے برعکس ، موبائل آلات کچھ چیزوں پر ڈیسک ٹاپ سے کہیں زیادہ بہتر ہیں۔ مثال کے طور پر مقام سے واقف مواد ، موبائل کے لئے ایک مثالی ایپلی کیشن ہے ، لیکن ویب جی ایل کو پیش کرنا (فی الحال) ڈیسک ٹاپ پر سب سے بہتر رہ گیا ہے۔
29. متن ان پٹ کو کم سے کم کریں
زیادہ تر فونز اور گولیوں پر نسبتا آسانی کے ساتھ کچھ جملے یا پیراگراف لکھنا بالکل ممکن ہے ، لیکن یہ قطعی تفریحی تجربہ نہیں ہے۔ جدید ٹچ اسکرین ڈیوائسز پر یہ ایک بہت بڑا تعل processق مند عمل بھی ہے کیوں کہ ورچوئل کی بورڈ ویب مواد پر پاپ ہوتا ہے۔ صارف کی مایوسی کو کم کرنے کے ل aim ، آپ کو ویب شکلوں میں درکار ان پٹ کی مقدار کو کم سے کم کرنے کا مقصد بنائیں ، اور جہاں واقعی ضروری ہو اس بات کو یقینی بنائیں کہ آپ عملیات پر غور کریں: ممکن ہے کہ کوئی بھی آئی فون پر 2000 کے الفاظ کا مضمون سفاری میں ٹائپ کرے!
30. تبدیلی کی رفتار سے محبت کرتا ہوں
اسمارٹ فونز پر فیچرز کے حالیہ لائف سائیکل کے بارے میں ایک بہترین بات یہ ہے کہ یہ تیز رفتار ہے جس پر پلیٹ فارم تیار ہورہے ہیں۔ وہ تکنیک جو صرف چھ یا 12 ماہ قبل کام نہیں کرتی تھیں اب بالکل قابل عمل ہیں۔ اس کا نقصان یہ ہے کہ آپ آج جس کوڈ پر کام کرتے ہیں اس کی ضمانت ایک سال میں اب بھی کام کرنے کی نہیں ہے ، خاص طور پر اگر آپ جدید ٹیکنالوجی استعمال کر رہے ہیں۔ یقینی بنائیں کہ آپ کا مؤکل اسے سمجھتا ہے۔
معاونین: ڈین ایونز ، انا دہلسٹرöم اور سام ہیمپٹن اسمتھ
یہ اس مضمون کا تازہ ترین ورژن ہے جو پہلے تخلیقی بلق پر شائع کیا گیا تھا۔
- ڈیزائنرز اور devs کیلئے کروم کے سرفہرست ایکسٹینشنز
- ان ٹاپ ٹولز کے ساتھ کسی ویب سائٹ بلڈر کا انتخاب کریں
- ویب سائٹ ٹیمپلیٹس میں بہت بہترین دیکھیں
- صارف کی جانچ کا بہترین سافٹ ویئر دریافت کریں
- صارف کے تجربے کے لئے ہماری مرحلہ وار گائیڈ پڑھیں
