نسخه موبایل از وب سایت: چگونه به؟ طراحی پاسخگو

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

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

روش یکی - طراحی پاسخگو

الگوهای تطبیقی پیشنهاد تغییر سایت تصویر، بسته به اندازه صفحه نمایش. به طور کلی، آنها را به استاندارد 1600، 1500، 1280، 1100، 1024 و 980 پیکسل تنظیم شده است. برای پیاده سازی استفاده CSS3 رسانه نمایش داده. طراحی وب سایت خود را تغییر نداده است.

مزایای استفاده از این روش باید شامل:

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

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

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

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

راه دوم - یک نسخه جداگانه از سایت

این روش بسیار معمول است و اغلب با موفقیت باعث می شود سایت در دستگاه تلفن همراه راحت تر بخوانید. اسانس آن است که برای ایجاد یک نسخه جداگانه از صفحه، کشیده شده توسط نرم افزار و قرار داده شده در یک URL جداگانه یا زیر دامنه، برای مثال، m.vk.com. در این مورد، از قابلیت های اساسی نگهداری می شود، فقط به نظر می رسد طراحی های مختلف وب سایت. مزایای استفاده از چنین روش موجود است:

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

اما در اینجا بدون اشکالاتی نیست:

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

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

روش سوم - RESS-طراحی

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

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

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

ارزان ترین راه را برای ایجاد یک سایت تلفن همراه

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

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

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

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

اصول برای ایجاد نسخه های تلفن همراه

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

حذف همه غیر ضروری

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

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

هم ترازی

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

اتحادیه

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

و قطع ارتباط

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

لیست

به هر حال، در مورد لیست. دو آنها - ثابت به ترتیب حروف الفبا و یا سفارش دیگر، و با جایگزینی. انتخاب آنها بستگی به چه منتقل خواهد شد.

ثابت مناسب در صورتی که کاربر دقیقا می داند چه او به دنبال. به عنوان مثال، شهرستان، تعداد، و یا تاریخ. گزینه دوم مناسب برای نام های طولانی پیچیده و یا در موارد است که در آن مجموعه ای از تغییرات در یک و به همین نام، و هر وجود دارد لیست کشویی کاربران گام نزدیک تر به هدف. انتخاب با autosubstitution اغلب هنگامی که یک بازدید کننده نیاز به کمک. به عنوان مثال، سایت ارائه می دهد قبل از خرید سوزن های بافندگی. کاربر وارد پرس و جو جستجو "پره فلزی"، و در نقاط نوک "پره 5 میلی متر" "پره 4.5 میلی متر" و t. D.

تکمیل خودکار

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

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

همه خواندن، همه مشاهده

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

برخی از آمار

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

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

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

که در آن نیاز نسخه موبایل است

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

بدون نسخه تلفن همراه نمی تواند وجود داشته باشد:

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

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

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

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

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