فکری به حال نسخه موبایلی سایت‌ها کنید

با گذشت زمان و اقبال هرچه بیشتر به گوشی‌های هوشمند نسبت به لپ‌تاپ‌ها، سایت‌های مختلف باید برای جذب مخاطبان خود، طراحی مناسبی را برای بهینه‌سازی سایت‌ها در موبایل در نظر بگیرند.
 
اگرچه امروزه استفاده کاربران از اینترنت و وب‌گردی به گوشی‌های هوشمند محدود نمی‌شود، اما هر چه می‌گذرد بخش عمده این استفاده به این دستگاه‌های کوچک‌تر از کامپیوتر و لپ‌تاپ منتقل می‌شود.
 
گاهی یک وب‌سایت نسخه موبایلی ندارد و یا آن را به صورت صحیحی طراحی نکرده‌اند؛ با توجه به تاثیر جستجوی موبایلی سایت‌ها، کاربران از وب‌سایت‌های باکیفیت‌تر دیدن خواهند کرد، بنابراین دارندگان و طراحان وب‌سایت‌ها باید توجه داشته باشند که با داشتن نسخه موبایل مرتب‌تر، بازدید بیشتری خواهند داشت.
 
برای بهینه‌سازی سایت‌ها برای موبایل و تبلت به دلایلی می‌توان اشاره کرد. علاوه بر اینکه در گوشی‌های هوشمند و یا تبلت‌ها، کاربران با صفحه کوچکتری مواجه هستند، کسانی که از سایت‌های مختلف با استفاده از هر دو ابزار کامپیوتر و گوشی بازدید کرده‌اند متوجه شده‌اند که سایت‌ها در محیط‌های متفاوت، رفتاری متفاوت از خود نشان می‌دهند.
 
استفاده از گوشی همراه هوشمند نسبت به چند سال گذشته بسیار افزایش یافته و حتی با گذشت زمان این استفاده به گوشی‌ها محدودتر می‌شود، همچنین با توجه به دسترسی آسان افراد به اینترنت بی‌سیم یا اینترنت شبکه‌های تلفن همراه این استفاده در فضای اینترنتی نیز گسترش پیدا کرده است.
 
گوگل توجه ویژه‌ای به تلفن‌های هوشمند و بهینه‌سازی سایت برای آنها نشان می‌دهد. این غول جست‌وجو برای بهینه‌سازی سایت برای موبایل راهنمایی منتشر کرده، بدین ترتیب در وب‌مستر گوگل بخشی برای نمایش خطاهای خوانش سایت توسط روبات‌های موبایل ایجاد شده است و این موتور جست‌وجو اعلام کرده که رتبه‌بندی سایت‌ها در نتایج گوگل برای کاربرانی که با موبایل خود جست‌وجو می‌کنند متفاوت است.
 
نزدیک به دو سال از زمانی می‌گذرد که گوگل تغییراتی در الگوریتم جستجوی خود صورت داد، بدین ترتیب که شروع به امتیازدهی به وب‌سایت‌هایی کرد که طراحی صحیحی برای گوشی‌های هوشمند و دستگاه‌های همراه داشتند و در نتیجه این وب‌سایت‌ها هنگام جست‌وجو در نتایج بالاتری به نمایش قرار می‌گرفتند.
 
نحوه ساخت نسخه موبایل سایت
گوگل سه راه را جهت بهینه‌سازی سایت برای موبایل و تبلت استاندارد دانسته و روبات‌های گوگل قابلیت تشخیص آن را خواهند داشت.
 
یکی از راه‌های بهینه‌سازی سایت برای موبایل، استفاده از طراحی رسپانسیو یا واکنش‌گرا است که با استفاده از آن تشخیص کاربرانی که با گوشی همراه خود وارد شده‌اند بسیار ساده‌تر است. در این روش کدهای HTML ارسالی برای موبایل و کامپیوتر یکسان هستند ولی با استفاده از دستوراتCSS  نحوه نمایش و چیدمان اطلاعات در صفحه تغییر خواهد کرد.
 
