صفحه فرود موبایل. مراحل ایجاد صفحه فرود عالی

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

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

تحقیقات لوک وروبلسکی، مدیر ارشد محصولات گوگل و نویسنده Mobile First! نشان می دهد که بین سال های 2009 تا 2013، مصرف محتوا از طریق کانال های سنتی مانند تلویزیون، رادیو و چاپ به میزان قابل توجهی کاهش یافته است. تنها شاخصی که افزایش یافته است استفاده از دستگاه های تلفن همراه است.

مردم اکنون بیش از هر زمان دیگری در حال خرید آنلاین، خواندن اخبار و مرور وب سایت ها با تلفن خود هستند. اما علیرغم اینکه این روند چندین سال است که در حال توسعه بوده است، بسیاری از منابع نتوانسته اند خود را با آن سازگار کنند.

حتی در سال 2015، اکثر کاربران با تعدادی از مشکلات روبرو هستند:

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

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

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

1. سایت برای دستگاه های تلفن همراه بهینه نشده است

در دسامبر 2012، منبع رسانه ای Mashable سال آینده 2013 را سال طراحی واکنشگرا اعلام کرد. بزرگترین شرکت هاسپس آنها به این موضوع توجه کردند و نسخه های تلفن همراه منابع خود را توسعه دادند. اما خیلی ها نمی توانند به خود ببالند نمایش صحیحصفحات تا کنون

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

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

دستگاه های iOS:

• تبدیل 65.71٪ افزایش یافته است
• تعداد معاملات - 112.50٪
• درآمد - 101.25٪

دستگاه های اندروید:

• تبدیل 407.32٪ افزایش یافته است
• تعداد معاملات - 333.33٪
• درآمد - 591.42٪

مثال‌های زیادی می‌توان آورد که نشان می‌دهد مزایای واضحطراحی تطبیقی متخصصان Skinny ties، شرکتی که از سال 1971 روابط خود را ایجاد کرده است، پس از راه اندازی نسخه تلفن همراه این منبع، به افزایش 42.4 درصدی درآمد اشاره کردند. شرکت تجهیزات عکاسی Think Tank Photo نسبت به سال قبل 96 درصد افزایش تراکنش های استفاده از گوشی های هوشمند و تبلت ها را تجربه کرده است.

2. نادیده گرفتن اهداف کاربر

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

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

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

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

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

در نتیجه، نه تنها یک تجربه کاربری مثبت، بلکه افزایش درآمد و رشد کسب و کار خود را نیز دریافت خواهید کرد. همانطور که قبلاً آموختیم، فرم های طولانی آزاردهنده هستند و اگر از آنها استفاده کنید، احتمالاً نرخ تبدیل خود را کاهش خواهید داد. به عنوان مثال، آژانس مسافرتی بزرگ Expedia 12,000,000 دلار سود به دلیل فیلدهای فرم غیر ضروری که کاربران را گیج می کرد و به سادگی گیج می کرد از دست داد.

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

چند نکته برای ایجاد راحت ترین و قابل فهم ترین فرم ها:

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

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

استیون هوبر، طراح تجربه کاربری موبایل، طراح و نویسنده طراحی رابط های موبایلتوصیه می کند: «مطمئن شوید که هر ناحیه لمسی باشد حداقلفاصله 8 میلی متری از مرکز نیز یکی دیگر از موارد است، اگرچه فاصله 10 میلی متری حتی ترجیح داده می شود.

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

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

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

به جای نتیجه گیری

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

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

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

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

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

چه چیزی بدست خواهیم آورد؟

آدرس وب سایت اضافی در زیر دامنه "m." با طراحی متفاوت از دامنه اصلی، ساده شده. اینترنت پر از نمونه هایی از چنین پیاده سازی است، به عنوان مثال، در اینجا یک سایت معروف است:

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

بیشتر در مورد موضوع:

سوالی دارید؟

اکنون از آنها بپرسید و ما ظرف 8 ساعت کاری پاسخ خواهیم داد.

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

افزایش سرعت دانلود

این یک پارامتر کلیدی است، زیرا اگر سایت برای بیش از پنج ثانیه باز شود، احتمال اینکه کاربر نخواهد منتظر بماند چندین برابر افزایش می یابد. برای سایت وجود دارد خدمات مختلف. علاوه بر این، می تواند پیشنهاد دهد تجزیه و تحلیل ترافیک گوگل. داده های لازم را می توان در گزارش ها مشاهده کرد، جایی که ویجت ها از قبل پیکربندی شده اند "زمان بارگذاری صفحه":

