ایچ ٹی ایم ایل ای میل ڈیزائن کے چیلنجز (اور مایوسیوں) کو سمجھنا
اگر آپ ویب صفحات بنانے کے لیے مواد کے انتظام کے نظام کو کھولتے ہیں، تو یہ بہت آسان عمل ہے۔ جدید ویب براؤزر سپورٹ کرتے ہیں۔ HTML, CSS، اور جاوا اسکرپٹ کو سخت ویب معیارات پر۔ اور وہ صرف مٹھی بھر براؤزر ہیں جن کے بارے میں ڈیزائنرز کو فکر کرنے کی ضرورت ہے۔ یقیناً مستثنیات ہیں… اور ان براؤزرز کے لیے مخصوص کچھ آسان کام یا افعال۔
مجموعی معیارات کی وجہ سے، مواد کے انتظام کے نظام میں صفحہ بنانے والوں کو تیار کرنا سیدھا سیدھا ہے۔ براؤزرز HTML5، CSS، اور JavaScript کی تعمیل کرتے ہیں… اور ڈویلپرز ایسے ویب صفحات بنانے کے لیے ناقابل یقین حد تک مضبوط حل تیار کر سکتے ہیں جو آلات کے لیے جوابدہ ہوں اور براؤزرز میں یکساں ہوں۔ دو دہائیاں پہلے، عملی طور پر ہر ویب ڈیزائنر ویب صفحات تیار کرنے کے لیے ڈیسک ٹاپ سافٹ ویئر استعمال کرتا تھا۔ اب، ویب ڈیزائنر کے لیے ویب صفحہ تیار کرنا کافی غیر معمولی بات ہے – زیادہ تر نہیں، وہ ٹیمپلیٹس تیار کر رہے ہیں اور مواد کو بھرنے کے لیے مواد کے نظام میں ایڈیٹرز کا استعمال کر رہے ہیں۔ ویب سائٹ ایڈیٹرز لاجواب ہیں۔
لیکن ای میل ایڈیٹرز بری طرح پیچھے ہیں۔ یہاں ہے کیوں…
HTML ای میلز کو ڈیزائن کرنا ویب سائٹ کے مقابلے میں کہیں زیادہ پیچیدہ ہے۔
اگر آپ کی کمپنی ایک خوبصورت HTML ای میل ڈیزائن کرنا چاہتی ہے، تو یہ عمل کئی وجوہات کی بنا پر ویب صفحہ بنانے سے کہیں زیادہ پیچیدہ ہے:
- کوئی معیار نہیں۔ - HTML ای میل ظاہر کرنے والے ای میل کلائنٹس کے ذریعہ ویب معیارات پر کوئی سختی سے عمل نہیں کیا جاتا ہے۔ عملی طور پر ہر ای میل کلائنٹ اور ہر ای میل کلائنٹ کا ہر ورژن مختلف طریقے سے کام کرتا ہے۔ کچھ CSS، بیرونی فونٹس، اور جدید HTML کا احترام کریں گے۔ دوسرے کچھ ان لائن اسٹائل کا احترام کرتے ہیں، صرف فونٹس کا مجموعہ ظاہر کرتے ہیں، اور ٹیبل سے چلنے والے ڈھانچے کے علاوہ ہر چیز کو نظر انداز کرتے ہیں۔ یہ کافی مضحکہ خیز ہے کہ کوئی بھی اس مسئلے پر کام نہیں کر رہا ہے۔ نتیجے کے طور پر، ایسے ٹیمپلیٹس کو ڈیزائن کرنا جو کلائنٹس اور آلات پر مسلسل پیش کرتے ہیں ایک بڑا کاروبار بن گیا ہے اور کافی مہنگا ہو سکتا ہے۔
- ای میل کلائنٹ سیکیورٹی - حال ہی میں، ایپل میل کو HTML ای میلز میں تمام تصاویر کو بطور ڈیفالٹ بلاک کرنے کے لیے اپ ڈیٹ کیا گیا ہے جو ای میل میں سرایت شدہ نہیں ہیں۔ آپ یا تو انہیں ایک وقت میں ای میل لوڈ کرنے کی اجازت دیتے ہیں یا اس ترتیب کو غیر فعال کرنے کے لیے ترتیبات کو فعال کرنا ہوگا۔ ای میل کلائنٹ کی حفاظتی ترتیبات کے ساتھ، کارپوریٹ ترتیبات بھی ہیں۔
- آئی ٹی سیکیورٹی - آپ کی IT ٹیم اس بات پر سخت قواعد وضع کر سکتی ہے کہ ای میل میں اصل میں کن اشیاء کو پیش کیا جا سکتا ہے۔ اگر آپ کی تصاویر، مثال کے طور پر، کسی مخصوص ڈومین سے آتی ہیں جو کارپوریٹ فائر وال میں وائٹ لسٹ نہیں ہوتی، تو تصاویر آپ کے ای میل میں ظاہر نہیں ہوں گی۔ بعض اوقات، ہمیں کارپوریشن کے سرور پر ای میلز تیار کرنے اور تمام تصاویر کی میزبانی کرنی پڑتی ہے تاکہ ان کے اپنے ملازمین تصاویر دیکھ سکیں۔
- ای میل سروس فراہم کرنے والے - معاملات کو مزید خراب کرنے کے لیے، ای میل بنانے والے جو ای میل سروس فراہم کرنے والے (ESPs) درحقیقت مسائل کو محدود کرنے کی بجائے متعارف کرواتے ہیں۔ جب کہ وہ اپنے ایڈیٹر کی تشہیر کرتے ہیں وہ جو آپ دیکھتے ہیں وہی آپ حاصل کرتے ہیں (WYSIWYG)، ای میل ڈیزائن کے ساتھ اکثر اس کے برعکس ہوتا ہے۔ آپ ان کے پلیٹ فارم میں ای میل کا جائزہ لیں گے، اور وصول کنندہ کو ڈیزائن کے تمام مسائل نظر آئیں گے۔ کمپنیاں اکثر نادانستہ طور پر لاک ڈاؤن ایڈیٹر کے بجائے فیچر سے بھرپور ایڈیٹر کا انتخاب کرتی ہیں، یہ سوچ کر کہ کسی کے پاس مزید خصوصیات ہیں۔ اس کے برعکس سچ ہے… اگر آپ ایسی ای میلز چاہتے ہیں جو تمام ای میل کلائنٹس میں مستقل طور پر پیش ہوں، اتنا ہی آسان، بہتر، کیونکہ کم غلط ہوسکتا ہے۔
- ای میل کلائنٹ رینڈرنگ - سیکڑوں ای میل کلائنٹس ڈیسک ٹاپس، ایپس، موبائل آلات اور ویب میل کلائنٹس پر HTML کو مختلف انداز میں پیش کرتے ہیں۔ اگرچہ آپ کے ای میل سروس فراہم کنندہ پر آپ کے نفٹی ٹیکسٹ ایڈیٹر میں آپ کے ای میل میں سرخی لگانے کی ترتیب ہو سکتی ہے، پیڈنگ، مارجن، لائن کی اونچائی، اور فونٹ کا سائز ہر ای میل کلائنٹ کے لیے مختلف ہو سکتا ہے۔ نتیجے کے طور پر، آپ کو HTML کو گونگا کرنا ہوگا اور ہر ایک عنصر کو مختلف طریقے سے کوڈ کرنا ہوگا (ذیل میں دی گئی مثال دیکھیں) - اور اکثر مستثنیات میں لکھنا پڑتا ہے جو ای میل کلائنٹ کے لیے مخصوص ہوتے ہیں - مستقل طور پر رینڈر کرنے کے لیے ای میل حاصل کرنے کے لیے۔ یہاں کوئی سادہ بلاک قسمیں نہیں ہیں، آپ کو ٹیبل سے چلنے والے لے آؤٹس کرنا ہوں گے جو تیس سال پہلے ویب کے لیے بنانے کے برابر ہیں۔ یہی وجہ ہے کہ کسی بھی نئے لے آؤٹ کے لیے ترقی اور کراس ای میل کلائنٹ اور ڈیوائس ٹیسٹنگ دونوں کی ضرورت ہوتی ہے۔ جو کچھ آپ اپنے ان باکس میں دیکھتے ہیں وہ بالکل مختلف ہو سکتا ہے جو میں اپنے ان باکس میں دیکھ رہا ہوں۔ اس لیے رینڈرنگ ٹولز جیسے ایسڈ پر ای میل کریں۔ or لٹمس یہ یقینی بنانے کے لیے ضروری ہے کہ آپ کے نئے ڈیزائن تمام ای میل کلائنٹس پر کام کریں۔ یہاں مشہور ای میل کلائنٹس اور ان کے رینڈرنگ انجنوں کی ایک مختصر فہرست ہے:
- ایپل میل، آؤٹ لک برائے میک، اینڈرائیڈ میل اور iOS میل کا استعمال ویب کٹ.
- آؤٹ لک 2000، 2002 اور 2003 استعمال کرتے ہیں۔ انٹرنیٹ ایکسپلورر.
- آؤٹ لک 2007، 2010 اور 2013 استعمال کرتے ہیں۔ مائیکروسافٹ ورڈ (ہاں، لفظ!)
- ویب میل کلائنٹس اپنے براؤزر کا متعلقہ انجن استعمال کرتے ہیں (مثال کے طور پر، سفاری ویب کٹ استعمال کرتا ہے اور کروم بلنک استعمال کرتا ہے)۔
ویب بمقابلہ HTML کی ایک مثال۔ ای میل
اگر آپ کوئی ایسی مثال چاہتے ہیں جو ای میل بمقابلہ ویب میں ڈیزائننگ کی پیچیدگی کو واضح کرتی ہو، تو میل بیکری کے مضمون سے یہ ایک بہترین مثال ہے۔ ای میل اور ویب ایچ ٹی ایم ایل کے درمیان 19 بڑے فرق:
HTML کو ای میل کریں۔
ہمیں بٹن کو صحیح طریقے سے رکھنے اور یہ یقینی بنانے کے لیے ضروری ہے کہ تمام ان لائن اسٹائل کو شامل کرتے ہوئے ٹیبلز کا ایک سلسلہ بنانا چاہیے اور یہ یقینی بنانا چاہیے کہ یہ تمام ای میل کلائنٹس میں اچھا لگ رہا ہے۔ کلاسوں کو شامل کرنے کے لیے اس ای میل کے اوپری حصے میں ایک ساتھ والا اسٹائل ٹیگ بھی ہوگا۔
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="left">
<table border="0" cellspacing="0" cellpadding="0" bgcolor="#43756e">
<tr>
<td class="text-button" style="padding: 5px 20px; color:#ffffff; font-family: 'Oswald', Arial, sans-serif; font-size:14px; line-height:20px; text-align:center; text-transform:uppercase;">
<a href="#" target="_blank" class="link-white" style="color:#ffffff; text-decoration:none"><span class="link-white" style="color:#ffffff; text-decoration:none">Find Out More</a>
</td>
</tr>
</table>
</td>
</tr>
</table>
ویب ایچ ٹی ایم ایل
بٹن کے طور پر ظاہر ہونے والے اینکر ٹیگ کے کیس، الائنمنٹ، رنگ اور سائز کی وضاحت کے لیے ہم کلاسز کے ساتھ ایک بیرونی اسٹائل شیٹ استعمال کر سکتے ہیں۔
<div class="center">
<a href="#" class="button">Find Out More</a>
</div>
ای میل ڈیزائن کے مسائل سے کیسے بچیں۔
ای میل ڈیزائن کے مسائل کو ایک مہذب عمل کی پیروی کرکے بچا جا سکتا ہے:
- ٹیمپلیٹ ٹیسٹنگ - ان ای میل کلائنٹس کو سمجھنا جنہیں آپ کے سبسکرائبرز استعمال کرتے ہیں اور اس بات کو یقینی بنانا کہ آپ کا HTML ای میل موبائل اور ڈیسک ٹاپ پر مکمل طور پر ٹیسٹ کیا گیا ہے کسی بھی ٹیمپلیٹ کو تعینات کرنے سے پہلے بہت ضروری ہے۔ ہم فوٹوشاپ لے آؤٹ سے ایک ای میل کو لفظی طور پر ڈیزائن کر سکتے ہیں… لیکن اسے ایک ٹیبل پر چلنے والے، کراس ای میل کلائنٹ میں کاٹنا اور ڈائس کرنا ایسے ای میل ڈیزائنز کو تعینات کرنے کے لیے ضروری ہے جو زیادہ سے زیادہ اور مستقل ہوں۔
- اندرونی جانچ - ایک بار جب آپ کی ٹیمپلیٹ ڈیزائن اور جانچ ہو جاتی ہے، تو اسے تنظیم کے اندر ایک اندرونی بیج کی فہرست کو جائزہ لینے اور منظور کرنے کے لیے بھیجا جانا چاہیے۔ یہاں تک کہ آپ لوگوں کے ایک بہت ہی محدود ذیلی سیٹ کے ساتھ شروع کرنا چاہیں گے تاکہ پہلے یہ یقینی بنایا جا سکے کہ ای میل کو اندرونی طور پر پیش کرنے سے وابستہ فائر وال یا سیکیورٹی کے مسائل نہیں ہیں۔ اگر یہ ایک نئے ای میل سروس فراہم کنندہ پر ایک مثال تیار کر رہا ہے، تو آپ کو فلٹرنگ یا بلاک کرنے کے مسائل بھی مل سکتے ہیں یہاں تک کہ آپ کے ای میل کو ان باکس میں پہنچانے سے بھی وابستہ ہیں۔
- ٹیمپلیٹ ورژننگ – اپنی ٹیمپلیٹ کے نئے ورژن پر کام کیے بغیر اپنے لے آؤٹ یا ڈیزائن کو تبدیل نہ کریں جسے ڈیزائن، مناسب طریقے سے جانچا اور تعینات کیا جا سکے۔ بہت سے کاروبار ہر مہم کے لیے یک طرفہ ڈیزائن پسند کرتے ہیں… لیکن اس کے لیے ضروری ہے کہ ہر ای میل کو ہر مہم کے لیے ڈیزائن، تیار، اور تعینات کیا جائے۔ یہ ای میل مارکیٹنگ کے اندرونی عمل میں ایک ٹن وقت کا اضافہ کرتا ہے۔ اور، آپ کو یہ نہ سمجھنے کا خطرہ ہے کہ آپ کے ای میل میں کون سے عناصر بہتر کارکردگی کا مظاہرہ کر رہے ہیں جو عناصر نہیں ہیں۔ مستقل مزاجی صرف عمل کو آسان بنانے کا ایک طریقہ نہیں ہے، یہ آپ کے سبسکرائبرز کے رویے کے لیے بھی اہم ہے۔
- ای میل سروس فراہم کنندہ کی مستثنیات - عملی طور پر ہر ای میل سروس فراہم کرنے والے کے پاس ان مسائل کے بارے میں کام کرنے کا ایک ذریعہ ہوتا ہے جو ان کا ای میل بلڈر متعارف کراتا ہے۔ ہم اکثر کسی اکاؤنٹ میں خام سی ایس ایس شامل کر سکتے ہیں – یا یہاں تک کہ ایک مواد بلاک بھی رکھ سکتے ہیں جسے ہر ای میل میں شامل کرنا ہوتا ہے – تاکہ کمپنی بلٹ ان ای میل ایڈیٹر کو استعمال کر سکے اور اسے آپ کے ای میل کے ڈیزائن میں خلل نہ پڑے۔ بلاشبہ، اس کے لیے ان اقدامات کو متعین کرنے کے لیے کچھ تربیت اور عمل کے کنٹرول کی ضرورت ہو سکتی ہے تاکہ یہ یقینی بنایا جا سکے کہ ان کی تعمیل ہو رہی ہے۔ یا - آپ لفظی طور پر صرف اپنے ای میل ڈیزائن کو ایک ایسے حل میں تیار کرنا چاہتے ہیں جو کلائنٹس اور آلات پر کام کرنے کے لیے ثابت ہو، پھر اسے واپس اپنے ای میل سروس فراہم کنندہ میں چسپاں کریں۔
ای میل ڈیزائن پلیٹ فارمز
چونکہ ای میل سروس پلیٹ فارمز نے کراس کلائنٹ اور کراس ڈیوائس کو مستقل طور پر پیش کیے جانے والے بلڈرز کو بنانے اور برقرار رکھنے میں ناقص کام کیا ہے، اس لیے بہت سے بہترین پلیٹ فارمز مارکیٹ میں آ چکے ہیں۔ ایک جسے ہم نے بڑے پیمانے پر استعمال کیا ہے۔ سٹرپو۔.
Stripo صرف ایک ای میل بلڈر نہیں ہے، ان کے پاس 900 سے زیادہ ٹیمپلیٹس کی لائبریری بھی ہے جسے آسانی سے درآمد کیا جا سکتا ہے۔ ای میل ڈیزائن کرنے کے بعد، آپ 60+ ESPs، اور ای میل کلائنٹس کو ای میل کر سکتے ہیں، بشمول Intuit Mailchimp, HubSpot, مہم مانیٹر, اویبار, eSputnik آؤٹ لک، اور Gmail کے. سب سے بہترین Stripo ٹیمپلیٹس ای میل رینڈرنگ ٹیسٹ کے ساتھ آتے ہیں تاکہ آپ یہ یقینی بنا سکیں کہ ان کا تجربہ کیا گیا ہے اور 40 سے زیادہ ای میل کلائنٹس میں مستقل طور پر کام کرتے ہیں۔