user-interface-a.jpg
۲۱/مرداد/۱۳۹۷

محتوا، نمایش‌دهنده قلب و ماهیت یک وبسایت است. بنابراین یکی از بهترین راه‌ها برای کمک به تجربه کاربری وبسایت این است که محتوای بهتری را ارائه دهید. در این مطلب قصد داریم شما را با ۹ راه آشنا کنیم.

بیشتر کاربران تنها برای دسترسی‌ پیدا کردن به محتوا و اطلاعاتی که می‌خواهند وارد وبسایت می‌شوند، بنابراین در وهله اول تجربه کاربری مثبتی که آن‌ها دنبال‌ش هستند، سریع پیدا شدن محتوا و سرراست بودن آن ها است.

۱- «شما» را محوریت قرار دهید

طراحی کاربر محور به این معنا است که چیزی را بسازید که مشتریان نیاز دارند، بنابراین با این کار آن‌ها عاشق محصول شما خواهند بود. استراتژی‌های مدرن برای محتوا دقیقا روی چنین چیزی تمرکز دارد، به همین دلیل است که طرفداران کلمه «شما» بسیار زیاد است.

هدف‌تان ایجاد تجربه کاربری فریبنده و جذابی است، درست است؟ تجربه‌ای که باعث می‌شود مردم فکر کنند بخشی از کار شما هستند. این دقیقا قدرت کلمه «شما» است.

بسیاری از اوقات وبسایت‌ها قدرت این کلمه ساده را نادیده می‌گیرند. به عنوان مثال آن‌ها می‌نویسند: «بروزرسانی‌ها را می‌توان از طریق پنل رویدادها مشاهده کرد»

این جمله بسیار ساده و واضح است تا اینجای کار هم خوب است اما به نظر می‌رسد که یک ربات دارد حرف می‌زند و هیچ آدمیتی در آن قرار ندارد، به همین دلیل ممکن است کاربران بسیار با آن نتوانند ارتباط برقرار کنند. اما می‌شود این جمله را به این صورت نیز نوشت: «شما می‌توانید بروزرسانی‌ها را در پنل رویدادها مشاهده کنید».

چنین تغییرات کوچک ولی معناداری می‌توانند تاثیر بسیار زیادی روی محصول شما داشته باشند.

۲. «ما» را محوریت قرار ندهید

برخی اوقات یک شرکت یا تجارت محصول جدیدی را معرفی می‌کنند و در معرفی آن با جمله «ما هیجان زده هستیم که می‌خواهیم …» یا جملات مشابه کار را شروع می‌کنند.

بسیار ساده‌تر بگویم؛ یک مشتری نمی‌خواهد بداند که شما چه کاری انجام داده‌اید، او تنها می‌خواهد بداند که محصول چه کمکی به مشتری یا خودش می‌کند. بنابراین برای وی اهمیتی ندارد که شما چه تیم برنامه‌نویسی هستید و یا اینکه چه مقدار زمان برای کار کردن روی این پروژه صرف کرده‌اید.

شما به عنوان یک شرکت یا یک تجارت محصول‌تان را به مشتری می‌فروشید نه تیم‌تان، اگر مشتریان محصولات شما را خریداری نکنند به این معناست که تمام تلاش‌های سخت تیم و شرکت اشتباه بوده است.

سعی کنید همین الان به مطالب وبلاگی، توییت‌ها و تمام موارد دیگری که قبلا برای شرکت نوشته‌اید نگاه کنید. ببینید از حالت «ما» محور استفاده کرده‌اید؟ اگر به این صورت است پس از این به بعد سعی کنید که همه چیز را براساس محوریت قرار دادن کاربران انجام دهید.

۳. شبیه به هوشمندها نباشید، هوشمند باشید!

نیازی نیست که برای یک جمله بزرگ از کلمات پیچیده و بزرگ استفاده کنید. در حقیقت هوشمند بودن به این معنا است که بتوانید مفهومی را در ساده‌ترین حالت ممکن بیان کنید.

آلبرت انیشتین می‌گوید که تمام تئوری‌های فیزیک باید در حدی ساده شوند که حتی یک کودک هم بتواند متوجه آن‌ها شود. بنابراین اگر یک فیزیک‌دان بتوان به صورتی ساده تئوری رشته را برای یک کودک توضیح بدهد، پس قطعا می‌توانید اپلیکیشن شما را نیز به هرکسی معرفی کند.

کلمات بزرگ و پیچیده باعث می‌شوند که کاربران سرخورده شوند و سرگیجه بگیرند. بیگانگی و گیجی مطمئنا در نهایت تجربه کاربری خوبی را از خود بجای نمی‌گذارند.

برای مثال من می‌توانم بگویم که من یک disestablishmentarian هستم، با این حال می‌توانم به صورت ساده‌تر بگویم که من وظیفه تفکیک کلیساها و مکان‌ آن‌ها از همدیگرم.

پس همواره سعی کنید از چیزی که نشان می‌دهید و می‌گویید هوشمندانه‌تر رفتار کنید.

۴. محتوای‌تان را با صدای بلند بخوانید

همیشه به یاد داشته باشید که یک محتوای خوب، خواندن خوبی نیز دارد. به این معنا که وقتی آن را با صدای بلند می‌خوانید جذابیت بالایی با خود دارد. وقتی از خوب بودن صحبت می‌کنم منظورم طبیعی بودن و قابلیت گفتگو داشتن است. درست مانند یک انسان که با آن حرف می‌زنید.

البته اگر در شرکت هستید چنین کاری برای شما مقدور نخواهد بود، بنابراین سعی کنید که یک مکان خصوصی برای خودتان پیدا کنید و از آنجا این کارها را انجام دهید.

اگر حوصله خواندن متن را ندارید و یا اینکه چنین کاری برای‌تان مقدور نیست، می‌توانید از بات‌هایی استفاده کنید که متن را برای شما می‌خوانند.

۵. موارد اضافی را حذف کنید

