نحوه طراحی قالب موبایل برای سایت
توسط حمیدرضا عباسی
حتما تا الان میدانید که استفاده از موبایل در حال افزایش میباشد و به این زودی ها هم متوقف نخواهد شد. آنچه که احتمالا شما نمیدانید این است که چگونه موبایل ها اینقدر محبوب شده اند. آیا واقعا میدانید که تعداد کاربران موبایل از تعداد کاربران دسکتاپ و کامپیوترهای معمولی بیشتر است؟ بله این حقیقت دارد!
بر طبق گزارشات موسسه comeScore که یک موسسه تحقیقاتی برای آنالیز تکنولوژی های اینترنتی میباشد, در ماه مارچ گذشته برای اولین بار مشاهده شده است که تعداد کاربران استفاده کننده از موبایل بیشتر از تعداد استفاده کننده از کامپیوترهای معمولی دسکتاپ میباشند. اجازه بدهید این مسئله را از نگاه دیگری برای شما بیان نمایم. بسیاری از مردم دسترسی به موبایل برایشان آسانتر از دسترسی به کامپیوترهای رومیزیشان از خانه ها یشان میباشند. این میتواند خبر بسیار خوبی برای طراحان وب سایت برای موبایل باشد.
این مطلب به آن معنا میباشد که مردم خرید کالاها و یا خواندن اخبار توسط گوشی موبایل هایشان در حال افزایش میباشد. طراحی یک وب سایت بد برای موبایل میتواند یک فاجعه برای کسب و کار و یا یک انتشاراتی باشد. امروزه وب سایت هایی که برای موبایل و تبلت طراحی شده باشند, سئو بسیار خوبی دارند و در موتورهای جستجویی مانند گوگل هم میتوانند رتبه های خوبی را داشته باشند. در آینده مقاله هایی هم در زمینه سئو خدمت خوانندگان ارائه خواهد شد.
طراحی وب سایت موبایل را ساده و راحت بگیرید
به خاطر بسپارید که طراحی وب سایت برای موبایل و تبلت بسیار ساده و راحت میباشد. طراحی چنین وب سایت هایی باید واقع گرایانه و بسیار عملیاتی باشد. به خاطر داشته باشید که شما برای صفحه نمایش های بسیار کوچکتر نسبت به کامپیوترهای رومیزی طراحی را انجام میدهید. صفحه نمایش در طراحی وب بسیار گرانبها میباشد. طراحی سایت موبایل و تبلت اصلا حس پیچیده ای نمیباشد. حداقل ها میتواند موضوع بسیار مهمی در این طراحی باشد.
همچنین این مطلب میتواند به تجربه کاربران وب سایتتان هم کمک بسیار زیادی نماید. روی هم رفته زمانی که بازدید کننده وب سایت بر روی گوشی آندروید یا اپل خود نمای زیبا و منظمی از وب سایت را ببیند به سرعت میتواند بسیاری از خواسته های خود را در آن پیدا نماید و این میتواند به موفقیت کسب و کار شما کمک بسیار زیادی نماید.
اما مفهوم ساده طراحی کردن در طراحی وب سایت برای موبایل و تبلت به چه مفهومی میباشد؟ کاربران تنها آبجکت ها و گزینه هایی را خواهند دید که فقط به دنبال آنها هستند که در نهایت این عمل باعث خواهد شد که آنها بیشتر و موثرتر در وب سایت شما فعالیت های خود را انجام دهند. بسیاری از منوها و دکمه ها به صورت مفهمومی تر به آنها نشان داده میشود و این میتواند تمرکز آنها از دیدن وب سایت شما را افزایش دهد.
به ورژن موبایل و تبلت سایت وب شهر نگاه بیاندازید. در بالای وب سایت منوهای بزرگ برداشته شده است و در قالب یک منوی باز شونده به کاربر نشان داده میشود و این میتواند برای شما بسیار آموزنده باشد. در نهایت در این شرایط لوگوی وب سایت بهتر میتواند برای بازدید کنندگان وب سایت نشان داده شود و به خاطر آنها سپرده شود. در نهایت فونتها و رنگها بسیار ساده بوده و باعث نخواهد شد که کاربران با دیدن وب سایت در آن گم شود.
به خاطر داشته باشید که دستگاه ها و محیط های مختلف وجود دارند
از آنجایی که شما برای دستگاه های موبایل و تبلت طراحی سایت را انجام میدهید به خاطر داشته باشید که همه آنها از یک کیفیت برخوردار نیستند. این میتواند رمز موفقیت طراحی سایت موبایل و تلبت امروزه باشد. اما بسیاری از طراحان وجود محیطهای مختلف و سیستم عامل های مختلف موبایل و تبلت را فراموش مینمایند. منظور از طراحی برای موبایل میتواند هم طراحی سایت و هم طراحی نرم افزار برای موبایل و تبلت باشد. بسیار مهم است که شما به عنوان طراح بدانید که بازدید کنندکان وب سایت از چه تکنولوژی ها و دستگاههایی برای دیدن وب سایت استفاده مینمایند و در نهایت هدف خود را شناسایی نمایید. به معنای دیگر شما نمیتوانید یک نرم افزار موبایل و یا وب سایت موبایل را به صورت یکسان برای کاربران آندروید و اپل طراحی نمایید و داشتن این ذهنیت بسیار اشتباه میباشد و با یکدیگر برابر و یکسان نیستند.
تحقیقات نشان میدهد که برای خریدهای آنلاین از فروشگاه های اینترنتی, کاربرانی که از آیفون استفاده مینمایند بیشتر از کاربرانی هستند که از سیستم عامل آندروید استفاده مینمایند. مطلب جالب و خیره کننده این است که تعداد کاربران آیفون بسیار کمتر از آندروید میباشند و این نشان میدهد که کاربران IOS از قدرت بیشتری برای استفاده بهینه از دستگاه های خود بهره مند میباشند.
بنابراین چنانچه شما طراحی نرم افزار موبایل یا وب سایت موبایل هستید بیشتر تمرکز شما باید بر روی طراحی و هماهنگی محصول شما با سیستم عامل IOS و گوشی های iPhone باشد چراکه در نهایت پول بیشتری را برای شما خواهد داشت.
اگرچه در حال حاضر کاربران زیادی نسبت به نسخه کامپیوترهای رومیزی در حال دیدن صفحات وب سایت هستند اما بسیاری از آنها در ابتدا وب سایت مورد نظر را از طریق کامپیوترهای رومیزی یا همان Desktop مشاهده مینمایند. این به آن معنا میباشد که در ابتدا وب سایت و منوهای قابل مشاهده برای کاربران را برای کامپیوترهای رومیزی طراحی و پیاده سازی نمایید.
بنابراین زمانی که وب سایتی را برای موبایل و یا تبلت طراحی مینمایید از شلوغ کاری و زیر پا گذاشتن قوانین و قواعد خودداری نمایید. اطمینان حاصل نمایید که بازدید کنندگان وب سایت موبایل همان تجربه را از دیدن وب سایت برای نسخه دسکتاپ وب سایت خواهند داشت.
در زیر برخی از موارد را که در منوهای قابل دسترسی یا همان Navigation باید در وب سایت های موبایل رعایت نمایید را ذکر مینماییم که عبارتند از:
۱- بیشتر دسته بندی ها و صفحات وب سایت بر اساس تجزیه و تحلیل شما
۲- نمایش منوهای کاربری یا همان Navigation در فرمت کوچک و مناسب صفحه نمایش های موبایل و تبلت
۳- تصاویر با کیفیت مناسب
۴- ارائه قابلیت های جستجوی برجسته
استفاده از دکمه های مناسب و قابل رویت برای کاربران تا در نهایت ترغیب شوند که بر روی آنها کلیک نمایند.
وب سایت شرکت طراحی سایت وب شهر در نسخه های موبایل و تبلت میتواند نمونه بسیار خوبی از این طراحی باشد.
مراحل و فازهای طراحی را تا جایی که لازم است بررسی نمایید
همین مطلبی که در این بخش از مقاله به آن اشاره میشود میتواند بسیار قابل توجه باشد. اجرا نمودن هر نکته غیر ضروری دیگری که در نهایت نتواند کاربر وب سایت را به هدف نهایی خودش برساند برای وب سایت نسخه موبایل و تبلت شما کاملا بی فایده خواهد بود. یکی از آخرین مراحل سخت میتواند پیاده سازی مکانیزم سبد خرید باشد. مخصوصا که شما از قبل برای طراحی وب سایت موبایل و تبلت برنامه ریزی مشخصی را نداشته اید و در حال حاضر تصمیم دارید که نسخه های موبایل و تبلت را در وب سایت خود پیاده سازی نمایید.
جای تعجب نیست که تحقیقات نشان میدهد که خرید کالا و استفاده از سبد خرید برای کاربران موبایل کمی سخت و حتی بد و وحشتناک به نظر برسد. بازدید کنندگان مطمئنا در موبایل هم به دنبال خرید چیزی هستند اما شاید تجربه وحشتناکی از خرید و ثبت سفارش خود دارند. بنابراین زمانی که نتوانند از امکاناتی استفاده نمایند از آن ناامید خواهند شد و وب سایت شما را برای همیشه ترک خواهند نمود و هرگز بر نخواهند گشت. حتی در نسخه های کامپیوترهای رومیزی.
یکی از بدنام ترین روشهای خرید و پرداخت پول در نسخه های موبایل این است که دکمه ای وجود داشته باشد که کاربران وب سایت بر روی آن کلیک نمایند ولی متاسفانه این روش پرداخت در موبایل آنها پشتیبانی نمیشود. یا از طرفی دیگر دکمه آنقدر کوچک میباشد تا کاربر به راحتی نمیتواند انگشت خود را بر روی آن لمس نمایند. در نهایت کاربر وب سایت از اضافه نمودن آن کالا به سبد خرید خود منصرف خواهد شد.
یکی از بهترین مثال ها در زمینه اضافه نمودن کالا به سبد خرید در ورژن های موبایل میتواند به طراحی وب سایت کامپک که توسط شرکت طراحی سایت وب شهر انجام شده است اشاره نمود.
طراحی وب سایت برای نسخه موبایل از نسخه دسکتاپ کاملا متفاوت است
بسیاری از طراحان وب سایت این مفهوم را درک نمی نمایند. طراحی وب سایت برای موبایل کاملا مفهوم متفاوتی از طراحی وب سایت برای نسخه های دسکتاپ دارد. این کاملا منطقی و قابل قبول میباشد که شما میخواهید طراحی وب سایت برای موبایل را به طراحی وب سایت برای دسکتاپ نزدیک نمایید اما به یاد داشته باشید استثناء هایی هم وجود دارد.
طراحان درک نموده اند که رفتارهای کاربران نسخه های IOS از کاربران نسخه های Android کاملا متفاوت میباشند و یکسان نخواهند بود. بنابراین تحقیق نمودن در این زمینه میتواند راه حل بسیار خوبی باشد. در نهایت شما طراحی های مختلفی را برای نرم افزار ها و وب سایت های موبایل و تبلت انجام خواهید داد.
در نهایت این نکته بسیار حائز اهمیت میباشد که بتوانید پولی از وب سایت طراحی شده کسب نمایید. نمی توانید خرید کاربران توسط گوشی های موبایلشان را مهار نمایید. اگر هم بخواهید چنین کار اشتباهی را انجام دهید در نهایت بازنده خواهید بود.
** طراحی ریسپانسیو به ویژه طراحی نسخه موبایل مناسب امروز از نظر موتور های جستجو معروف و معتبر به ویژه گوگل اهمیت زیادی دارد و به رتبه شما و امتیاز شما در سئو کمک بسیاری خواهد کرد.
حمیدرضا عباسی
حمیدرضا عباسی هستم، کارشناس نرم افزار و دانشجوی کارشناسی ارشد تجارت الکترونیک، طراح و توسعه دهنده وب سایت و متخخص سئو، از سال ۹۰ به صورت حرفه ای شروع به فعالیت در زمینه طراحی وب سایت کردم و بسیار علاقه مند و مشتاق به استفاده از تکنولوژی های جدید و بروز در زمینه طراحی وب سایت و تجارت الکترونیک هستم.