برای مثال کاربران می‌توانند تعیین کنند اگر عرض صفحه نمایش بازدیدکننده سایت کمتر از ۴۰۰ پیکسل باشد، (مینی تبلت) اسلایدر سایت به طور کلی نمایش داده نشود، زیرا تصاویر و محتویات آن در این ابعاد قابل تشخیص نخواهند بود.
 
پذیرایی مجزا یا Dynamic Serving روش پیشنهادی دوم از طرف گوگل برای بهینه‌سازی نسخه موبایل سایت است. در این روش کدهای HTML نمایش داده شده به کاربران با توجه به نوع دستگاه مورد استفاده تفاوت می‌کند و شما برای انجام این کار نیازمند کدنویسی‌های پیشرفته و متناسب در هدر سایت خود خواهید بود.
 
یکی دیگر از روش‌های بهینه‌سازی بوده سایت برای موبایل، ایجاد یک نسخه کاملا مجزا از سایت مخصوص تلفن‌های همراه و راهنمایی کاربران به آن نسخه است و کلیه مراحل طراحی برای این نسخه موبایلی باید از ابتدا انجام شود. البته در این روش طراح سایت باید با استفاده از تکنیک‌های مربوط ارتباط میان نسخه موبایل و نسخه اصلی سایت را به گوگل بفهماند که این دو را به عنوان دو سایت مستقل از یکدیگر نشناسد.
 
با توجه به تصمیم گوگل برای امتیازدهی و جست‌جوی آسان‌تر وب‌سایت‌هایی که طراحی صحیحی برای گوشی‌های هوشمند دارند، یکی از راه‌های تسهیل نشر اطلاعات در وب‌سایت‌های مختلف، همین طراحی نسخه موبایلی است و اگرچه شاید کار دشواری به نظر نرسد، اما در جلب رضایت کاربران و بازدیدکنندگان از سایت تاثیر زیادی دارد.

مهم‌ترین رویکردهای طراحی وب در سال ۲۰۱۵

تصاویر بزرگتر، اسکرول بزرگتر و طراحی جدید غیربرجسته. این مشخصه‌هایی بوند که سال 2015 میلادی تقریبا در غالب سایت‌های اینترنتی لحاظ شد.

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

تعامل عمیق‌تر

هرچه جلوتر می‌رویم ایده‌های مربوط به طراحی وبسایت‌ها، قابلیت‌های آنها و نحوه تعامل آنها با کاربران تغییر می‌کند. توسعه فناوری‌های HTML5، CSS، JavaScript و JQuery هم‌اکنون امکان تعامل عمیق‌تر با کاربران را فراهم کرده است تا سایت اینترنتی یک ابزار قوی و کارآمد برای همه کسب‌وکارها باشد.

طی سال 2015 پیشرفت‌هایی را در زمینه‌های زیر مشاهده کردیم:

-        حرکت صفحه و کلیک کردن

-        کنترل محتوای دیده شده و دیده نشده

-        شخصی سازی (به عنوان مثال تغییر محل قرار گرفتن ابزارهای کاربردی صفحه)

-        تعاملات کوچک در بخش‌های مختلف صفحه

-        راهیابی مبتنی بر اسکرول‌ها

-        ویدیو و انیمیشن

-        اطلاعیه‌ها و پیام‌ها در صفحه

-        انتقال و قابلیت‌های زنجیره‌ای

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

نکته‌ها:

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

-        تعاملات کاربری می‌بایست به صورت صوتی هم دنبال شود و سایت به صورت سخنگو هم پاسخگو باشد. تلاش کنید در سایت اینترنتی خود بین کاربر و رابط کاربری نقش کلیدی ایفا کنید.

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

-        برای ارایه انیمیشن‌های مخصوص وب یا دستگاه‌های موبایلی، 12 قانونی که شرکت دیزنی ارایه کرده است را دنبال کنید.

طراحی غیربرجسته و تخت 2.0

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

-        برجسته کردن با نورپردازی