یک تکنیک کلی وجود دارد که هر ویراستار خوبی از آن استفاده می‌کند: برای داشتن محتوای خوب، هر قسمتی که نالازم باشد، باید آن را حذف نمود.

هر کلمه‌ای که در یک مقاله استفاده می‌کنید باید یک داستان در آن نهفته باشد و به جریان داستان کلی کمک کند.

بنابراین کلمات و جملاتی را که لازم نیستند، حذف کنید.

۶. ابتدا بنویسید سپس ویرایش کنید

وقتی اولین بار یک پیشنویس آماده می‌کنید، لازم نیست که بسیار دقیق باشید. جریان نوشتن را ادامه دهید و بگذارید با آن بروید. شما همواره می‌توانید به عقب بازگشته و همه چیز را ویرایش کنید، پس نگران نباشید.

وقتی که همزمان با نوشتن عادت به ویرایش کردن نیز پیدا کنید، پس مطمئن باشید که محتوای‌تان نمی‌تواند منطقی و خوب باشد، به این جهت که جریانات فکری را نابود می‌سازد.

۷. به صورت آزادانه برچسب گذاری کنید

محتوای‌تان را به صورت درست دسته‌بندی کنید و در وبسایت به صورتی درست نمایش دهید. از این طریق کاربران می‌توانند بهتر موارد مختلف در وبسایت را درک کنند.

برای مثال به تصویر زیر نگاه کنید:

9 راه برای بهبود تجربه کاربری محتوای وبسایت

لینک‌ها به صورت مستقل از باقی مورد خود را نمایان می‌کنند، اما کاربران در نگاه اول واقعا نمی‌دانند که چرا این موارد به این صورت در کنار همدیگر قرار گرفته‌اند و هدف آن‌ها چیست. اما حال به تصویر زیر نگاه کنید:

9 راه برای بهبود تجربه کاربری محتوای وبسایت

عناوین سر جای‌شان آمده‌اند و از این رو همه چیز به خوبی قابل مشاهده است.

۸. به صورت واضح لینک‌دهی کنید

اگر تا به حال یک وبلاگ را با سیستمی مانند وردپرس مدیریت کرده باشید، با آن لینک‌هایی که عبارت Read More یا مواردی مشابه را برای‌تان ظاهر می‌کنند آشنایی دارید.

بهتر است از انجام چنین کاری دست بردارید! چرا؟ به این دلیل که چنین لینک‌هایی برای سئو، استفاده‌پذیری و دسترسی‌پذیری مناسب نیستند.

بجای اینکه روی کلمه Read More در تمام مقالات تمرکز کنید، روی کلمه کلیدی مربوط به هر مقاله تمرکز نمایید. این کار می‌تواند تاثیر بسیار خوب و عمیقی را روی سئو شما بگذارد.

تصور کنید که یک کاربر از طریق Screen Reader وارد صفحه وبسایت شما می‌شود و تمام لینک‌های برای وی تنها یک چیز را می‌گویند: Read More … چنین موضوعی نمی‌تواند برای یک فرد با اختلالات بینایی معنی و مفهومی داشته باشد.

۹. طراحی برای محتوا

بیشتر وبسایت‌ها در حال حاضر روی نمایش محتوا و دادن قابلیت های تعاملی به آن تمرکز دارند. به همین دلیل است که طراحی مبتنی بر محتوا مفهوم جدیدی را ایجاد کرده است. هر طراحی که شما روی آن کار می‌کنید باید قابلیت نمایش خوب و بهتر محتوا را داشته باشد.

محتوای بهتری بنویسید

در پایان مقاله باید بگویم که ایجاد محتوای خوب برای وبسایت، درست مانند ایجاد وبسایت یا اپلیکیشنی خوب است. محتوای‌تان را واضح بنویسید و کاری کنید که استفاده از آن‌ها راحت باشد.

تمام این کارها را با محتوای‌تان انجام دهید و منتظر موفقیت باشید.

منبع راکت


asdasd.jpg
۲۰/تیر/۱۳۹۷

 

وب اپلیکیشن‌های پیش رونده (PWA) نسل جدید اپلیکیشن‌های تحت وب هستند که می‌توانند آینده‌ی اپلیکیشن‌های موبایل را متحول کنند. در این مقاله به طور جامع به بررسی آن‌ها خواهیم پرداخت.

اندروید و آی‌اواس، دو سیستم‌عامل محبوب موبایل، سال‌ها است که به لطف برخورداری از گنجینه‌ای غنی از اپلیکیشن‌ها توانسته‌اند فاصله‌ی خود را با دیگر سیستم‌عامل‌های موبایل افزایش دهند و به محبوبیت بالایی بین کاربران و توسعه‌دهندگان دست پیدا کنند. در واقع، بخش اعظم موفقیت این دو پلتفرم موبایل مرهون گستردگی و عملکرد بی‌نظیراپلکیشن‌های بومی آنها بوده است. این مسئله موجب شده که پلتفرم‌های دیگر در حوزه‌ی موبایل فرصت چندانی برای عرض اندام نداشته باشند و به دلیل فقر نرم‌افزاری استقبال چندانی از سوی آن‌ها به عمل نیاید. بارزترین مثال در این رابطه، ویندوزفون است که امروزه دیگر تقریبا از رده خارج شده است. سیستم‌عامل موبایل ردموندی‌ها فارغ از تمام نقاط ضعف و مثبتش و در تمام مراحل توسعه – چه به عنوان ویندوز فون و چه ویندوز ۱۰ موبایل – موفق نشد تا توجه توسعه‌دهندگان را به خود جلب کند و از منظر کیفی و کمی، اپلیکیشن‌های ضعیف‌تر و کمتری در مقایسه با رقبایش داشت.

