تفاوت بین طراحی وبسایت برای موبایل و کامپیوتر میزی چیست؟

 

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

 

سازماندهی محتوا

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

 

فرم ها

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

 

فهرست ها

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

خانه --> اخبار و مقالات --> تفاوت بین طراحی وبسایت برای موبایل و کامپیوتر میزی چیست؟

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

لطفا آدرس ایمیل را بدون WWW وارد نمائید.

نظرات کاربران