طراحی وب سایت, طراحی سایت, طراحی پرتال, طراحی وب, پرنیان وب

  • پرنیان وب : طراحی وب سایت , طراحی وب سایت داینامیک , طراحی وب سایت شرکتی , طراحی وب سایت شخصی , طراحی سایت , طراحی وب , طراحی پرتال

  • پرنیان وب : طراحی پرتال , بهینه سازی سایت و سئو , طراحی پورتال , طراحی پرتال شرکتی , طراحی پرتال سازمانی , افزایش رنکینگ وب سایت , طراحی وب سایت



5 روش طراحی نسخه موبایل سایت و آشنایی با اندازه های آن

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

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

۱- Mobify

اولین وب سایت قابلیتهای بسیار جالبی دارد و بهترین قسمت کار مرحله انتخاب قسمتهای مخصوص نسخه موبایل هست که به روشی بسیار ساده و جالب انجام میشود. کافیست که نام کاربری ایجاد کنید و در طول مدت کمتر از ۱۰ دقیقه شما نسخه مخصوص موبایل خود را در دامین yourname.mobify.me در دسترس خواهید داشت . نکته بسیار جالب دیگری که معمولا اکثر این نوع وب سایتها دارند این است که اگر شما بر روی هاست شخصی سرویس دهی میکنید، میتوانید ساب دامینی بر روی هاست شخصی خود تعریف نمایید و این آدرس را بر روی  آن  Redirect نمایید و حتی پلاگین هایی برای کسانی که از CMS هایی مانند WordPrees و Drupal استفاده میکنند جهت استفاده و Configure کردن ساده تر توسط خود این وب سایت معرفی و ارائه شده است.

۲- MoFuse

اگر سایت یا وبلاگ شما به سیستم  RSS مجهز میباشد این سوریس انتخاب خوبی است. کافیست که حساب کاربری خود را باز نمایید و RSS Feed خود را وارد نمایید. به همین سادگی.  این سایت  امکانات زیاد و مناسبی برای بهینه سازی ورژن شما از قبیل اضافه کردن لینک، صفحه، لوگو، عوض کردن رنگهای قالب ورژن موبایل و  . . . در اختار کاربران خود قرار میدهید. حتی اگر از سیستم Google AdSense  استفاده میکنید میتوانید تبلیغات خود را در ورژن موبایل نمایش دهید و به کسب و کار و تجارت الکترونیک خود در نسخه موبایل ادامه دهید. همچنین این وب سایت نیز افزونه مخصوص WordPress را دارد که باعث میشود کاربرانی که در موبایل خود آدرس وب سایت شما را وارد مینمایند بصورت اتوماتیک به ورژن موبایل شما وصل شوند. همچنین ارائه آمارهای بازدید از طریق ورژن موبایل هم برای شما نمایش داده خواهد شد. به گفته صاحبان این وب سایت، سایتهایی مانند: Fox News, Hardard Bussines, Chicago Publice Radio و . . . از امکانات این سایت استفاده مینمایند.

۳- Mippin

این وب سایت هم مانند وبسایت قبلی عمل میکنیذ و ازطریق فید سایت شما ورژن موبایل را بری شما میسازد اما امکانات و کنترل پنل محدودتری را در اختیار شما قرار میدهد از جمله اینکه نمیتوانید آدرس آنرا بر روی SubDomain هاست خود Redirect نمایید.

۴- WireNode

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

ReeBok, Ford, O2, Nokia, Nivea, Air France و ... از سرویس این سایت استفاده مینمایند.

۵- Google Mobile Optimizer

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

ما در کل 2 دسته گوشی داریم که قابلیت وصل شدن به اینترنت و مرور صفحات وب را دارا هستند :

  • ·         Feature Phones
  • ·         Smart Phones

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

  • ·         سری K و C و W سونی اریکسون (320x240 معروف به QVGA)
  • ·         سری N نوکیا اکثرا  (320x240) البته سری های قدیمی تر نوکیا مانند 6600 اکثرا (176x208) بودند.
  • ·         وضعیت سایرین هم اکثرا (320x240) است و این سایز به نوعی تبدیل به کوچک ترین صفحه استاندارد موبایل شده است. 

گوشی های این رده اکثرا دارای مرورگر اینترنت WAP 2.0 هستند . این مرورگر برای نمایش صفحات وب در صفحه نمایش کوچک طراحی شده است و تا حدی css 2.1 و برخی کدهای جاوا اسکریپت را هم پشتیبانی میکرد.گوشی های Smart Phone گوشی هایی هستند که اکثرا سایز های بزرگتری دارند و امکانات بیشتری  از فیچر فون ها ارائه میدهند. همچنین این گوشی ها معمولا از سیستم عامل های پیشرفته تری استفاده میکنند. گوشی های مبتنی بر سیستم عامل Android، RIM ، winPhone و آیفون از این نوعند. این گوشی ها اکثرا سایزهای صفحه زیر را با خود دارند :

  • ·         320x480 معروف به HVGA که اکثرا توسط HTC و سامسونگ و اپل بکار گرفته شده.
  • ·         360x640 معروف به nHD که اکثرا متعلق به گوشی های جدید نوکیا است.
  • ·         480x800 معروف به WVGA که اکثر گوشی های ویندوز 7 و برخی اندرویدی ها این سایزی هستند.
  • ·          سایزهای بزرگتر معمولا صفحات وب را مانند یک لپتاپ مرور میکنند و نیازی به نسخه ویژه موبایل ندارند.  
    5 روش طراحی نسخه موبایل سایت و آشنایی با اندازه های آن - طراحی سایت و پرتال پرنیان وب

شما میتوانید یک نسخه موبایل ساده برای کل موارد بالا تهیه کنید. اما اگر میخواهید کمی بیشتر سلیقه به خرج دهید میتوانید دو نسخه یکی برای سایز 320x240 و یکی برای 320x480 تهیه کنید و وظیفه نمایش صفحه برای سایزهای کوچکتر از 320x240 را به دوش نسخه 320x240 بیندازید و سایزهای بزرگتر را کلا بر عهده نسخه موبایل سایز 320x480 بگذارید. توجه داشته باشید که باید در هر دو حالت ، صفحه را با قابلیت Fit شدن با سایز صفحه ( استفاده از درصد در اندازه ها بجای پیکسل) پیاده سازی نمایید تا سایزهای احتمالی غیر از سایزهای معرفی شده نیز پوشش داده شوند.

-


  • تعداد بازدید: 1863
  • تاریخ انتشار: جمعه 07 آبان 1389 ساعت 23:13


طراحی سایت, طراحی وب سایت, طراحی پرتال, طراحی پورتال, طراحی سایت داینامیک, افزایش رنکینگ وب سایت, بهینه سازی وب سایت, طراحی سایت شرکتی, طراحی پرتال سازمانی