در نقطه‌ی مقابل اپلیکیشن‌های بومی، وب اپلیکیشن‌ها یا اپلیکشن‌های وب قرار دارند. تمام کلاینت‌های ایمیل تحت وب، خرده‌فروشی‌های آنلاین و وب‌سایت‌های ویکی (با امکان ویرایش محتوا توسط کاربر) که در مرورگرها اجرا می‌شوند، به نوعی یک اپلیکیشن وب محسوب می‌شوند. اپلیکیشن‌های تحت وب در ابتدا در بستر دسکتاپ شکل گرفتند؛ اما با آغاز عصر گوشی‌های هوشمند و غلبه‌ی پلتفرم موبایل بر دسکتاپ، اپلیکیشن‌های موبایل به رشد و محبوبیت فزاینده‌ای دست یافتند. با وجود آنکه امروزه اپلیکیشن‌های بومی موبایل بی‌رقیب به نظر می‌رسند؛ اما با محدودیت‌های مختلفی مواجه هستند. برای مثال، آن‌ها وابسته به یک پلتفرم مشخص هستند. بدین مفهوم که یک اپلیکیشن اندرویدی قابل اجرا در سیستم‌عامل آی‌اواس نیست و توسعه‌دهندگان برای آنکه اپلیکیشن خود را در اختیار تعداد بیشتری از کاربران قرار دهند، ناچارند آن‌ها را برای پلتفرم‌های مختلف توسعه دهند که این مسئله به نوبه‌ی خود موجب افزایش هزینه‌های ساخت اپلیکشن‌های بومی می‌شود.

این اشکالات موجب شد تا اپلیکیشن‌های وب در مرکز توجه قرار بگیرند. امروزه، با گسترش دسترسی به اینترنت پایدار و پرسرعت و توسعه‌ی فناوری‌های مدرن وب، اپلیکیشن‌های تحت وب به تکامل تازه‌ای دست یافته‌اند و اکنون نه‌تنها کمبودی نسبت به اپلیکیشن‌های بومی ندارند؛ بلکه در موارد مختلفی بهتر از آن‌ها عمل می‌کنند. با توجه به همین مسئله، گوگل در سال ۲۰۱۵ وب اپلیکیشن‌های پیش رونده را با قابلیت‌های منحصربه‌فردی معرفی کرد. پیش از آنکه به تشریح خصوصیات وب اپلیکیشن‌های پیش رونده بپردازیم، ابتدا به صورت مختصر به بررسی تفاوت اپلیکیشن‌های بومی و اپلیکیشن‌های وب می‌پردازیم.

تفاوت اپلیکیشن‌های بومی با اپلیکیشن‌های تحت وب

Progressive Apps vs Native Apps

یک اپ بومی، اپلیکیشنی است که به طور مشخص برای یک دستگاه موبایل معین توسعه داده شده است و نصب آن تنها روی همان دستگاه امکان‌پذیر است. کاربران معمولا اپلیکیشن‌های بومی را از طریق فروشگاه‌های نرم‌افزاری آنلاین نظیر اپ استور اپل یا فروشگاه گوگل پلی و … دریافت می‌کنند. در طرف مقابل، یک اپلیکیشن وب، در واقع یک اپلیکیشن اینترنتی محسوب می‌شود که از طریق هر مرورگری قابل دسترسی است.

از منظر رابط کاربری امروزه تقریبا هیچ تفاوتی بین اپلیکیشن‌های بومی و اپلیکیشن‌های تحت وب وجود ندارد و هر دوی آن‌ها امکانات مشابهی را با اختلافات اندکی در اختیار کاربر قرار می‌دهند. در حال حاضر، اغلب توسعه‌دهندگان اپلیکیشن‌های خود را هم در نسخه‌های موبایل و هم در بستر وب توسعه می‌دهند و با این کار امکان دسترسی به سرویس‌های خود را تا حد امکان افزایش می‌دهند.

با این وجود، اولین اختلاف این دو گروه از اپلیکیشن‌ها، به فرآیند توسعه‌ی آن‌ها مربوط می‌شود. هر پلتفرم موبایل از زبان برنامه‌نویسی مختلفی استفاده می‌کند. برای مثال، آی‌اواس از Objective-C بهره می‌گیرد؛ در حالی که اندروید از جاوا و ویندوز موبایل از سی‌پلاس‌پلاس استفاده می‌کند. در طرف مقابل اپلیکیشن‌های وب از زبان‌های دیگری نظیر جاوا اسکریپت، HTML5، CSS3 یا دیگر چارچوب‌های (فریم‌ورک) نرم‌افزاری وب بهره می‌گیرند. علاوه بر این، هر پلتفرم موبایل، کیت توسعه‌ی افزاری (SDK)، ابزارهای توسعه و دیگر عناصر رابط کاربری اختصاصی خود را در اختیار توسعه‌دهندگان قرار می‌دهد. توسعه‌دهندگان با بهره‌گیری از این مجموعه‌ی ابزارها به راحتی می‌توانند اپلیکیشن بومی خود را برای آن پلتفرم موبایل توسعه دهند. در طرف مقابل، هیچ استانداردسازی مشخصی برای اپلیکیشن‌های وب وجود ندارد و توسعه‌دهندگان محدود به استفاده از چارچوب‌ها یا ابزارهای توسعه‌ی خاصی نیستند.

وب اپلیکیشن پیش رونده چیست؟

وب‌اپلیکیشن‌های پیش رونده (Progressive Web Apps) یا به اختصار PWA می‌توانند تحول بزرگ بعدی در حوزه‌ی اپلیکیشن‌های موبایل محسوب شوند. این فناوری که ابتدا در سال ۲۰۱۵ و توسط گوگل معرفی شد، به علت آسودگی نسبی توسعه و در اختیار قرار دادن یک تجربه‌ی کاربری آنی برای کاربران توجهات زیادی را به خود جلب کرده است.

