احتمالا شما دیده ام که چگونه آیفون می تواند صفحات وب را تلنگر و گسترش دهد. این می تواند کل یک صفحه وب را در یک نگاه یا بزرگنمایی برای ایجاد متن مورد علاقه تان در اختیار شما قرار دهد. به یک معنا، از زمانی که آیفون از Safari استفاده می کند، طراحان وب نباید کاری را برای ایجاد یک صفحه وب که بر روی iPhone کار می کند، انجام دهند.
اما آیا واقعا می خواهید صفحه شما فقط کار کند؟ اکثر طراحان صفحات خود را می درخشند
هنگامی که شما یک صفحه وب را ایجاد می کنید ، شما باید درباره این که چه کسی آن را مشاهده می کنید و چگونگی مشاهده آن را باید در نظر بگیرید، فکر کنید. در برخی از بهترین سایت ها، نوع دستگاهی که صفحه در حال مشاهده است، شامل وضوح، گزینه های رنگ و توابع موجود است. آنها فقط بر روی دستگاه تکیه می کنند تا آن را تشخیص دهند.
دستورالعمل کلی برای ساختن سایت برای دستگاه های موبایل
- تست به تعداد زیادی دستگاه که شما می توانید. اولین کاری که باید انجام دهید این است که سایت خود را بر روی آی فون و همچنین بسیاری از دستگاه های مختلف تلفن همراه یا شبیه ساز ها ببینید. در حالی که شما می توانید شبیه ساز برای تمام تست های خود استفاده کنید، آنها واقعا احساس شما را نسبت به تلاش برای حرکت از طریق یک وب سایت در صفحه کوچک کوچک، به طوری که تست دستگاه های واقعی تا آنجا که ممکن است.
- صفحات خود را به صورت دلخواه بکشید. شما می توانید صفحات خود را برای مرورگرهای صفحه نمایش با صفحه نمایش فلش، اما اطمینان حاصل کنید که اطلاعات بحرانی حتی در یک مانیتور کوچک قابل مشاهده است که نمی تواند هیچ ویژگی خاصی مانند کوکی ها، آژاکس، فلش، جاوا اسکریپت و غیره را مشاهده کند. هر چیزی فراتر از XHTML Basic خواهد بود فراتر از برخی از تلفن های همراه. در حالی که اکثر گوشی های هوشمند می توانند تمام این چیزها را مرتفع سازند (به غیر از فلش روی آی فون)، دیگر دستگاه های تلفن همراه نمی توانند.
- یک صفحه خاص بی سیم ایجاد کنید و آن را آسان پیدا کنید. اگر میخواهید یک صفحه خاص برای تلفن همراه و مشتریان بی سیم خود ایجاد کنید، آن را در دسترس قرار دهید. یک راه عالی این است که پیوند را به صفحه بی سیم در بالای سند خود قرار دهید و سپس آن پیوند را از دستگاه های غیر دستی با استفاده از نوع رسانه دستی پنهان کنید. پس از همه، اکثر مردم به صفحه اصلی شما حتی در تلفن های همراه می آیند - و اگر لینک به صفحه بی سیم شما وجود ندارد، اگر صفحه برای استفاده بیش از حد سخت باشد، آنها را ترک خواهند کرد.
طرح بندی وب سایت برای گوشی های هوشمند
اولین چیزی که باید به خاطر داشته باشید هنگام نوشتن صفحات برای بازار گوشی های هوشمند این است که اگر نمی خواهید، تغییری ایجاد نکنید. چیز زیادی در مورد بسیاری از گوشی های هوشمند در دسترس است که آنها از مرورگرهای Webkit (Safari در iOS و Chrome در Android) برای نمایش صفحات وب استفاده می کنند، بنابراین اگر صفحه شما در Safari یا Chrome به نظر برسد، در اکثر گوشی های هوشمند (فقط خیلی کوچکتر) ) اما مواردی وجود دارد که می توانید انجام دهید تا تجربه مرور را بیشتر لذت ببرید:
- به یاد داشته باشید که صفحه نمایش کوچک است. گوشی های هوشمند تمام ستون ها را درون پنجره ی کوچک قرار می دهد و این می تواند بدون زوم کردن آنها بسیار سخت باشد. اکثر کاربران برای بزرگنمایی استفاده می شوند، اما می توانند خسته کننده باشند. یک ستون طولانی از متن خواندن آسان تر است.
- صفحات را به تکه های کوچکتر تقسیم کنید. خواندن بخش های طولانی متن در تلفن همراه دشوار است، بنابراین قرار دادن آنها در صفحات چندگانه خواندن آنها را آسان تر می کند.
پیوندها و ناوبری در اپل
- هرچه URL ها کوتاه تر باشند، بهتر است. اگر شما تا به حال سعی در تایپ URL در تلفن همراه داشته باشید، متوجه خواهید شد که این درد (به استثنای شاخهای که برای فرستادن بسیاری از پیام های متنی استفاده می شود) است. حتی در آی فون، URL های طولانی را تایپ می کند. کوتاه نگه داشتن آنها.
- اما متن پیوند طولانی تر، ساده تر است. هنگامی که در یک صفحه که چندین واژه جداگانه به مقالات مختلف مرتبط است، همه چیز درست در کنار یکدیگر است، بدون داشتن زوم، می توانید یک صحیح را بزنید. بسیاری از مردم فقط به جای دیگری می روند. پیوندهایی با 3-5 واژه در آنها آسانتر از کلیک بر روی تلفن از لینکهای 1 کلمه است.
- ناوبری خود را در بالای صفحه قرار ندهید. هیچ چیز ناخوشایندی نسبت به نیاز به صفحه از طریق صفحه نمایش و صفحه نمایش از لینک برای پیدا کردن اطلاعات شما می خواهید وجود دارد. اگر به صفحات وب که برای تلفن های همراه طراحی شده اند نگاه کنید، خواهید دید که اولین چیزهایی که ظاهر می شوند، محتوای و عنوان هستند. سپس زیر آن ناوبری است.
- نگران نباشید ناوبری خود را مخفی کنید پیوند پیوندهای ناوبری با CSS یا جاوا اسکریپت و ایجاد آنها تنها هنگامی که کاربر از آن می پرسد، ظاهر می شود که راهی برای ایجاد صفحه برای کاربران گوشی های هوشمند است.
نکاتی برای تصاویر در گوشیهای هوشمند
- تصاویر باید کوچک باشند. بله، Android و iPhones می توانند زوم و زوم کردن روی تصاویر را ببینند، اما هرچقدر کوچکتر باشند، در هر دو ابعاد و زمان دانلود، مشتریان بیسیم شادتر خواهند بود. بهینه سازی تصاویر همیشه یک ایده خوب است، اما برای صفحات تلفن همراه، مهم است.
- تصاویر باید به سرعت دانلود شوند. هنگامی که آنها را از یک دستگاه تلفن همراه مشاهده می کنید، عکس ها در صفحات وب بسیار زیاد است. و در حالی که آنها اغلب بسیار خوب هستند و صفحات را بهتر می بینند در هنگام مشاهده بر روی یک مرورگر وب تمام صفحه، آنها اغلب در راه یک دستگاه تلفن همراه است. به علاوه زمانی که یک کاربر گوشی هوشمند در شبکه تلفن همراه است، آخرین چیزی که آنها می خواهند برای پرداخت هزینه کند، دانلود یک دسته از تصاویر بزرگ و یا آیکون های ناوبری است.
- تصاویر بزرگ را در بالای صفحه قرار ندهید. همانطور که با ناوبری می توان آن را بسیار خسته کننده برای منتظر یک تصویر است که طول می کشد 3-4 screenfuls برای بارگذاری در بالای صفحه. و این در صفحات وب بسیار رایج است. تنها استثنا در این مورد این است که خواننده می داند که آنها در حال دیدن یک تصویر در زمانی که روی آنها کلیک می کنند، می گویند در یک گالری عکس.
چه هنگام طراحی برای موبایل اجتناب کنید
چندین چیز که باید هنگام ایجاد یک صفحه تلفن همراه داشته باشید اجتناب ناپذیر است. همانطور که در بالا ذکر شد، اگر شما واقعا می خواهید این را در صفحه خود داشته باشید، می توانید، اما مطمئن شوید که سایت بدون آنها کار می کند.
- فلش - بسیاری از تلفن های همراه از فلش پشتیبانی نمی کنند، بنابراین ایده خوبی نیست که آن را در صفحات بی سیم خود قرار دهید.
- کوکی ها - بسیاری از تلفن های همراه بدون پشتیبانی کوکی. اپل ها پشتیبانی کوکی را دارند
- فریم ها - حتی اگر مرورگر از آنها پشتیبانی کند، درباره ابعاد صفحه فکر کنید. فریم ها فقط بر روی دستگاه های تلفن همراه کار نمی کنند - آنها بسیار خوبه یا غیرممکن هستند.
- جداول - از جداول برای طرح بندی در صفحه تلفن همراه استفاده نکنید. و سعی کنید از جداول به طور کلی اجتناب کنید. آنها در هر تلفن همراه پشتیبانی نمی شوند (اگر چه اپل و سایر گوشی های هوشمند از آنها پشتیبانی می کنند) و شما می توانید نتایج عجیب و غریب را به پایان برسانید.
- جداول مضر - اگر شما باید از یک جدول استفاده کنید، مطمئن شوید که آن را در جدول دیگری قرار ندهید. این برای مرورگرهای دسکتاپ برای پشتیبانی سخت است و در بهترین حالت صفحه را بارگیری کند.
- اندازه گیری های مطلق - به عبارت دیگر، ابعاد اشیاء را در اندازه های مطلق (مانند پیکسل ها، میلی متر، یا اینچ ها) تعریف نمی کنند. اگر چیزی را به اندازه 100 پیکسل عرض تعریف کنید، در یک دستگاه تلفن همراه که ممکن است نیمی از صفحه نمایش باشد و در کنار آن ممکن است دو برابر عرض باشد. اندازه نسبی (مانند ems و درصد) بهترین کار است.
- فونت - فرض نکنید که هر یک از فونت هایی که شما استفاده می کنید برای دسترسی به آنها در تلفن های همراه موجود است.
ادامه مطلب
- چگونه می توان وب سایت شما را با استفاده از پی اچ پی با موبایل همراه سازید