برای افزایش سرعت چه کارهایی می توانید انجام دهید:

• حذف زباله از کد؛
• کاهش تعداد اسکریپت های شخص ثالث؛
• حذف تغییر مسیرها؛

می توانید در مورد افزایش سرعت باز کردن صفحات بیشتر بخوانید.

دستگاه های کاربران را مطالعه کنید

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

محل قرارگیری دکمه های اصلی

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

نقشه حرارتی زیر به بهترین شکل حرکات انگشتان را بر روی صفحه نمایش منعکس می کند. ناحیه ای را که انگشت شست فشار می دهد را نشان می دهد دست راستو چگونه با افزایش اندازه صفحه نمایش تغییر کرد (در در این مورد، صفحه نمایش آیفون).

صفحه کلید را به فرم ها پیچ کنید

برای سهولت در پر کردن فرم، باید یک صفحه کلید به آن وصل کنید.

برای سهولت در پر کردن فیلدهای مناسب، از کد زیر استفاده کنید:

این کار استفاده از سایت شما را بسیار راحت تر می کند.

به طراحی صفحه فرود موبایل خود فکر کنید

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

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

هدر را پین کنید

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

متن و تصاویر را در یک ستون قرار دهید

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

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

از دست نده:

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

این امر به ویژه در مورد شرکت های تجارت الکترونیکی که به فروش از طریق صفحات فرود متکی هستند صادق است. بدیهی است که شماره یک در لیست کارهایی که برای رئیس چنین کسب و کاری باید انجام شود باید تطبیق صفحه فرود برای دستگاه های تلفن همراه باشد. و برای اینکه تا حد امکان مؤثر باشد، ارزش ارزیابی دامنه کار را دارد.

بنابراین - چه چیزی و چگونه سازگار شویم؟

• تصاویر.به عنوان یک قاعده، تصاویر دسکتاپ بسیار بزرگ هستند و برای همیشه در دستگاه های تلفن همراه بارگذاری می شوند. آنها یا باید کوچکتر شوند - اندازه آنها را با صفحه نمایش تلفن های هوشمند و تبلت ها تنظیم کنید، کیفیت را برای کاهش وزن کاهش دهید، یا می توانید از پلاگین/اسکریپت Adaptive Images استفاده کنید، که خود اندازه و کیفیت تصویر را بسته به نوع انتخاب می کند. دستگاه راه حل اول از نظر استراتژیک صحیح است و به شما امکان می دهد صفحه فرود خود را به طور موثرتری برای دستگاه های تلفن همراه بهینه کنید.

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

• جداول.هر فروشگاه آنلاین از جداول حاوی محصولات تشکیل شده است و اغلب در سایت های دیگر یافت می شود. برای اطمینان از نمایش صحیح این داده ها هنگام تطبیق صفحه فرود برای دستگاه های تلفن همراه، این گزینه را ارائه دهید اسکرول افقی- به طوری که محتوای اصلی بی حرکت بماند.

• فرم های ورودیآنها باید بزرگتر و برای استفاده بهینه شوند انواع مناسبزمینه های. همچنین تصحیح خودکار، ورودی از را غیرفعال کنید حرف بزرگو اصلاح - آنها با ورود داده ها از تلفن تداخل دارند.

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

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

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

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

انتخاب باشماست!

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

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

چه چیزی باعث موفقیت یک صفحه فرود می شود؟

در پاسخ به این سوال می توان به طراحی، محتوای استفاده شده، ساختار المان ها، قرارگیری صحیح call to action، دکمه های اجتماعیو غیره با این حال، اگر سؤال فوق را در یک کلمه خلاصه کنیم و به آن پاسخ دهیم، با اطمینان می توان گفت که موفقیت یک صفحه فرود به قابلیت استفاده بستگی دارد.

قابلیت استفاده خوب به مشتری اجازه می دهد تا در صفحه فرود احساس راحتی کند: ساختار عناصر راحت است. محتوا و فراخوان‌های اقدام به آرامی مشتری را به خرید سوق می‌دهد. صفحه فرود مشتری را بیش از حد بارگذاری نمی کند اطلاعات غیر ضروری; صفحه فرود مشتری را مجبور نمی کند که دیوانه وار صفحه را برای یافتن دکمه خرید مورد نظر (یا در این مرحله دیگر وجود ندارد؟) پیمایش کند.

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

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