وب اپلیکیشن‌های پیش رونده از جدیدترین فناوری‌ها در ترکیب اپلیکیشن‌های موبایل و وب‌سایت‌ها بهره می‌گیرند. یک وب اپلیکیشن پیش رونده در واقع وب‌سایتی است که از فناوری‌های مدرن وب استفاده می‌کند؛ اما ظاهر و کارکرد آن همانند یک اپلیکیشن معمولی است. پیشرفت‌های اخیر در مرورگرها، سرویس ورکرها، کش‌ها و رابط‌های برنامه‌نویسی نرم‌افزار (API)، توسعه‌دهندگان وب را قادر کرده تا وب اپلیکیشن‌هایی با قابلیت افزودن به صفحه‌ی خانگی سیستم‌عامل با امکان ارسال اعلان از سمت سرور (Push Notifications) و حتی عملکرد آفلاین توسعه دهند.

وب اپلیکیشن‌های پیش رونده در مقایسه با اپلیکیشن‌های بومی موجود در فروشگاه‌های نرم‌افزاری از مزیت اکوسیستم گسترده‌تر وب و پلاگین‌ها و آسودگی نسبی توسعه و حفظ وب‌سایت‌ها برخوردار هستند. اگر از جمله توسعه‌دهندگان وب‌سایت و اپلیکیشن محسوب ‌شوید، حتما می‌دانید که ساخت یک وب‌سایت با صرف زمان کمتری قابل انجام است و نیازی به حفظ قابلیت پس‌سازگاریِ (backwards-compatibility) رابط‌های برنامه‌نویسی وجود ندارد؛ زیرا برخلاف چندپارگی نسخه‌های اپلیکیشن‌های بومی، تمام کاربران نسخه‌‌ای یکسان از کد وب‌سایت را اجرا می‌کنند.

چه نیازی به وجود وب اپلیکیشن‌های پیش رونده وجود دارد؟

نتایج یک تحقیق نشان می‌دهد که کاربران معمولی تقریبا ۸۰ درصد از زمان خود را صرف استفاده از تنها ۳ اپلیکیشن می‌کنند. برای مثال، اکثر افراد معمولا از یک اپلیکیشن پیام‌رسان (تلگرام یا واتساپ)، یک مرورگر (کروم) و یک اپلیکیشن شبکه‌های اجتماعی (اینستاگرام، فیسبوک یا توییتر) بیش از دیگر اپ‌ها استفاده می‌کنند. دیگر اپلیکیشن‌ها نیز اکثر اوقات بلااستفاده باقی می‌مانند و تنها حافظه‌ی رم و حافظه‌ی داخلی گوشی را بی‌جهت مصرف و اشغال می‌کنند. علاوه بر این، هزینه‌ی توسعه‌ی یک اپلیکیشن در مقایسه با ساخت یک وب‌سایت برای ارائه‌ی همان سرویس، معمولا ۱۰ برابر بیشتر است. همچنین، در صورتی که توسعه‌دهنده قصد توسعه و حفظ بیس کد (پایگاه کد) مجزا برای پلتفرم‌های مختلف نظیر اندروید، آی‌اواس و وب را داشته باشد، این هزینه‌ها بیش از پیش افزایش خواهد یافت.

همچنین، استفاده از اپلیکیشن‌های بومی موبایل، تجربه‌ای آنی برای کاربران به همراه ندارد. یک کاربر برای استفاده از اپلیکیشن بومی دلخواه خود، در ابتدا باید به جستجوی آن در فروشگاه اپلیکیشن بپردازد، آن را دانلود، نصب و در نهایت اجرا کند. زمان‌بر بودن این مراحل موجب می‌شود که برخی کاربران در نیمه‌های راه از خیر نصب این اپلیکیشن‌ها بگذرند. در طرف مقابل، هنگامی که کاربر با یک وب اپلیکیشن پیش رونده مواجه می‌شود، می‌تواند بدون طی کردن مراحل غیرضروری دانلود و نصب و تنها با مراجعه به یک نشانی وب بلافاصله استفاده از آن را آغاز کند.

PWA

با این وجود، اپلیکیشن‌های بومی نیز مزایای غیرقابل انکاری دارند. اپلیکیشن‌های موبایلی که مجهز به اعلان‌‌ها برای اطلاع‌رسانی به کاربر هستند، ۳ برابر بیش از دیگر همتایان غیربرخوردار از این ویژگی نگهداری می‌شوند و همچنین ۳ برابر احتمال بیشتری وجود دارد که کاربر به جای وب‌سایت، به یک اپلیکیشن مراجعه کند. علاوه بر این، اپلیکیشن موبایلی که از طراحی مناسبی بهره می‌گیرد، داده‌ی کمتری مصرف می‌کند و به دلیل استقرار برخی از منابع خود روی دستگاه، سرعت بیشتری نیز دارد.

با این حال، یک وب اپلیکیشن پیش رونده نیز از برخی از مهم‌ترین خصوصیات یک اپلیکیشن موبایل برخوردار است و این موضوع موجب می‌شود که عملکرد کاربر فارغ از دردسرهای نگهداری یک اپلیکیشن موبایل بهبود یابد.

خصوصیات یک وب اپلیکیشن پیش رونده چیست

وب اپلیکیشن‌های پیش رونده واجد ویژگی‌ها زیر هستند:

پیش رونده (قابل استفاده در هر دستگاه و سیستم‌عامل): یک وب اپلیکیشن پیش رونده فارغ از نوع مرورگر و نوع دستگاه، برای تمام کاربران قابل استفاده است.

قابل جستجو: از آنجایی که وب اپلیکیشن‌های پیش رونده در واقع یک وب‌سایت محسوب می‌شوند، از طریق موتورهای جستجو قابل یافتن هستند. این خصوصیت، یک برتری قابل توجه آن‌ها بر اپلیکیشن‌های بومی است.

قابل پیونددهی (لینک‌دهی): وب اپلیکیشن‌های پیش رونده برخلاف اپلیکیشن‌های بومی نیازی به طی کردن مراحل پیچیده‌ی دانلود و نصب ندارند و اشتراک‌گذاری آن‌ها از طریق یک نشانی وب (URL) به راحتی امکان‌پذیر است.

