توسعه صفحات فرود (اصطلاحاً صفحات فرود یا صفحات فرود) به بخشی از طیف خدمات اکثر استودیوهای وب تبدیل شده است، و این تعجب آور نیست: صفحات فرود مورد تقاضا هستند، زیرا اعتقاد بر این است که آنها هستند. کسانی که سریعترین پول واقعی را برای مشتریان به ارمغان می آورند.
در این میان بین صفحه فرود و صفحه فرود تفاوت وجود دارد. یک صفحه فرود که در کنار بنرهای تبلیغاتی کار می کند، مشتری را با موفقیت در مورد محصول و خدمات مطلع می کند و او را به خرید (یا هر اقدام ضروری دیگری) سوق می دهد و دیگری یک صفحه معمولی از سایت باقی می ماند. کمی زیباتر و "پیچیده تر" از دیگران ...
چه چیزی باعث موفقیت یک صفحه فرود می شود؟
در پاسخ به این سوال می توان به طراحی، محتوای استفاده شده، ساختار المان ها، قرارگیری مناسب call to action، دکمه های اجتماعی و ... اشاره کرد. با این حال، اگر سؤال فوق را در یک کلمه خلاصه کنیم و به آن پاسخ دهیم، با اطمینان می توان گفت که موفقیت صفحه فرود به قابلیت استفاده بستگی دارد.
قابلیت استفاده خوب به مشتری این امکان را می دهد که در صفحه فرود احساس راحتی کند: ساختار عناصر راحت است. محتوا و فراخوان‌ها برای اقدام به آرامی مشتری را به سمت خرید سوق می‌دهد. صفحه فرود مشتری را با اطلاعات غیر ضروری بارگیری نمی کند. صفحه فرود مشتری را مجبور نمی کند که دیوانه وار در اطراف صفحه بچرخد تا دکمه خرید مورد نظر (یا دیگر وجود ندارد؟) را پیدا کند.
همانطور که ممکن است حدس بزنید، قابلیت استفاده خوب، جهانی نیست. هیچ دستور العملی برای همه سوله ها وجود ندارد و، البته، نمی تواند وجود داشته باشد. در همین حال، بسیاری از طراحان و توسعه دهندگان، هنگام کار بر روی صفحه فرود، ساده ترین چیز را نادیده می گیرند: قابلیت استفاده خوب برای صفحه فرود دسکتاپ برای دستگاه های تلفن همراه یکسان نخواهد بود. به نظر واضح است، اما نه ...
بنابراین برای ایجاد یک صفحه فرود سازگار با موبایل چه کاری می توانید انجام دهید؟ صفحات فرود موبایل چه ویژگی هایی دارند؟ هنگام ایجاد صفحه فرود موبایل چه نکاتی را باید در نظر داشت؟ در ادامه به این سوالات پاسخ خواهیم داد.
هنگام ایجاد صفحه فرود تلفن همراه باید به چه نکاتی توجه داشته باشید. 7 نکته
احتمالاً این حقیقت قبلاً توانسته است دندان‌ها را در معرض خطر قرار دهد، اما با این وجود یک بار دیگر آن را تکرار می‌کنیم: کاربران تلفن همراه با کاربران دسکتاپ بسیار متفاوت هستند. همانطور که ممکن است حدس بزنید اهداف آنها نیز بسیار متفاوت است.
بنابراین، وقتی شروع به کار بر روی صفحه فرود می کنید، به سوالات زیر پاسخ دهید:
- آیا اندازه صفحه نمایش، نوع دستگاه و زمینه استفاده کلی بر انتظارات کاربر تأثیر می گذارد؟ اگر چنین است، چگونه؟
- کاربران موبایل در این صفحه فرود بیشتر به چه چیزی نیاز دارند؟
- کاربران بالقوه وقتی روی صفحه فرود موبایل فرود می آیند چه کاری می خواهند انجام دهند؟ اقدامات آنها چیست؟
به نظر می رسد که پاسخ این سؤالات واضح است، اما آنها را دست کم نگیرید. واقعیت این است که کاربران موبایل به اندازه کاربران دسکتاپ فعالانه خرید نمی کنند. تبدیل تقریباً به صورت زیر توزیع می شود:
- قرص
- گوشی های هوشمند
این یعنی چی؟ درباره یک واقعیت پیش پا افتاده که برای هر روانشناس شناخته شده است: برای تصمیم گیری، فرد به اطلاعات ارائه شده در قالب مناسب نیاز دارد. علاوه بر این، هرچه "قیمت" راه حل بالاتر باشد، فرد به اطلاعات دقیق تری نیاز دارد. به طور کلی، شخص بدون هیچ مشکلی از گوشی هوشمند پیتزا سفارش می دهد، اما در حالی که با گوشی هوشمند در پارک می نشیند، ماشین نمی خرد.
موفقیت یک صفحه فرود تلفن همراه همیشه با تبدیل سنجیده نمی شود. مشتریانی که از یک دستگاه تلفن همراه به صفحه فرود می آیند همیشه در حال خرید چیزی نیستند. بلکه مشتری برای آشنایی با اطلاعات و برقراری ارتباط عاطفی با محصول از چنین صفحه فرودی بازدید می کند و تنها پس از آمدن به خانه و نشستن پشت کامپیوتر، اقدام به خرید می کند.
به طور خلاصه می توان گفت که هدف مشتری یافتن اطلاعات، هدف صاحب سایت کسب درآمد و هدف طراح و توسعه دهنده ایجاد صفحه فرودی است که بتواند حداکثر تعداد سرنخ را جذب کند. .
بنابراین، با ورود به صفحه فرود تلفن همراه، مشتری به دنبال اطلاعاتی برای تصمیم گیری است - برای خرید یک محصول یا نه؟ بنابراین، شما باید تمام تلاش خود را برای تسهیل این روند انجام دهید.
پیش پا افتاده است، اما ساده ترین راه برای مشتری برای تصمیم گیری در مورد اینکه آیا من خرید می کنم یا نه، تماس گرفتن است. از این رو، یک سرویس تماس سریع راه اندازی کنید. اجازه دهید نماد تلفن گرامی مشتری بالقوه را در سراسر صفحه فرود همراهی کند. لطفاً توجه داشته باشید که باید فقط یک نماد با تلفن و نوعی تماس برای اقدام مانند "اکنون تماس بگیرید!" باشد. تعدادی از مطالعات نشان داده اند که یک آیکون 10-20٪ موثرتر از یک شماره تلفن معمولی است.
مهم! فقط زمانی تماس‌ها را تنظیم کنید که مطمئن باشید کسی به آنها پاسخ می‌دهد. اگر یک مشتری بالقوه تماس بگیرد و در پاسخ فقط صدای بوق بشنود، می توانید با خیال راحت این مشتری را فراموش کنید.
یک صفحه فرود موبایل ایده آل نه تنها کاربر را با اطلاعات بارگذاری نمی کند، بلکه او را مجبور به انجام اقدامات "غیر ضروری" نمی کند. این اقدامات غیرضروری را می‌توان با پر کردن انواع فرم‌هایی که همه ما بسیار دوست داریم در رایانه شخصی نسبت داد.
مجبور کردن مشتری برای وارد کردن اطلاعات مربوط به خود برای اشتراک یا خرید برای مدت طولانی و خسته کننده به معنای از دست دادن او است. فقط پیگیرترین ها به پایان می رسند. از این رو:
- تعداد منوهای کشویی را به حداقل برسانید یا آنها را به طور کلی حذف کنید.
- تعداد کل فیلدهایی را که باید پر کنید کاهش دهید - همه اطلاعات اضافی را می توان پس از سفارش مشتری توسط کارمند مرکز تماس درخواست کرد.
- مطمئن شوید که تمام فیلدهای باقی مانده به درستی پیکربندی شده اند، یعنی صفحه کلید تلفن همراه به طور خودکار با فیلد تنظیم می شود: نام - حروف، تلفن - اعداد و غیره.
- در صورت نیاز به ثبت نام، امکان ثبت نام از طریق شبکه های اجتماعی را فعال کنید.
- اطمینان حاصل کنید که خدمات پرداخت نیازی به پر کردن مجدد تمام اطلاعات توسط مشتری ندارد.
به طور کلی، تعداد اقدامات مورد نیاز در صفحه فرود را به حداقل برسانید. کار با صفحه نمایش کوچک ناخوشایند است و پر کردن ده ها فیلد مختلف فقط یک تمسخر است!
نکته 4. دعوت به اقدام باید همیشه در چشم باشد
هدف از صفحه فرود شما هرچه که باشد، تمام تلاش خود را بکنید تا تماس خود را برای اقدام در مقابل مشتریان خود نگه دارید.
"اکنون بخرید!"، "اشتراک در خبرنامه!"، "تخفیف دریافت کنید!"، "دانلود جزوه!" و سایر فراخوان‌ها نباید جایی در پایین صفحه یا جایی در عنوان صفحه فرود باشند، بلکه باید در قسمت‌های معنایی مختلف صفحه فرود تکرار شوند یا هنگام اسکرول مشتری را «دنبال کنید».
به نظر می رسد بهترین راه حل این باشد: یک تماس برای اقدام در زیر لوگوی شرکت در منوی اسکرول قرار دهید. بنابراین، تماس برای اقدام همیشه در معرض دید قرار خواهد گرفت و کاربر می تواند از هر نقطه از صفحه فرود، اقدام مورد نظر خود را انجام دهد. علاوه بر این، چنین راه حلی از مشکلات حل جلوگیری می کند: دعوت به اقدام همیشه زیر لوگو خواهد بود و با آن کاهش یا افزایش می یابد.
محتوا در هر صفحه فرود ضروری است، اما نباید مقدار زیادی از آن وجود داشته باشد. محتوا باید واضح، قابل درک باشد و مشتری را به انجام اقدام مورد نظر ترغیب کند.
ویژگی صفحه فرود موبایل این است که الزامات محتوا به شدت افزایش می یابد. توجه کاربر تلفن همراه بسیار پراکنده است - او 20 دقیقه بوم ها را نمی خواند، چه، چرا و چرا. بنابراین، متن باید وجود داشته باشد، اما فقط در ماهیت.
لاستیک را نکشید، اما بلافاصله به مشتری اطلاع دهید که می تواند یک صفحه در این صفحه فرود دریافت کند. از عبارات "زیبا" و چرخش طولانی استفاده نکنید - ایجاز، سادگی و وضوح مهمتر از سبک است. این را به خاطر داشته باش.
کاربران موبایل نه تنها تمایل کمتری به خواندن صفحه فرود با دقت دارند، بلکه اغلب به دلیل سرعت بارگذاری پایین صفحه، به سادگی قادر به پرداخت آن نیستند.
یک مطالعه اخیر در ایالات متحده نشان داد که صفحات فرود سنگین و برای سرعت پایین اینترنت بهینه نشده اند، 40 تا 50 درصد از مشتریان بالقوه را از دست می دهند. خب، در دنیایی که هر کسب‌وکاری ده‌ها رقیب دارد، هیچکس نمی‌خواهد منتظر بماند و، باور کنید، نخواهد داشت.
برای سبک‌تر کردن صفحه، مطمئن شوید:
- همه تصاویر بهینه شده اند و حتی با سرعت کم اینترنت می توانند به سرعت بارگذاری شوند.
- صفحه فرود از فناوری گرافیک برداری مقیاس پذیر استفاده می کند ، یعنی همه تصاویر باید بسته به وضوح و بدون از دست دادن کیفیت بزرگ و کوچک شوند.
- تمام محتوا به صورت HTML نوشته شده است و به صورت تصویر نمایش داده نمی شود.
در همان ابتدای مقاله نوشتیم که کاربران موبایل با کاربران دسکتاپ بسیار متفاوت هستند. درست است، اما بالاخره آنها افراد متفاوتی نیستند. مشتری بالقوه از هر وسیله ای که استفاده می کند، همیشه نوعی مشکل دارد که شما می توانید آن را حل کنید. اصولاً هر مشتری به کالا و خدمات شما نیاز ندارد، بلکه به راه حلی برای مشکلات خود نیاز دارد.
چه چیزی از این نتیجه می شود و صفحه فرود موبایل چه ربطی به آن دارد؟ اگر بتوانید خواسته ها و نگرانی های او را با مشتری بالقوه در میان بگذارید، صفحه فرود موفقیت آمیز خواهد بود و راه حلی شایسته و موثر برای مشکل به او ارائه دهید. همه کالاها، خدمات و صفحه فرود برای خود دارند، اما تنها شما راه حلی دارید!
با درک این موضوع، باید درک کنید که کدام راه حل مؤثرتر است. اینجاست که تست A/B وارد می شود. از گروه های کنترل برای پیدا کردن موارد زیر استفاده کنید:
- چه چیزی برای صفحه فرود شما جذاب تر است، نماد تماس برای اقدام یا تماس سریع.
- که بهتر کار می کند، یک نماد تماس سریع یا یک دکمه با شماره تلفن.
- آیا در صورت حذف فیلدهای اضافی، تبدیل افزایش می یابد؟
- اگر امکان ثبت نام از طریق حساب های رسانه های اجتماعی را اضافه کنید، آیا تبدیل افزایش می یابد؟
- اگر یک تماس برای اقدام نه تنها در خود صفحه فرود، بلکه در زیر لوگو در منوی اسکرول قرار دهید، آیا آمار مربوط به اقدام مورد نیاز بهبود می یابد؟
- آیا قابلیت استفاده با تغییر محتوا بهبود می یابد و آن را ساده تر و واضح تر می کند؟
- سعی کنید فراخوان خود را تغییر دهید، شعارهایی اضافه کنید که به مشتری می گویند فرآیند خرید، ثبت نام و غیره. آسان است و زمان زیادی نخواهد برد.
نتیجه گیری
به طور خلاصه، می توان گفت که یک صفحه فرود بدون قابلیت استفاده خوب نمی تواند موفق باشد. ما در بالا توضیح دادیم که قابلیت استفاده خوب از موبایل چیست، اما دوباره آن را تکرار می کنیم. بنابراین، یک صفحه فرود تلفن همراه خوب:
- "تیز" برای یک کار خاص؛
- اطلاعات کافی برای مشتری برای تصمیم گیری برای انجام اقدامات لازم؛
- به مشتری اجازه می دهد تا به راحتی از طریق تلفن یا از طریق فرم تماس با پشتیبانی تماس بگیرد.
- هنگام انجام عمل مورد نظر مشتری را مجبور به پر کردن بسیاری از فیلدها نمی کند.
- با فکر در امتداد درخت پخش نمی شود، به وضوح و به وضوح نشان می دهد که مشتری با انجام یک عمل چه مشکلی را حل می کند.
- به سرعت بارگیری می شود، باعث نمی شود مشتری وقت گرانبها را تلف کند.
- به شما امکان می دهد اقدامات لازم را انجام دهید که در آن قسمت از فرود مشتری نباشد (حداقل اسکرول).
- نه بر ارائه یک محصول یا خدمات، بلکه بر حل مشکل مشتری تمرکز دارد.
همچنین توجه داشته باشید که صفحه فرود موبایل باید تست A/B را پشت سر بگذارد. بنابراین، شانس کار کردن صفحه فرود را افزایش می دهید.
امیدواریم امروز مشکل شما را حل کرده باشیم. با تشکر از شما برای خواندن!
تصور کنید که در یک شهر ناآشنا هستید و باید سریعاً اطلاعات خاصی را با استفاده از تلفن همراه خود پیدا کنید. شما بالاخره منبع مورد نظر خود را پیدا می کنید، اما ... برای صفحه نمایش کوچک کاملاً نامناسب است. برای بارگذاری یک صفحه برای همیشه طول می کشد، دکمه های کوچک پیدا نمی شوند، و برای تماس با دفتر باید شماره تلفن شرکت را کپی و جایگذاری کنید. یا حتی بدتر: شما باید یک فرم سرنخ طولانی را پر کنید.
همه ما حداقل یک بار در زندگی خود با این مشکل مواجه شده ایم. آمارهای شرکت تحلیلی «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. نادیده گرفتن اهداف کاربر
یکی دیگر از اشتباهات رایج این است که فرض کنیم طراحی واکنشگرا همه مشکلات را حل می کند. اما به این سادگی نیست. اگرچه می تواند از بسیاری از مشکلات جلوگیری کند، اما ارزش آن دسته از کاربرانی را دارد که از طریق تلفن همراه به منبع دسترسی دارند.
Mike Mace معاون UserTesting هزاران نسخه موبایل را مورد تحقیق قرار داده است. نتیجه گیری او در اینجا است: "شما باید سایت خود را به طور خاص برای دستگاه های تلفن همراه دوباره طراحی کنید، نه اینکه فقط آن را تنظیم کنید. نسخه موبایل نه تنها مجموعه‌ای از فناوری‌های متفاوت است، بلکه رفتار کاربر متفاوت است، انتظارات متفاوتی نیز دارد.
به عنوان مثال، دارندگان گوشی های هوشمند انتظار دارند که اهداف آنها بلافاصله محقق شود. آنها می خواهند در زمان استراحت بین جلسات یا در اتوبوس به سرعت اطلاعات را پیدا کنند. کاربر تبلت اغلب وقت دارد که جستجو کند، به عنوان مثال، او در خانه جلوی تلویزیون می نشیند (که اتفاقاً باعث حواس پرتی می شود).
همچنین باید در نظر داشت که نیازها و اولویت های صاحبان موبایل اغلب با نیازهای کاربران رایانه خانگی متفاوت است: اولین نفر به احتمال زیاد نیاز به یافتن سریع کارت یا شماره تلفن دارد. بنابراین، کارشناسان توصیه می کنند نه تنها "انتقال" تمام اطلاعات از صفحه فرود به نسخه موبایل، بلکه در مورد اهداف کاربران و طراحی مناسب فکر کنید.
هیچکس دوست ندارد حتی در سایت های معمولی فرم های طولانی را پر کند و ورود اطلاعات مختلف از طریق موبایل آنقدر آزاردهنده است که در هیچ چارچوبی نمی گنجد. نکته اصلی: هنگام توسعه نسخه موبایل از فرم های طولانی و خسته کننده خودداری کنید.
در نتیجه، نه تنها یک تجربه کاربری مثبت دریافت خواهید کرد، بلکه افزایش درآمد و رشد کسب و کار خود را نیز دریافت خواهید کرد. همانطور که قبلا متوجه شدیم، فرم های طولانی آزاردهنده هستند و اگر از آنها استفاده کنید، به احتمال زیاد نرخ تبدیل خود را کاهش خواهید داد. به عنوان مثال، آژانس مسافرتی بزرگ Expedia به دلیل فیلدهای فرم غیر ضروری که برای کاربران گیج کننده و گیج کننده بود، 12،000،000 دلار سود از دست داد.
اگر کاربران فرم های طولانی را در دستگاه تلفن همراه خود ببینند، سعی می کنند از تعاملات خسته کننده خودداری کنند. نویسنده Lean Startup UX Laura Klein خاطرنشان می کند: "انتظار از کاربران تلفن همراه برای وارد کردن داده ها به همان روشی که کاربران دسکتاپ دارند، بزرگترین اشتباه بسیاری از شرکت ها است."
چند نکته برای ایجاد راحت ترین و قابل فهم ترین فرم ها:
- فقط فرم های ساده را انتخاب کنید و اطلاعات زیادی نخواهید.
- حذف فیلدهای غیر ضروری؛
- تکمیل خودکار را برای رایج ترین کلمات و عبارات روشن کنید.
- از ابزارهای تعبیه شده در دستگاه های تلفن همراه (صفحه کلید عددی، GPS، دفترچه آدرس، دوربین و غیره) استفاده کنید.
موقعیتی آشنا برای بسیاری: شما سعی می کنید با استفاده از تلفن همراه خود یک پیوند را دنبال کنید یا فرمی را پر کنید، اما در عوض خود را در صفحه ای کاملا متفاوت می بینید. ترکیبی از صفحه نمایش های کوچک و بسیاری از عناصر قابل کلیک باعث ایجاد ناراحتی های زیادی برای کاربران می شود.
استیون هوبر، طراح تجربه کاربری موبایل و نویسنده کتاب طراحی رابط‌های موبایل، توصیه می‌کند: «مطمئن شوید که هر ناحیه لمسی حداقل 8 میلی‌متر از مرکز دیگری فاصله داشته باشد، اگرچه 10 میلی‌متر ترجیح داده می‌شود.»
پیوندها، فیلدهای فرم و سایر عناصر مهم باید به اندازه کافی بزرگ باشند تا کاربران بتوانند به راحتی روی آنها کلیک کنند. با در نظر گرفتن این هدف، اپل حداقل اندازه شی را 44x44 پیکسل تعیین کرده است. این استاندارد اکنون برای تمامی محصولات این شرکت استفاده می شود.
هیچ قانون و اندازه ای وجود ندارد که برای هر صفحه فرود مناسب باشد، اما به گفته استفان هوبر، سه معیار برای توسعه یک منبع وجود دارد: دکمه ها باید خوانا، واضح و برای کاربران جذاب باشند.
کاربران تلفن همراه بسیار بی حوصله هستند و بارگذاری کند مشکل اصلی است. 80 درصد از دارندگان گوشی های هوشمند انتظار دارند صفحات به همان سرعتی که روی صفحه نمایش رایانه آنها بارگذاری می شود، بارگذاری شوند. اگر سایت به لمس کاربر پاسخ ندهد، به احتمال زیاد شخص:
به جای نتیجه گیری
مصرف محتوای رسانه ای از طریق دستگاه های تلفن همراه هر ماه در حال افزایش است. روز به روز افراد بیشتری به اینترنت موبایل دسترسی پیدا می کنند، و مهم است که این موضوع را هنگام توسعه یک صفحه فرود یا وب سایت در نظر بگیرید.
منابع بیش از حد پیچیده کاربران را ناامید می کند و آنها را به سمت رقبا سوق می دهد. با آسان کردن و لذت بردن از صفحه فرود در دستگاه های تلفن همراه، از دست دادن سرنخ ها و افزایش نرخ تولید سرنخ جلوگیری می کنید.
باز هم، یک خبر خوب برای صاحبان سایت وردپرس - افزونه هایی وجود دارند که یک نسخه موبایلی از سایت شما را در یک زیر دامنه ایجاد می کنند، به عنوان مثال WP Mobile Edition.
مزایای این روش:می توانید طراحی سایت را برای دستگاه های تلفن همراه به میزان قابل توجهی ساده کنید که تاثیر خوبی بر سرعت آن خواهد داشت.
معایب:شما باید یک زیر دامنه ایجاد کنید و آن را پیکربندی کنید، یک قالب جداگانه و یک اسکریپت برای آن بنویسید که تعیین می کند کاربر از کدام دستگاه وارد شده است، و این بیشتر از ایجاد یک طراحی واکنش گرا طول می کشد.
چه چیزی بدست خواهیم آورد؟
آدرس سایت اضافی در زیر دامنه "m." با طراحی متفاوت از دامنه اصلی، ساده شده. شبکه نمونه هایی از چنین پیاده سازی پر است، به عنوان مثال، یک سایت شناخته شده برای همه:
اگر انتخاب خود را انجام داده اید و یکی از روش های پیاده سازی را سفارش داده اید، فراموش نکنید که نحوه نمایش سایت شما در دستگاه های تلفن همراه و در تست های آنلاین گوگل.
بیشتر در مورد موضوع:
سوالی دارید؟
اکنون با ما تماس بگیرید و ما ظرف 8 ساعت کاری پاسخ خواهیم داد.
ترافیک موبایل دنیا را به سرعت تغییر داده است به طوری که بسیاری از قوانین جدید بازی غافلگیر شده اند. آخرین تحقیقات بازار نشان دهنده رکود مداوم در بخش دسکتاپ در پس زمینه رشد قوی در تلفن همراه است که چندین سال است ادامه دارد. در چنین شرایطی، کسب‌وکاری که آماده کار با باارزش‌ترین ترافیک گوشی‌های هوشمند و تبلت‌ها نیست، کارایی خود را از دست می‌دهد - حالا یا شش ماه دیگر، فرقی نمی‌کند.
این امر به ویژه در مورد شرکت های تجارت الکترونیکی که به فروش از طریق صفحات فرود متکی هستند صادق است. بدیهی است که شماره یک در لیست کارهایی که برای رئیس چنین کسب و کاری انجام می شود، باید انطباق صفحه فرود برای دستگاه های تلفن همراه باشد. و برای اینکه تا حد امکان مؤثر باشد، ارزش ارزیابی دامنه کار را دارد.
بنابراین - چه چیزی و چگونه سازگار شویم؟
- تصاویر.به طور معمول، تصاویر دسکتاپ زشت و ناپسند هستند و برای همیشه در تلفن همراه بارگذاری می شوند. آنها یا باید کوچکتر شوند - متناسب با صفحه نمایش تلفن های هوشمند و تبلت ها، کاهش کیفیت برای کاهش وزن، یا می توانید از پلاگین / اسکریپت Adaptive Images استفاده کنید که خود اندازه و کیفیت تصویر را بسته به نوع انتخاب می کند. دستگاه راه حل اول از نظر استراتژیک صحیح تر است و به شما امکان می دهد صفحه فرود خود را به طور مؤثرتری برای دستگاه های تلفن همراه بهینه کنید.
- منو.ناوبری منو را ساده کنید - از شر گزینه های غیر ضروری، برگه های چند مرحله ای و چاپ کوچک خلاص شوید.
- جداول.هر فروشگاه اینترنتی از جداول حاوی یک محصول تشکیل شده است و اغلب در سایت های دیگر یافت می شود. برای اینکه این داده ها هنگام تطبیق صفحه فرود برای دستگاه های تلفن همراه به درستی نمایش داده شوند، امکان اسکرول افقی را فراهم کنید تا محتوای اصلی ثابت بماند.
- فرم های ورودیآنها باید بزرگتر و بهینه شوند تا از انواع درست درست استفاده کنند. همچنین تصحیح خودکار، حروف بزرگ و تصحیح را خاموش کنید - آنها با ورودی تلفن تداخل دارند.
- محتوا.از فونت کمتر از 16 استفاده نکنید، فاصله خطوط و از لبه صفحه را فراموش نکنید - و محتوا را بیش از حد ساده نکنید تا مشتری مجبور شود برای جستجوی اطلاعات خود به سایت دسکتاپ مراجعه کند. نیاز داشتن.
- پاسخگویی.بسیاری از مردم فکر می کنند که بهینه سازی صفحه فرود برای دستگاه های تلفن همراه به معنای واکنش گرا بودن آن است. این کاملاً درست نیست: سایت فقط باید به درستی در همه صفحه نمایش داده شود، که با بیش از یک فناوری به دست می آید. اطلاعات بیشتر در مورد فناوری های بسیج وب سایت را در مقاله ما بخوانید.
- سرعت دانلود.این پارامتر مستقیماً به تمام نکات قبلی بستگی دارد. به عنوان یک قاعده، سایت های موبایلی که با استفاده از فناوری سازنده قالب ساخته شده اند، سریع ترین بارگذاری می شوند. از آنجایی که قالب ها قبلاً از نظر کیفی بهینه شده اند، می توانید با خیال راحت از تمام موارد قبلی در لیست صرف نظر کنید و به جالب ترین چیز بروید - انتخاب و پیکربندی آسان یک گزینه مناسب.
همه این چیزهای به ظاهر پیچیده به راحتی در راه حل های ساده جای می گیرند. در بازار روسیه، گزینه هایی برای تطبیق صفحه فرود برای دستگاه های تلفن همراه برای هر سلیقه و کیف پول وجود دارد: می توانید یک استودیو کامل وب را استخدام کنید یا از خدمات آنلاین استفاده کنید. به عنوان مثال، MoAction بیش از 100 راه حل آماده ارائه می دهد. دارای بالاترین رتبه حرکتی از گوگل و حرفه ای هستند ...
انتخاب باشماست!
93 درصد از کاربران هر روز از طریق دستگاه های تلفن همراه به اینترنت دسترسی دارند. اینها 3,500,000,000 نفر هستند که می توانند در هر زمان از صفحه فرود شما از تلفن هوشمند یا تبلت خود بازدید کنند. از این رو، باید تمام تلاش خود را برای بهینه سازی صفحه فرود موبایل خود انجام دهید. هیچ چیز بدتر از یک قیف تبدیلی نیست که در موبایل کاملاً بی اثر باشد.
در این مقاله، با 8 بهترین روش طراحی موبایل آشنا خواهید شد که می تواند به شما در بهبود تجربه کاربری و افزایش تبدیل در هر دستگاهی کمک کند.
1. از نوار ناوبری خلاص شوید
ببینید نوار پیمایش چقدر فضا می تواند بگیرد:
در صفحه نمایش های کوچک موبایل، هر پیکسل ارزشمند است و باید بیشترین بهره را از آن ببرید. یک راه آسان برای انجام این کار، خلاص شدن از شر نوار ناوبری است. در رایانه‌های رومیزی، می‌تواند بسیار مفید باشد: بازدیدکنندگان را آسان می‌کند تا در سایت حرکت کنند و آنچه را که نیاز دارند پیدا کنند. اما در تلفن همراه، نوار پیمایش فضای زیادی را اشغال می کند که متن، عکس یا هر محتوای دیگری می تواند باشد.
چگونه بازدیدکنندگان می توانند بدون نوار ناوبری در یک سایت حرکت کنند؟ راه های مختلفی وجود دارد. محبوب ترین آنها پانل کوچک بالایی است. همبرگر به عنوان کشویی عمل می کند که از گوشه صفحه بیرون می رود و حاوی میانبرهای مختلف منو است.
گزینه دیگر یک سایت تلفن همراه یک صفحه است. با این حال، اگر سایت شما دارای محتوای زیادی باشد، برای شما مناسب نخواهد بود.
احتمالاً اغلب از تلفن هوشمند خود استفاده می کنید - در اتوبوس یا در صف. شاید شما در حال خواندن این مقاله از او هستید. چگونه گوشی هوشمند خود را نگه می دارید؟ این احتمال وجود دارد که با انگشت شست خود روی صفحه بکشید. این کاری است که 75 درصد از کاربران انجام می دهند.
چند سال پیش، این نمودار کتاب مقدس طراحان موبایل بود. با در نظر گرفتن این موضوع، آنها تجربه کاربری را برای اکثر افراد بهینه کردند. و اگرچه ممکن است در زمان خود درست بوده باشد، فناوری به سرعت در حال تکامل و تغییر است. در چند سال گذشته، تلفن‌ها و صفحه‌نمایش‌های ما بزرگتر و بزرگتر شده‌اند - و دست‌های ما ثابت مانده‌اند. ما قبلاً گوشی‌های هوشمند را متفاوت نگه می‌داریم، نواحی لمسی تغییر کرده‌اند و دقت نزدیک‌تر به گوشه‌های بیرونی صفحه نمایش کاهش یافته است.
در نتیجه، طراحان باید محتوا را طوری سازماندهی کنند که عملکردهای اصلی در مرکز و کارکردهای فرعی در پایین و بالای صفحه قرار گیرند.
راحتی استفاده از آنها به طور مستقیم به محل توابع بستگی دارد. توابع اصلی در جایی قبل از آنها قرار دارند و توابع ثانویه در مناطق با دقت پایین قرار می گیرند.
3. بهینه سازی و کاهش اندازه فایل
احتمالاً از قبل می دانید که بهینه سازی اندازه تصاویر در صفحه فرود چقدر مهم است: آنها به طور قابل توجهی تأثیر می گذارند، که به نوبه خود هم بر تجربه کاربر و هم بر رتبه سایت شما در موتورهای جستجو تأثیر می گذارد. در تلفن همراه، نه تنها به دلیل اتصال کمتر قابل اعتماد، بلکه به این دلیل که کاربران تلفن همراه دوست ندارند منتظر بمانند، اهمیت آن دوچندان است.
از سایت هایی مانند TinyJPG یا ابزارهایی مانند ImageOptim (فقط برای مک) یا Export for Web در فتوشاپ برای کاهش اندازه فایل قبل از آپلود تصاویر در سایت خود استفاده کنید.
دو چیز وجود دارد که بیشتر بر اندازه فایل تأثیر می گذارد:
- کیفیت.اگر آن را پایین بیاورید، فایل کوچکتر می شود، اما وضوح آن نیز از دست می رود و ممکن است مصنوعاتی ظاهر شوند.
- اندازه / وضوحطبیعتاً اندازه فایل بستگی زیادی به اندازه عکس دارد. طبیعتاً نمی خواهید تصاویر را آنقدر کوچک کنید که کاربران نتوانند چیزی را ببینند، اما اگر مثلاً عرض ستونی که تصویر را در آن قرار می دهید 600 پیکسل باشد، عرض تصویر نباید 1000 پیکسل باشد. . قبل از بارگذاری تصویر در صفحه فرود، اندازه را تغییر دهید.
4. شماره تلفن با یک کلیک
بهینه سازی صفحه فرود برای تلفن همراه اول از همه به معنای ساده کردن تجربه کاربر و به حداقل رساندن تعداد اقدامات مورد نیاز است. بنابراین، باید از قابلیت‌های دستگاه‌های تلفن همراه استفاده کنید تا بازدید از سایت شما (و همچنین خرید یک محصول یا تماس با شرکت شما) به یک تجربه لذت‌بخش کمک کند.
اگر صفحه فرود شما برای فروش است یا تماس تلفنی گام مهمی در قیف تبدیل است، پس باید تماس با شما را آسان کنید.
یکی از راه های انجام این کار این است که شماره تلفن را برای تماس با یک کلیک در دسترس قرار دهید. احتمالاً با این وضعیت آشنا هستید: بین تلفن و مرورگر جابه‌جا می‌شوید، گوشی را دوباره تایپ می‌کنید، یا سعی می‌کنید آن را کپی کنید و ناخواسته بقیه محتوای صفحه را کپی می‌کنید. بنابراین، یک شماره تلفن قابل کلیک معنای زیادی دارد.
و عدد به شکل زیر خواهد بود:
بازدیدکنندگان می توانند روی آن کلیک کرده و تماس بگیرند.
سایر عناصر مهم سایت نیز باید تعاملی شوند: به عنوان مثال، زمانی که کاربر روی یک آدرس کلیک می کند، نقشه گوگل باید باز شود. اکثر برنامه هایی مانند فیس بوک این کار را به صورت خودکار انجام می دهند، اما می توانید آدرس خود را در Google Maps وارد کنید، پیوند را کپی کرده و در سایت خود قرار دهید.
چیزهای کوچکی مانند این به بازدیدکنندگان صفحه فرود شما کمک می کند احساس کنند چیزی را از دست نمی دهند و کارهای غیر ضروری انجام نمی دهند. اجازه ندهید دستگاه های تلفن همراه قیف تبدیل شما را مسدود کنند.
اگر در روزهای اولیه اینترنت موبایل کار می کردید، به یاد می آورید که چه تعداد از توسعه دهندگان سایت های کاملاً مجزایی با نشانه گذاری ایجاد کردند که روی صفحه نمایش کوچک دستگاه های تلفن همراه کار می کردند. این صفحات معمولاً شامل حداقل تصاویر و متن نسبتاً زیادی برای بارگیری از طریق اتصال آهسته تلفن همراه هستند.
حدود ده سال بعد، چشم انداز به طور چشمگیری تغییر کرده است. صفحه نمایش بزرگتر است، اتصال سریعتر است. و او ظاهر شد. این دو نوع طراحی با یکدیگر متفاوت هستند، اما هدف یکسانی دارند: ایجاد یک طرح واحد که بسته به دستگاه استفاده شده توسط بازدیدکننده به صورت پویا تغییر می کند.
قالب‌ها و ویرایشگرهای صفحه فرود می‌توانند به طور خودکار یک صفحه فرود پاسخگو برای تلفن همراه ایجاد کنند و نیازی به توسعه دستی تیم شما نداشته باشند.
چند نکته در مورد پاسخگویی وجود دارد که باید به خاطر بسپارید:
- اندازه های تصاویراگر تصاویر در صفحه فرود شما بسیار مهم هستند، مطمئن شوید که در دستگاه های تلفن همراه به وضوح قابل مشاهده هستند.
- چیدمان و چیدمان محتوا.بسته به نحوه قرارگیری عناصر در نسخه دسکتاپ صفحه فرود شما، ممکن است در نسخه موبایل جابجا شوند. بررسی کنید که آیا همه چیز در دستگاه های مختلف سر جای خود باقی می ماند یا خیر.
- انیمیشن.انیمیشنی که روی دسکتاپ خوب به نظر می رسد ممکن است روی موبایل به خوبی کار نکند. قبل از ارسال آن را بررسی کنید.
- ویدئو.با توجه به دستورالعمل های قبلی برای اندازه تصویر، ویدیو را در تلفن همراه مخفی کنید یا آن را به طور کلی حذف کنید. این بزرگ، سنگین است و می تواند تجربه تلفن همراه را به میزان قابل توجهی کاهش دهد.
- جاوا اسکریپت.اگرچه این یک زبان برنامه نویسی عالی است، اما همیشه روی موبایل کار نمی کند، بنابراین بررسی کنید که آیا همه چیز به درستی نمایش داده می شود.
6. از شر پنجره های بازشو خلاص شوید
از سال 2017، گوگل صفحاتی را با درج های نفوذی جریمه می کند. اساساً ما در مورد پاپ آپ ها صحبت می کنیم.
نمونه هایی از درج های نفوذی که باعث می شود محتوا کمتر در دسترس باشد.
1. نمونه ای از یک پنجره بازشوی نفوذی.
2. نمونه ای از درج نفوذی جداگانه.
3. نمونه دیگری از درج نفوذی جداگانه.
پاپ آپ ها در دستگاه های تلفن همراه به طور قابل توجهی تجربه کاربر را کاهش می دهند زیرا بازدیدکنندگان سایت شما را از دیدن محتوای مورد علاقه خود باز می دارند. گوگل رتبه چنین سایت هایی را در نتایج جستجو پایین می آورد. پس فقط پنجره های پاپ آپ را خاموش کنید.
اگر محتوای پاپ آپ شما به اندازه کافی مهم است، آن را در قسمتی جداگانه به صفحه اضافه کنید. سپس گوگل سایت شما را در SERP ها تنزل نمی دهد.
7. بهینه سازی فرم ها برای موبایل
اگر تا به حال از طریق تلفن همراه خود خرید کرده اید، می دانید که پر کردن فرم های بی پایان در تلفن خود چقدر آزاردهنده است. با وجود اینکه تایپ کردن با موبایل بسیار ساده تر از گذشته است، اما همچنان دشوار است. تایپ همچنان به تصحیح خودکار متکی است و انگشتان خسته می شوند.
چگونه مشکل را حل کنیم؟ منطق ساده است. فرم های طولانی نیاز به تایپ زیادی دارند. تایپ کردن با موبایل به طرز وحشتناکی ناخوشایند است. در نتیجه، فرم های بلند به طرز وحشتناکی ناراحت کننده هستند.
اگر می‌خواهید تأثیر منفی دستگاه‌های تلفن همراه بر نرخ تبدیل شما را کاهش دهید، یکی از تغییرات زیر را در فرم‌های خود امتحان کنید.
ساده است: هر چه تعداد فیلدهای مورد نیاز کمتر باشد، تلاش کمتری از کاربر مورد نیاز است. هر چه تلاش کمتر باشد، اصطکاک کمتری دارد.
کاهش تعداد فیلدها همیشه امکان پذیر نیست: از این گذشته، اغلب یک فیلد وجود دارد زیرا اطلاعاتی که باید وارد کنید ضروری است. با این حال، هر چیزی که می تواند حذف شود باید حذف شود و برخی از فرم ها (مثلاً نام و نام خانوادگی) باید ادغام شوند.
اگر پر کردن فرم خود را تقسیم کنید، نرخ تبدیل تلفن همراه شما ممکن است سر به فلک بکشد. به عنوان مثال، اگر فرم شما دارای 9 فیلد است، می توانید تنها 3 فیلد را بگذارید. در مرحله اول، کاربر آنها را پر می کند، روی دکمه "بعدی" کلیک می کند و به صفحه بعدی منتقل می شود که در آن فیلدها نیز بسیار کم است. ، و غیره.
این تمرین باعث می‌شود فرم‌های طولانی کمتر دفع کنند و همچنین به شما امکان می‌دهد اطلاعات مربوط به سرنخ‌ها را در تکه‌های کوچک جمع‌آوری کنید، که اگر در مرحله‌ای هنوز پر کردن آن را متوقف کنند مفید است. اولین قدم درخواست یک آدرس ایمیل برای کار با این افراد در آینده است.
8. مقاطع جمع شونده
در یک صفحه کوچک، تمام محتوای شما در یک ستون - یک ستون بسیار طولانی - جمع آوری می شود. در تلفن همراه، این امر به ویژه مضر است، زیرا پیمایش صفحه و یافتن اطلاعات مورد علاقه کاربر برای کاربر بسیار دشوارتر می شود.
بخش های جمع شونده می توانند راه حلی برای این مشکل باشند.
بخش های جمع شونده محفظه های محتوا هستند. کاربر عناوین خود را می بیند و با کلیک آنها را گسترش می دهد. به این ترتیب او صفحه شما را برای یافتن محتوا یا موضوع مورد علاقه اسکن می کند و مجبور نیست از میان متن یا عکس های غیر ضروری زیادی عبور کند.
نتیجه
امیدواریم این دستورالعمل‌های طراحی موبایل به شما کمک کند تا تجربه کاربری را برای کسانی که از صفحه فرود شما از دستگاه‌های تلفن همراه بازدید می‌کنند، بهبود ببخشید. این اصول اغلب نادیده گرفته می شوند، به همین دلیل است که تبدیل تلفن همراه بسیار کم است. آنها را دنبال کنید و کاربران تلفن همراه شما تجربه بهتری خواهند داشت - و تبدیل کنید.
