مداقه پیاده سازی کالا برای یوزرها با وب ضعیف و دستگاههای دیرین
در کشورایران قسمت متعددی از یوزرها با وب ضعیف یا این که موبایلهای زیرجایگاه از تولید ها دیجیتال به کارگیری مینمایند. هنگامی پیاده سازی کالا برای این موقعیت با صرفه نباشد، تجربیات مخاطب از به عبارتی لحظه اولیه تخریب میشود؛ شیت دیر بارگذاری میشود، دکمهها عکس العمل ندارند و مخاطب متاع را طراحی سایت در مشهد رخنه مینماید.
پژوهش ها گوگل نماد میدهد تأخیر بیش تر از سه ثانیه در بار گذاری، میتواند نیمی از یوزرها تلفن همراه را از ادامه به کار گیری پشیمان نماید. در بازار کشور ایران که سرعت و طاقت فرساافزار هنوز محصور میباشد، این عدد بیشتر میباشد.
محصولاتی مثل دیوار یا این که روبیکا با رابط معمولی و مدل، دقیقاً به همین برهان پیروز گردیدهاند: سعی سرازیر در طاقت فرساترین وضعیت.
بیشتر بخوانید: “Persuasive design: چطور محصولی متقاعد کننده پیاده سازی کنیم؟“
اصول پیاده سازی جنس برای وضعیت محصور
هنگامی یوزرها با وب نماید یا این که موبایلهای ضعیف از جنس به کار گیری مینمایند، هر تصویر هنگفت یا این که افکت مازاد میتواند تجربیات را حاد نماید.
در اینگونه قوانینی، مقصود اساسی پیاده سازی بایستی آسانی، سرعت و پایداری باشد.
درپی یکسری اصل اصلی را مرور میکنیم که امداد مینمایند تجربیات استفاده کننده، حتیدر محدودترین موقعیت، سرازیر و قابلپشت گرمی بماند.
۱. بی آلایشسازی رابط کاربری
رابطهای کاربری نامرتب، ممکن ایت جذابیت بصری داشته باشند ولی در اکثر اوقات مواقع همت را کندتر مینمایند. پیاده سازی مدل با دقت بر مسیرهای اساسی استفاده کننده سبب میگردد جنس سریعخیس بارگذاری خواهد شد و تعاملات مخاطب با کالا هم فارغ از تأخیر اجرا شوند. پس بهمکان استعمال از المانهای دکوری، روی وضوح، ترتیب داده ها و آسانی تکان استفاده کننده تمرکز فرمائید.
۲. باصرفهسازی تصاویر و پوشهها
بیشترین مجال لود معمولاً صرف تصاویر میگردد. قبل از آپلود، اندازه و فرمت آنانرا متناسب با کاربردشان تهیه و تنظیم فرمایید؛ از فرمتهای فشرده مثل WebP استعمال نمائید و آیکونها را تا حد قابلیت به SVG تبدیل نمایید. همینطور لود تدریجی تصاویر (Lazy Loading) سبب ساز می شود محتوای اساسی سریعخیس اکران داده گردد.
۳. پیاده سازی با منش Offline-first
یوزرها در جمهوری اسلامی ایران اکثر اوقات با انقطاع و وصل مداوم وب مواجهاند. دراینصورت، پیاده سازی می بایست طوری باشد که نصیبهای کلیدی کالا (مثل واپسین دادهها یا این که هیبتهای ذخیرهگردیده) سوای اتصال وب هم فعالیت نمایند. اکران پیامهای بدیهی مثل «در وضعیت آفلاین می باشید» سبب میگردد مخاطب احساس سردرگمی نداشته باشد.
۴. استعمال از PWA برای کوشش سریعخیس
نرم افزارهای زیر اینترنت پیشرونده (PWA) خط مشحلی خوب برای ارائه تجربیاتای سریع و مدل میباشند. PWAها می توانند دادهها را ذخیره نمایند، فارغ از اتصال هم جاری ساختن شوند و روی مرورگر، احساس نرم افزار تلفن همراه حقیقی را ساختوساز نمایند. برای اکثری از تولیدات اهل ایران، PWA آیتمای ارزان و کارآمدتر از نرم افزار میباشد.
۵. دوری از افکتها و فونتهای هنگفت
فونتهای سفارشی، سایهها و افکتهای گوناگون ممکن میباشد جالب به لحاظ برسند، البته در دستگاههای ضعیف سبب ساز کندی یا این که افت قاب می شوند. خوب میباشد از فونتهای استاندارد سیستم یا این که ورژنهای باصرفهگردیده مصرف شود تا ظواهر فرآورده پاک بماند و سرعت افت نکند.
الگوهای پیشنهادی پیاده سازی برای موقعیت محصور
اگر سرعت وب ذیل میباشد یا این که مال روی دستگاههای ضعیف ایفا می شود، صرفا مدلکردن رابط یا این که کاهش وسعت پوشهها کفاف نمی دهد.
در بخش اعظمی از تولیدات، برای رئیس تجارب مخاطب درین موقعیت از الگوهای پیاده سازی به کارگیری میگردد؛ الگوهایی که ساختار تعامل را تمجید مینمایند و امداد مینمایند مال حتی با منابع محصور قابلبه کارگیری بماند.
درپی تعدادی الگوی اساسی که در پیاده سازیهای حرفه ای کاربرد دارا هستند را تحقیق می کنیم:
۱. لود اسکلت شیت
درین سر مشق، قبل از آنکه محتوای حقیقی وواقعی لود گردد، ورژنای معمولی و خاکستری از ساختار برگه اکران داده می گردد تا استفاده کننده بداند مراحل بارگذاری در هم اکنون ایفا میباشد. اکران اسکلت محتوا منجر میگردد بهمکان مواجهه با ورقه سپید یا این که رابطی که ظاهراً متوقف گردیده، مخاطب یک طرح اول آشنا ببیند و فهم و شعور نماید کالا در هم اکنون پردازش میباشد. این فعالیت شم انتظار را کوتاهخیس مینماید و تجربیات را حتیدر سرعتهای تحت کانال، سرازیرخیس و قابلپیشبینیخیس جلوه می دهد.
۲. تهیه و تنظیم چگونگی بر طبق با طاقت فرساافزار
دراین سرمشق، مال طوری پیاده سازی می شود که حتی درحالتی که دشوارافزار مخاطب ضعیف باشد یا این که کانال در گیر محدودیت گردد، همچنان ورژنای استوار و قابلاستعمال ارائه دهد. در اینگونه قوانینی، قسمتهای هنگفت مانند کارتنها، افکتهای بصری یا این که دادههای حجیم بهشکل خود کار غیرفعال میشوند تا فشار کمتری به دستگاه وارد خواهد شد، البته مسیرهای اساسی و تجارب مبنا مخاطب به به عبارتی صورت قابل انجام باقی بماند. فیض این میباشد که مخاطب—حتی با کمترین تجهیزات—جریان اساسی مال را سوای نقص تجربیات مینماید.
۳. بهبود تدریجی تلاش
دراین سر مشق، پیاده سازی از یک ورژن بی آلایش و اساس استارت میشود؛ ورژنای که در هر قوانینی—حتی با طاقت فرساافزار ضعیف یا این که وب نماید—قابلمتکی بودن و تماماً قابل استعمال میباشد. بعد از آن درصورتی که دستگاه استفاده کننده قدرت بیشتری داشته باشد یا این که کانال پایدارتر باشد، امکانهای توسعه یافتهخیس مانند برنامه کودکها، جزئیات بصری یا این که دادههای تکمیلی بهشکل تدریجی فعال میگردند. غرض این راه و روش آن میباشد که تجارب اساسی مال هیچگاه متعلق به تجهیزات مازاد نباشد و خصوصیتهای هنگفت صرفا بهتیتر مزیت تکمیلی در مشت یوزرها با موقعیت خوب قرار گیرد.
مداقه پیاده سازی کالا برای یوزرها با وب ضعیف و دستگاههای دیرین
در کشورایران قسمت متعددی از یوزرها با وب ضعیف یا این که موبایلهای زیرجایگاه از تولید ها دیجیتال به کارگیری مینمایند. هنگامی پیاده سازی کالا برای این موقعیت با صرفه نباشد، تجربیات مخاطب از به عبارتی لحظه اولیه تخریب میشود؛ شیت دیر بارگذاری میشود، دکمهها عکس العمل ندارند و مخاطب متاع را طراحی سایت در مشهد رخنه مینماید.
پژوهش ها گوگل نماد میدهد تأخیر بیش تر از سه ثانیه در بار گذاری، میتواند نیمی از یوزرها تلفن همراه را از ادامه به کار گیری پشیمان نماید. در بازار کشور ایران که سرعت و طاقت فرساافزار هنوز محصور میباشد، این عدد بیشتر میباشد.
محصولاتی مثل دیوار یا این که روبیکا با رابط معمولی و مدل، دقیقاً به همین برهان پیروز گردیدهاند: سعی سرازیر در طاقت فرساترین وضعیت.
بیشتر بخوانید: “Persuasive design: چطور محصولی متقاعد کننده پیاده سازی کنیم؟“
اصول پیاده سازی جنس برای وضعیت محصور
هنگامی یوزرها با وب نماید یا این که موبایلهای ضعیف از جنس به کار گیری مینمایند، هر تصویر هنگفت یا این که افکت مازاد میتواند تجربیات را حاد نماید.
در اینگونه قوانینی، مقصود اساسی پیاده سازی بایستی آسانی، سرعت و پایداری باشد.
درپی یکسری اصل اصلی را مرور میکنیم که امداد مینمایند تجربیات استفاده کننده، حتیدر محدودترین موقعیت، سرازیر و قابلپشت گرمی بماند.
۱. بی آلایشسازی رابط کاربری
رابطهای کاربری نامرتب، ممکن ایت جذابیت بصری داشته باشند ولی در اکثر اوقات مواقع همت را کندتر مینمایند. پیاده سازی مدل با دقت بر مسیرهای اساسی استفاده کننده سبب میگردد جنس سریعخیس بارگذاری خواهد شد و تعاملات مخاطب با کالا هم فارغ از تأخیر اجرا شوند. پس بهمکان استعمال از المانهای دکوری، روی وضوح، ترتیب داده ها و آسانی تکان استفاده کننده تمرکز فرمائید.
۲. باصرفهسازی تصاویر و پوشهها
بیشترین مجال لود معمولاً صرف تصاویر میگردد. قبل از آپلود، اندازه و فرمت آنانرا متناسب با کاربردشان تهیه و تنظیم فرمایید؛ از فرمتهای فشرده مثل WebP استعمال نمائید و آیکونها را تا حد قابلیت به SVG تبدیل نمایید. همینطور لود تدریجی تصاویر (Lazy Loading) سبب ساز می شود محتوای اساسی سریعخیس اکران داده گردد.
۳. پیاده سازی با منش Offline-first
یوزرها در جمهوری اسلامی ایران اکثر اوقات با انقطاع و وصل مداوم وب مواجهاند. دراینصورت، پیاده سازی می بایست طوری باشد که نصیبهای کلیدی کالا (مثل واپسین دادهها یا این که هیبتهای ذخیرهگردیده) سوای اتصال وب هم فعالیت نمایند. اکران پیامهای بدیهی مثل «در وضعیت آفلاین می باشید» سبب میگردد مخاطب احساس سردرگمی نداشته باشد.
۴. استعمال از PWA برای کوشش سریعخیس
نرم افزارهای زیر اینترنت پیشرونده (PWA) خط مشحلی خوب برای ارائه تجربیاتای سریع و مدل میباشند. PWAها می توانند دادهها را ذخیره نمایند، فارغ از اتصال هم جاری ساختن شوند و روی مرورگر، احساس نرم افزار تلفن همراه حقیقی را ساختوساز نمایند. برای اکثری از تولیدات اهل ایران، PWA آیتمای ارزان و کارآمدتر از نرم افزار میباشد.
۵. دوری از افکتها و فونتهای هنگفت
فونتهای سفارشی، سایهها و افکتهای گوناگون ممکن میباشد جالب به لحاظ برسند، البته در دستگاههای ضعیف سبب ساز کندی یا این که افت قاب می شوند. خوب میباشد از فونتهای استاندارد سیستم یا این که ورژنهای باصرفهگردیده مصرف شود تا ظواهر فرآورده پاک بماند و سرعت افت نکند.
الگوهای پیشنهادی پیاده سازی برای موقعیت محصور
اگر سرعت وب ذیل میباشد یا این که مال روی دستگاههای ضعیف ایفا می شود، صرفا مدلکردن رابط یا این که کاهش وسعت پوشهها کفاف نمی دهد.
در بخش اعظمی از تولیدات، برای رئیس تجارب مخاطب درین موقعیت از الگوهای پیاده سازی به کارگیری میگردد؛ الگوهایی که ساختار تعامل را تمجید مینمایند و امداد مینمایند مال حتی با منابع محصور قابلبه کارگیری بماند.
درپی تعدادی الگوی اساسی که در پیاده سازیهای حرفه ای کاربرد دارا هستند را تحقیق می کنیم:
۱. لود اسکلت شیت
درین سر مشق، قبل از آنکه محتوای حقیقی وواقعی لود گردد، ورژنای معمولی و خاکستری از ساختار برگه اکران داده می گردد تا استفاده کننده بداند مراحل بارگذاری در هم اکنون ایفا میباشد. اکران اسکلت محتوا منجر میگردد بهمکان مواجهه با ورقه سپید یا این که رابطی که ظاهراً متوقف گردیده، مخاطب یک طرح اول آشنا ببیند و فهم و شعور نماید کالا در هم اکنون پردازش میباشد. این فعالیت شم انتظار را کوتاهخیس مینماید و تجربیات را حتیدر سرعتهای تحت کانال، سرازیرخیس و قابلپیشبینیخیس جلوه می دهد.
۲. تهیه و تنظیم چگونگی بر طبق با طاقت فرساافزار
دراین سرمشق، مال طوری پیاده سازی می شود که حتی درحالتی که دشوارافزار مخاطب ضعیف باشد یا این که کانال در گیر محدودیت گردد، همچنان ورژنای استوار و قابلاستعمال ارائه دهد. در اینگونه قوانینی، قسمتهای هنگفت مانند کارتنها، افکتهای بصری یا این که دادههای حجیم بهشکل خود کار غیرفعال میشوند تا فشار کمتری به دستگاه وارد خواهد شد، البته مسیرهای اساسی و تجارب مبنا مخاطب به به عبارتی صورت قابل انجام باقی بماند. فیض این میباشد که مخاطب—حتی با کمترین تجهیزات—جریان اساسی مال را سوای نقص تجربیات مینماید.
۳. بهبود تدریجی تلاش
دراین سر مشق، پیاده سازی از یک ورژن بی آلایش و اساس استارت میشود؛ ورژنای که در هر قوانینی—حتی با طاقت فرساافزار ضعیف یا این که وب نماید—قابلمتکی بودن و تماماً قابل استعمال میباشد. بعد از آن درصورتی که دستگاه استفاده کننده قدرت بیشتری داشته باشد یا این که کانال پایدارتر باشد، امکانهای توسعه یافتهخیس مانند برنامه کودکها، جزئیات بصری یا این که دادههای تکمیلی بهشکل تدریجی فعال میگردند. غرض این راه و روش آن میباشد که تجارب اساسی مال هیچگاه متعلق به تجهیزات مازاد نباشد و خصوصیتهای هنگفت صرفا بهتیتر مزیت تکمیلی در مشت یوزرها با موقعیت خوب قرار گیرد.
ابزارها و شیوههای یافتن شایسته ترین مجال پست گذاشتن در اینستاگرام