انعطاف‌پذیر: رابط کاربری وب اپلیکیشن‌های پیش رونده خود را با هر نوع فرم فکتور اعم از موبایل و دسکتاپ و هر نوع اندازه‌ی نمایشگر تطبیق می‌دهد.

ظاهر اپلیکیشن‌وار: یک اپلیکیشن پیش رونده شباهت بی‌بدیلی به اپلیکیشن‌های بومی دارد، از رابط کاربری مشابه آن‌ها استفاده می‌کند و مسیریابی در آن‌ها تفاوتی با اپلیکیشن‌های معمولی ندارد.

بی‌نیاز از اتصال اینترنت: وب اپلیکیشن‌های پیش رونده در صورت ضعف اتصال اینترنت یا حتی به صورت آفلاین نیز قابل استفاده هستند.

درگیر کردن کاربر: احتمال آنکه کاربران اپلیکیشن‌های موبایل مجددا از اپلیکیشن‌های خود استفاده کنند بیشتر از احتمال مراجعه‌ی مجدد به یک‌ وب‌سایت است. وب اپلیکیشن‌های پیش رونده با استفاده از ویژگی‌هایی نظیر اعلان‌های سمت سرور (Push Notification)، این ضعف را جبران کرده‌اند.

قابل نصب: وب اپلیکیشن‌های پیش رونده را می‌توان همانند اپلیکیشن‌های بومی نصب و آیکون آ‌ن‌ها را به صفحه‌ی خانگی و حتی کشوی اپلیکیشن‌ها اضافه کرد؛ با این تفاوت که دسترسی به آن‌ها بی‌نیاز از دردسرهای جستجو در فروشگاه‌های اپلیکیشن است. این ویژگی استفاده از آن‌ها را به شدت آسان می‌کند.

به‌روز بودن: در حالی که اپلیکیشن‌های بومی نیازمند به‌روزرسانی از طریق فروشگاه‌های نرم‌افزاری هستند، وب اپلیکیشن‌های پیش رونده به لطف فرآیند به‌روزرسانی سرویس ورکر، همیشه به آخرین نسخه، به‌روز هستند و هنگامی که محتوای جدید منتشر شود و کاربر به اینترنت متصل باشد، آن محتوا بلافاصله در دسترس کاربر قرار می‌گیرد.

ایمن: از آنجایی که وب اپلیکیشن‌های پیش رونده در بستر HTTPS قرار دارند، از مخاطرات امنیتی در امان هستند.

وب اپلیکیشن‌های پیش رونده از چه فناوری‌هایی استفاده می‌کنند

رشد برخی از فناوری‌های جدید وب در سال‌های اخیر، به توسعه‌ی وب اپلیکیشن‌های پیش رونده کمک زیادی کرده‌ است. در اینجا به‌صورت مختصر به شرح برخی از مهم‌ترین فناوری‌های به‌کار رفته در وب اپلیکیشن‌های پیش رونده می‌پردازیم.

اعلان‌های سمت سرور (Push Notification)

این نوع اعلان‌ها که به صورت تحت‌الفظی به «اطلاع‌رسانی از طریق فشار» ترجمه می‌شوند؛ در واقع نوعی اعلان است که از سمت سرور یا اپلیکیشن به سمت کاربر ارسال می‌شود و به وی امکان می‌دهد از به‌روزرسانی‌های وب‌سایت‌های مورد علاقه‌ی خود به موقع مطلع شود. حتما برای شما هم پیش آمده است که پس از بازدید از یک وب‌سایت، پیغامی کوچک زیر نوار آدرس مشاهده کرده‌اید که از شما درخواست می‌کند اعلان‌های سمت سرور را فعال کنید. این ویژگی به صاحبان وب‌سایت امکان می‌دهد تا با مخاطبان و کاربران در ارتباط مداوم باشند و آن‌ها را از آخرین تغییرات خود باخبر کنند. وب‌اپلیکیشن‌های پیش رونده با بهره‌گیری از این قابلیت می‌توانند همانند اپلیکیشن‌های بومی کاربر را از تغییرات برنامه مطلع کنند. ویژگی مثبت اعلان‌های سمت سرور این است که امکان نمایش آن‌ها حتی در صورت بسته بودن مرورگر نیز همچنان وجود دارد. رابط برنامه‌نویسی اعلان‌های سمت سرور در حال حاضر توسط اکثر مرورگرها از جمله کروم، فایرفاکس اوپرا، اج و مرورگر سامسونگ پشتیبانی می‌شود.

سرویس ورکرها

اپلیکیشن‌های بومی موبایل به بهای اشغال حافظه‌ی داخلی و فقدان به‌روزرسانی لحظه‌ای، عملکردی بی‌نقص و سریع ارائه می‌دهند. در طرف مقابل، وب اپلیکشن‌های سنتی نیز از مشکلات قابل توجهی نظیر فقدان قابلیت اجرای کامپایل در کنار وابستگی به اتصال غیرپایدار و بالقوه ضعیف اینترنت رنج می‌برند. سرویس ورکرها قصد دارند ویژگی‌های مثبت این دو گروه از اپلیکیشن‌ها را با یکدیگر ادغام کنند و در قالب وب اپلیکیشن‌های پیش رونده ارائه دهند. سرویس ورکر از نظر فنی اسکریپتی است که مروگر آن را به صورت مجزا از صفحه‌ی وب در پس‌زمینه اجرا می‌کند و قابلیت‌هایی را که نیازمند صفحه‌ی وب یا تعامل کاربر نیستند، نظیر اعلان‌های سمت سرور و همگام‌سازی پس‌زمینه را امکان‌پذیر می‌کند.

معماری پوسته اپلیکیشن