-        سایه‌های شیب‌دار

-        سایه‌های قطره‌ای

-        استفاده از عنصار با ارزش بالا

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

نکته‌ها:

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

-        طراحی تخت با هنر مینیمالیستی رابطه نزدیکی دارند. در هر دو زمینه مذکور اهداف مشابه دنبال می‌شود تا با سادگی هرچه تمام‌تر، مفاهیم به مخاطب انتقال داده شود.

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

اسکرول‌های طولانی

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

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

نکته‌ها:

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

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

-        افکت‌هایی مانند انیمیشن‌های تصویری یا اسکرول‌های پیمایشی می‌توانند تا اندازه‌ای به شما کمک کنند.

طراحی کارتی

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

-        تصاویر فریبنده

-        عنوان‌بندی

-        توضیحات (یا برچسب‌های مربوطه)

-        پنل کنترلی همراه با گزینه‌هایی مانند: کارت مورد علاقه، بخش اظهار نظر، بخش کامنت و ...

نکته:

-        به فضای مابین کارت‌ها توجه داشته باشید تا کاربر به راحتی بتواند آنها را انتخاب کند. کاربر هرگز نباید به این نتیجه برسد که ادامه محتویات یک کارت را در کارت دیگر دنبال کند.

-        محتوای کارت‌ها می‌بایست قابل کلیک کردن باشد. این محتوا می‌تواند عکس یا متن باشد. بخشی که روی آن کلیک می‌شود باید به اندازه صفحه موبایلی بزرگ شود و محتوای کارت به راحتی در دسترس کاربر قرار گیرد.

-        کارت‌ها می‌توانند به صورت بهینه از انیمیشن‌ها استفاده کنند. انیمیشن‌های معمول با تغییر رنگ می‌توانند توجه کاربر را جلب کنند و باعث شود او مدت بیشتری را در سایت اینترنتی بماند.

لازم به ذکر است که در سال 2015 میلادی دیگر موارد از جمله انیمیشن‌های پیشرفته، قابلیت‌های تغییر رنگ، روش‌های مینیمالیستی کاربردی، عکاسی‌های فریبنده، تصاویر پس‌زمینه HD و ... هم مورد توجه قرار گرفت.

درگاه واحد خدمات وزارت ارتباطات راه‌اندازی شد

درگاه واحد خدمات وزارت ICT همچون پنجره‌ای واحد راه‌اندازی شد تا از این طریق دسترسی به خدمات این حوزه تسهیل شود.
 
درگاه واحد خدمات وزارت ارتباطات و فناوری اطلاعات با امکان دسترسی به خدمات کلیه واحدهای تابعه اعم از شرکت ارتباطات زیرساخت، پست بانک، شرکت پست، پژوهشگاه ارتباطات و فناوری اطلاعات، سازمان فناوری اطلاعات ایران، سازمان تنظیم مقررات و ارتباطات رادیویی، شرکت خدمات هوایی پیام، سازمان فضایی ایران، دانشکده علمی کاربردی پست و پژوهشگاه فضایی ایران افتتاح شد.
 
این درگاه به آدرس www.ees.ict.gov.ir قابل دسترسی است.
 
در این پورتال امکان دسترسی به خدمات ستادی در قالب 1. خدمات پاسخگویی وزارت ارتباطات و فناوری اطلاعات (سامانه 195) و 2. حمایت از بخش خصوصی حوزه ICT در قالب وام وجوه اداره شده نیز دیده شده است.
 
این پوتال قرار است به شکل پنجره واحد عمل کرده و دسترسی به خدمات کلیه واحدهای تابعه وزارت ارتباطات را تسهیل نماید. کاربران اینترنت، موبایل و نهایتا کلیه کاربران حوزه فناوری اطلاعات و ارتباطات از این طریق می‌توانند به ارائه دیدگاه‌ها، پیشنهادها یا حتی طرح انتقادات خود بپردازند.
 
زمینه طرح شکایت از خدمات قابل ارائه در این حوزه (ICT) نیز دیده شده است.