آنچه باید هنگام توسعه صفحه فرود تلفن همراه به خاطر بسپارید. 7 نکته

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

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

• آیا اندازه صفحه نمایش، نوع دستگاه و زمینه استفاده کلی بر انتظارات کاربر تأثیر می گذارد؟ اگر چنین است، چگونه؟
• کاربران تلفن همراه ممکن است در این صفحه فرود بیشتر به چه چیزی نیاز داشته باشند؟
• وقتی کاربران بالقوه روی صفحه فرود موبایلی قرار می گیرند چه کاری می خواهند انجام دهند؟ اقدامات آنها چیست؟

به نظر می رسد که پاسخ این سؤالات واضح است، اما نباید آنها را دست کم گرفت. واقعیت این است که کاربران موبایل به اندازه کاربران دسکتاپ فعالانه خرید نمی کنند. تبدیل تقریباً به صورت زیر توزیع می شود:

1. قرص
2. گوشی های هوشمند

این یعنی چی؟ درباره یک واقعیت پیش پا افتاده که برای هر روانشناس شناخته شده است: برای تصمیم گیری، فرد به اطلاعات ارائه شده در آن نیاز دارد فرمت مناسب. علاوه بر این، هرچه "قیمت" راه حل بالاتر باشد، فرد به اطلاعات دقیق تری نیاز دارد. به طور کلی، شخص بدون هیچ مشکلی از گوشی هوشمند پیتزا سفارش می دهد، اما در حالی که با گوشی هوشمند در پارک می نشیند، ماشین نمی خرد.

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

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

بنابراین، هنگام فرود در صفحه فرود تلفن همراه، مشتری به دنبال اطلاعاتی برای تصمیم گیری است - برای خرید محصول یا نه؟ بنابراین، شما باید تمام تلاش خود را انجام دهید تا این روند آسان تر شود.

پیش پا افتاده است، اما ساده ترین راه برای مشتری برای تصمیم گیری در مورد خرید یا نه تماس گرفتن است. بنابراین، یک سرویس تماس سریع راه اندازی کنید. اجازه دهید نماد تلفن با ارزش مشتری بالقوه را در سراسر صفحه فرود همراهی کند. لطفاً توجه داشته باشید که این باید نمادی با شماره تلفن و نوعی تماس برای اقدام مانند «اکنون تماس بگیرید!» باشد. تعدادی از مطالعات نشان داده اند که یک نماد از یک نماد معمولی موثرتر است شماره تلفن 10-20٪.

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

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

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

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

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

نکته 4. دعوت به اقدام باید همیشه قابل مشاهده باشد

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

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

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

محتوا جزء ضروری هر صفحه فرود است، اما نباید مقدار زیادی از آن وجود داشته باشد. محتوا باید واضح، قابل درک باشد و مشتری را به اقدام مورد نظر متمایل کند.

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

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

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

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

برای سبک‌تر کردن صفحه، مطمئن شوید که:

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

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

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

وقتی این را فهمیدید، باید بفهمید که کدام راه حل موثرتر است. اینجاست که تست A/B وارد عمل می شود. از گروه های کنترل برای پیدا کردن موارد زیر استفاده کنید:

• چه چیزی برای صفحه فرود شما جذاب تر است، call to action یا نماد؟ تماس سریع;
• چه چیزی بهتر کار می کند، نماد تماس سریع یا دکمه ای که شماره تلفن را نشان می دهد.
• آیا در صورت حذف فیلدهای اضافی، تبدیل افزایش می یابد؟
• اگر امکان ثبت نام از طریق حساب ها در شبکه های اجتماعی را اضافه کنید، آیا تبدیل افزایش می یابد؟
• اگر یک تماس برای اقدام نه تنها در صفحه فرود، بلکه در زیر لوگو در منوی اسکرول قرار دهید، آیا آمار مربوط به اقدام مورد نیاز بهبود می یابد.
• آیا در صورت تغییر محتوا، قابلیت استفاده بهبود می یابد، آن را ساده تر و واضح تر کنید.
• سعی کنید فراخوان را تغییر دهید، شعارهایی اضافه کنید که مشتری را از روند خرید، ثبت نام و غیره مطلع می کند. آسان است و زمان زیادی را نمی گیرد.

نتیجه گیری

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

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

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

امیدواریم امروز مشکل شما را حل کرده باشیم. با تشکر از شما برای خواندن!