برخی از وب اپلیکیشن‌های پیش رونده از یک رویکرد معماری به نام الگوی پوسته‌ی اپلیکیشن استفاده می‌کنند. سرویس ورکرها به منظور بارگذاری سریع، رابط کاربری اولیه یا پوسته‌ی طراحی وب واکنش‌گرای وب اپلیکیشن را درون خود ذخیره می‌کنند. این پوسته، یک چارچوب ثابت اولیه، یک لایه یا معماری را فراهم می‌کند که محتوا می‌تواند به طور مداوم و به صورت پویا درون آن بارگذاری شود. این ویژگی، در نهایت به کاربران امکان می‌دهد تا فارغ از نوع اتصال اینترنت و سرعت آن، از اپلیکیشن استفاده کنند. از نظر فنی، این پوسته یک بسته‌ی کد است که به صورت محلی در کش مرورگر دستگاه ذخیره می‌شود.

Application Shell architecture

وضعیت پشتیبانی از وب اپلیکیشن‌های پیش رونده

در حال حاضر، امکان استفاده از وب اپلیکیشن‌های پیش رونده در سیستم‌عامل‌های اندروید و ویندوز وجود دارد. سیستم‌عامل گوگل در حال حاضر با وب اپلیکیشن‌های پیش رونده همانند اپلیکیشن‌های بومی رفتار می‌کند و امکان نصب آن‌ها را از طریق مرورگر کروم فراهم کرده است. هرچند تعداد این اپلیکیشن‌ها هنوز در مقایسه با اپلیکیشن‌های بومی اندک است؛ اما هم‌اکنون می‌توانید برخی از آن‌ها را با استفاده از مرور کروم در گوشی اندرویدی یا کامپیوتر ویندوزی خود امتحان کنید. یک نمونه‌ی خوب از وب ‌اپلیکیشن‌های پیش رونده نسخه‌ی تحت وب پیام‌رسان تلگرام است که برای دسترسی به آن باید به نشانی web.telegram.org مراجعه کنید، در صورتی که از کروم استفاده کنید، می‌تواند با لمس گزینه‌ی Add to Homescreen در مرورگر، نسخه‌ی تحت وب تلگرام را به صفحه‌ی خانگی گوشی یا دسکتاپ کامپیوتر خود اضافه کنید. در این حالت، در استفاده‌های بعدی از این پیام‌رسان دیگر نیازی به مراجعه‌ی مجدد به مرورگر نخواهید داشت. یکی دیگر از وب اپلیکیشن‌های مطرح، اپلیکیشن توییتر لایت است که در واقع نسخه‌ی سبک اپلیکیشن این شبکه‌ی اجتماعی محسوب می‌شود و بر پایه‌ی فناوری‌های مدرن وب توسعه داده شده است. توییتر لایت هم در اندروید و هم ویندوز قابل دسترسی و نصب همانند یک اپلیکیشن بومی است. برای استفاده از این اپلیکیشن و کسب اطلاعات بیشتر درباره‌ی آن می‌توانید به نشانی lite.twitter.com مراجعه کنید. گوگل علاوه بر اندروید، قصد پشتیبانی از وب اپلیکیشن‌های پیش رونده در سیستم‌عامل دسکتاپ خود را نیز دارد. براساس گزارش‌ها، این شرکت پشتیبانی از اپلیکیشن‌های وب استور کروم را تا نیمه‌ی سال جاری میلادی به طور کامل قطع و آن‌ها را با وب اپلیکیشن‌های پیش رونده جایگزین خواهد کرد.

Twitter Lite PWA

علاوه بر گوگل، مایکروسافت نیز قدم‌های بزرگی برای پشتیبانی از وب اپلیکیشن‌های پیش رونده برداشته است. مایکروسافت در ابتدا برای تبدیل اپلیکیشن‌های وب به ویندوز، همانند گوگل اقدام به توسعه‌ی برنامه‌ای به نام «پروژه‌ی وست‌مینستر» کرده بود؛ اما پس از مدتی این پروژه‌ی خود را با وب اپلیکیشن‌های پیش رونده گوگل پیوند داد. در حال حاضر، هر دو شرکت از استاندارهای مشابه برای وب اپلیکیشن‌های پیش رونده پیروی می‌کنند. سرویس ورکرها به همراه آخرین نسخه‌ی ویندوز معرفی شدند و این سیستم‌عامل (نه‌تنها مرورگر اج، بلکه کل سیستم‌عامل) به‌زودی و با انتشار به‌روزرسانی رداستون ۴ در ماه آوریل پیش‌رو از وب‌اپلیکیشن‌های پیش رونده همانند اپلیکیشن‌های بومی ویندوز پشتیبانی خواهد کرد. وب اپلیکیشن‌های پیش رونده در ویندوز از قابلیت‌های پلتفرم ویندوز یونیورسال نظیر یکپارچگی کورتانا، اعلان‌ها و کاشی‌های زنده نیز بهره‌مند می‌شوند و از طریق استور مایکروسافت توزیع خواهند شد. علاوه بر این، همانند اندروید، امکان تمایز آن‌ها با اپلیکیشن‌های بومی وجود خواهد داشت.

از آنجایی که ویندوز ۱۰ با وب اپلیکیشن‌های پیش رونده همانند اپلیکیشن‌های بومی رفتار خواهد کرد، احتمال می‌رود که دستگاه موبایل تاشوی مایکروسافت که مدت‌ها شایعات آن بر سر زبان‌ها است و تمام دیگر دستگاه‌های ویندوزی که سیستم‌عامل «ویندوز کور اس» را اجرا خواهند کرد، از مزایای وب اپلیکیشن‌های پیش رونده، به خصوص تطبیق‌پذیری آن‌‌ها با هر نوع اندازه‌ی نمایشگر بهره‌مند شوند. این مسئله می‌تواند نقطه ضعف سیستم‌عامل مایکروسافت در کمبود نرم‌افزار را جبران کند و برخلاف ویندوز موبایل، سرنوشت متفاوتی را برای دستگاه موبایل بعدی ردموندی‌ها رقم بزند.

کوپرتینونشین‌ها معمولا دیرتر از باقی شرکت‌ها از برخی از فناوری‌های جدید استقبال می‌کنند و حتی برخی منتقدان مدعی شده‌اند که این شرکت هرگز از وب اپلیکیشن‌های پیش رونده پشتیبانی نخواهد کرد. اما، اخیرا گمانه‌زنی‌هایی مبنی بر پشتیبانی اپل از وب اپلیکیشن‌های پیش رونده مطرح شده است. با این حال، اگر این شرکت چنین تصمیمی بگیرد، احتمال می‌رود بدون همکاری با مایکروسافت و گوگل بر سر استاندارهای مشترک این کار را انجام دهد.

انتظار می‌رود در سال پیش‌روی میلادی شاهد رشد وب اپلیکیشن‌های پیش رونده و توجه بیش از پیش شرکت‌ها به آن‌ها باشیم. به احتمال فراوان هر سه شرکت نامبرده در رویدادهای اختصاصی خود (کنفرانس بیلد مایکروسافت، کنفرانس I/O گوگل و کنفرانس جهانی توسعه‌دهندگان اپل) از برنامه‌های آتی خود برای وب اپلیکیشن‌های پیش رونده رونمایی کنند.

جمع‌بندی

وب اپلیکیشن‌های پیش رونده هنوز در دوران اولیه‌ی تکامل به‌سر می‌برند و برای محکم کردن جای پای خود راه درازی در پیش دارند. آن‌ها جایگزین اپلیکیشن‌های بومی نخواهند شد؛ با این حال از ظرفیت فوق‌العاده‌ای برای تکامل نحوه‌ی توسعه و استفاده از اپلیکیشن‌های امروزی برخوردارند و میزان نفوذ و همه‌گیری آن‌ها به استقبال توسعه‌دهندگان و البته کاربران بستگی دارد. در مجموع برای قضاوت در مورد آینده‌ی آن‌ها هنوز کمی زود است؛ اما در سال پیش‌رو حتما خبرهای بیشتری از آن‌ها خواهیم شنید.


1.jpg
۱۴/تیر/۱۳۹۷

در طی چند سال اخیر تکنولوژی‌های فرانت اند مختلفی وارد بازار شدند. با این تغییرات دنیای طراحی وب به شدت در خود تغییراتی را مشاهده کرد. حال با وجود این تغییرات شما می‌توانید وبسایت‌ها را آسان‌تر و با کارایی بیشتری ایجاد کنید.

من همیشه در رابطه با آخرین ابزارها و بهترین رویکردها هیجان زده هستم، به این دلیل که باور دارم ابزارهای جدید امروز می‌توانند به ابزارهایی با بیشترین استفاده در فردا تبدیل شوند.

من در این مطلب قصد دارم شما را با ۹ تکنولوژی و ابزار مدرن برای توسعه‌دهندگان وب آشنا کنم. البته آن‌ها برای جریان توسعه وب الزامی نیستند و برخی از آن‌ها به صورت ویژه نیز برای تنها توسعه وب ایجاد نشده اند. اما آن‌ها می‌توانند سرعت شما را بهبود و پایه‌های کدنویسی‌تان را ارتقا دهند.

webcomponents

webcomponents.org/

ممکن است اصطلاح WebComponents را شنیده باشید، اما از اینکه به جزئیات آن نگاه کرده باشید شک دارم. WebComponents در واقع استایل‌های تازه‌ای برای HTML۵ است که براساس استانداردهای موجود در W۳C ایجاد شده است.

این کامپوننت‌ها به شما اجازه می‌دهد که بتوانید المنت‌های سفارشی با قابلیت استفاده مجدد را در صفحات پویا داشته باشید. المان‌هایی مانند ویجت تب‌ها، اسلایدرهای تصویری و منوها. دیگر نیازی نیست که از ابتدا یک منو کشویی را ایجاد کنید. شما تنها نیاز دارید که از یک تگ در این کامپوننت استفاده کنید.

در وبسایت اصلی این پروژه می‌توانید مثال‌های متفاوتی همراه با توضیحات بسیار مختصری را مشاهده کنید. همچنین اگر نتوانستید به خوبی با آن‌ها ارتباط برقرار کنید می‌توانید از طریق این راهنما نکات کاربردی را مشاهده کنید.

در چند سال گذشته این پروژه چندان تکمیل نیافته بود اما در حال حاضر می‌توان از آن به عنوان یک ابزار بسیار مناسب در کنار کارتان استفاده کنید.

Polymer

Polymer

Polymer یک کتابخانه متن باز است که توسط تیم گوگل رهبری می‌شود. استفاده کردن از این تکنولوژی به شما کمک می‌کند تا بتوانید مراحل توسعه و استفاده از APIهای مختلف و موارد دیگری که ارائه می‌کند بسیار آسان‌تر شود. در این کتابخانه المان‌های داخلی نیز وجود دارد که می‌توانید از آن‌ها استفاده کنید.

در کنار این در نسخه جدید این تکنولوژی قابلیت ایجاد اپلیکیشن‌های پیش‌رونده نیز مهیا شده که باعث می‌شود بتوانید بسیار سریع‌تر پیشرفت داشته باشید.

هدف Polymer این است که توانایی ایجاد ماژول‌ها را داشته باشد. شما می‌توانید ماژول‌های خودتان را ایجاد کنید. برای خواندن اطلاعات بیشتر و موارد جدید در نسخه ۳ آن به وبسایت Polymer مراجعه کنید.

AMP

AMP

گوگل چند سال پیش تکنولوژی AMP را ایجاد کرد و هدف از این کار بهتر کردن تجربه کاربری کاربران در کاوش کردن اینترنت بود. با استفاده از پروژه AMP برگه‌های وبسایت شما در یک قالب با قابلیت خوانایی بالا قرار می‌گیرد و توانایی بارگذاری بسیار سریعی را دارد.

شما تنها نیاز دارید که کدهایی را به وبسایت‌تان اضافه کنید و بعد از آن گوگل بقیه کارها را انجام می‌دهد. اگر وبسایت شما براساس AMP بهینه‌سازی شود همه چیز برای کاربران موبایل سریع‌تر بارگذاری می‌شود و تجربه‌ای شبیه به اپلیکیشن‌های موبایل را پیدا خواهند کرد.

با در نظر گرفتن رشد بی اندازه کاربران موبایلی به نسبت دستگاه‌های دیگر به نظر می‌رسد که سوئیچ کردن به این پروژه ارزش بالایی دارد. استفاده از این تکنولوژی در وبسایت‌هایی با قابلیت‌های تعاملی بسیار بالا ممکن است درست نباشد اما برای وبسایت‌های خبری و وبلاگی که متن/تصویر و موارد مشابه را ارائه می‌دهند می‌تواند انقلابی در مصرف کاربران موبایل به وجود بیاورد.

Gulp 

Gulp

خودکارسازی یکی از کلیدی‌ترین راه‌ها برای کاهش زمان مصرف شده در انجام کارهای تکراری است. با استفاده از یک اجرا کننده وظایف مانند Gulp بسیار ساده است که بتوانید وظایف تکراری و آزار دهنده را به صورت خودکار انجام دهید و بتوانید روی کارهای مهم دیگری تمرکز کنید.

Gulp می‌تواند فایل Sass شما را به CSS تبدیل کند، هک‌هایی را به کدهای‌تان اضافه نماید، برگه‌ها را پس از تغییرات بازسازی کند و… . شما می‌توانید کارهای بسیار بیشتری را با استفاده از Gulp انجام دهید.

TypeScript

TypeScript

فریمورک فرانت‌اند AngularJS در آخرین نسخه‌های خود به صورت کامل از زبان اسکریپت‌نویسی تایپ‌اسکریپت پشتیبانی می‌کند. پس اگر از طرفداران انگولار هستید باید این زبان را یاد بگیرید.

البته تایپ‌اسکریپت به صورت کامل یک زبان جدید نیست، خود این تکنولوژی براساس جاوااسکریپت ایجاد شده است. بنابراین اگر بتوانید با جاوااسکریپت کار کنید پس یادگیری تایپ‌اسکریپت برای‌تان وقت‌گیر نخواهد بود.

اگر قصد دارید دانش جاوااسکریپتی خود را به سطح جدیدی ببرید پیشنهاد می‌کنم که به سمت تایپ‌اسکریپت بروید. .

Three.js

Three.js

اگر تا به حال در دنیای طراحی وب مباحث WebGL و ۲D/۳D را دنبال کرده باشید پس مطمئنا نام Three.js را شنیده‌اید. این کتابخانه یکی از قدرتمندترین موارد برای گرافیک‌های مبتنی بر وب است که براساس یک موتور رندرینگ کار می‌کند.

این موضوع که وبسایت‌های کمی نیاز به گرافیک‌های سه بعدی دارند واقعیت دارند، اما با پیشرفت این تکنولوژی و رشد آن، مطمئنا یکی از موارد پر استفاده خواهد بود.

Three.js به صورت رایگان و متن باز ارائه شده و همچنین در کنار APIهای WebGL بهبود می‌یابد.

Docker

Docker

با یک کانتینر پلتفرم مانند داکر شما می‌توانید محیط‌های مجازی ایجاد کرده و وبسایت‌تان را روی سرورهای مختلفی به آسانی انتقال دهید. تا به حال در رابطه با داکر آموزش‌ها و مستندات بسیار زیادی ارائه شده که می‌توانید از آن‌ها استفاده کنید.

اما داکر جزو معدود پلتفرم‌هایی است که با آوردن قابلیت‌های مجازی‌سازی می‌تواند کل سیر توسعه شما را تغییر و بهبود دهد. اگر یک DevOps باشید مطمئنا با داکر کار کرده‌اید و یا کار باید بکنید.

Ionic Framework

Ionic Framework

در حقیقت این تنها تکنولوژی موجود در این لیست است که مستقیما به دنیای وب مربوط نمی‌شود. اما این مورد مخصوص توسعه‌دهندگان وب است، افرادی که قصد دارند تا با استفاده از HTML/CSS/JS اپلیکیشن‌های نیتیو را ایجاد کنند.

Ionic فریمورک متن باز و رایگانی است که برای ایجاد اپلیکیشن‌های آندروید و IOS ایجاد شده است. تمام اپلیکیشن‌های موجود در این فریمورک براساس کدهای سازگار با دنیای وب ایجاد شده، بنابراین شما می‌توانید اپلیکیشن‌های جاوااسکریپتی را بنویسید که در نهایت شبیه به اپلیکیشن‌های جاوا/سویفت است.

توسعه‌دهندگان وب بسیار به ندرت وارد دنیای برنامه‌نویسی اپلیکیشن‌های نیتیو می‌شوند اما Ionic به آن‌ها جایگزین بسیار خوبی را ارائه می‌دهد. تا به اینجای کار پشتیبانی نسبتا خوبی نیز از این فریمورک شده است. برای کار با این فریمورک نیاز است که دانش نسبتا خوبی در تایپ‌اسکریپت داشته باشید.

کتابخانه‌های Zurb

کتابخانه‌های Zurb

برای چند سال من علاقه زیادی به Zurb و فریمورک قدرتمند فاوندیشن داشتم. در بروزرسانی‌های اخیر این ابزار شما با کتابخانه‌هایی همراه هستید که در نهایت می‌توانید روندهای کاری را طراحی و خودکار سازی کنید. یکی از این موارد Foundation for Emails نام دارد.

یکی دیگر از موارد مناسب در این کتابخانه Motion UI نام دارد که برای ایجاد انیمیشن‌های مبتنی بر وب بسیار مناسب است. شما می‌توانید به صورت مستقل و یا همراه با کل پروژه فاوندیشن از این کتابخانه استفاده کنید.

تمام کتابخانه‌های موجود در این فریمورک به صورت متن باز ارائه می‌شود و تیم توسعه آن به سختی در حال کار کردن برای بهتر نمودن آن هستند.

منبع


تمامی حقوق این وب سایت نزد عباسعلی بهرامی محفوظ است.