طراحی سایت را در چندین سیستم عامل

منتشرشده در مقالات سایت
دوشنبه, 23 بهمن 1396 ساعت 11:21

چگونه طراحی سایت را در چندین سیستم عامل اجرا کنیم؟


جواب: در بیشتر مواقع بله. و با افزایش روز افزون مشتری هایی که طراحی سایت تان را با استفاده از موبایل ها (Ios, Android) و در مرورگرهای مختلف بازدید می نمایند (Google Chrome, Internet Explorer, Mozilla Firefox)، این مورد هدف پراهمیتی محسوب می شود که بایست به آن دست یابید. این هدف تنها با استفاده از طراحی وب سایت ریسپانسیو حاصل می شود که به معنای ایجاد یک طراحی سایتی است که در همه ابزارها اجرا می شود.

Jonathan Smiley، مدیر طراحی در شرکت طراحی کالاها Zurb، می گوید که طراحی سایت ریسپانسیو قادر است به امروزی بودن سایت و نمایش دادن مطالب سایت تان به همه مخاطبان در همه ابزارها کمک نماید. ما راجع به اصل حقیقت این قضییه از او پرسش هایی کردیم:

 

 

 

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

 

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

 

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


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

اصول طراحی سایت برای موبایل

منتشرشده در مقالات سایت
دوشنبه, 16 بهمن 1396 ساعت 13:17

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


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

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

یک شبیه ساز موبایل به شما اجازه میدهد تا یک وب سایت را از نظر واکنشگرا بودن و قابلیت های متفاوت در انواع گوناگون سیستم عامل های موبایل مانند : iPhone, iPad, Android BlackBerry (بدون داشتن هیچ کدام از آن ها) بررسی نمایید. شبیه سازها این امکان را فراهم می آورند تا به مشکلات و مسائل مربوط به وب سایت با دقت بیشتری پرداخته شود و همچنین آنهااندازه گیری ها را با جذابیت بیشتری برای هر دستگاه به صورت بصری به نمایش در می آورند.

iPad Peek


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

Responsivepx

برای بررسی سایت خود به منظور واکنشگرا بودن می توانید از Responsivepx استفاده نمایید. در آن ظاهر وکارکرد سایت را به صورت بصری در سایزهای متفاوت مشاهده نمایید.

Screenfly

به خاطر در بر داشتن انواع سیستم عامل ها برای تست, Screenfly یک شبیه ساز رایج و پرکاربرد است. در سیستم عامل های مختلف می توانید نحوه نمایش وب سایت خود را بررسی نمایید.

W3C mobileOK Checker

وب سایت W3C mobileOK Checker یک ابزار اعتبارسنجی خودکار مبتنی بر وب است که تنها بررسی می کند تا چه میزان وب سایت شما با سیستم عامل های موبایل هماهنگی دارد.این آزمایش در مقابل استاندارد W3C برای تلفن های همراه است که توسط W3C توسعه یافته است.

MobiReady

MobiReady همانند شبیه سازهای دیگر می باشد و البته مواردی همانند وب سایت های W3C mobile complianceو dotMobi را چک می کند و خطاهای جزیی تری را از نظر آمادگی وب سایت برای نمایش در موبایل شرح میدهد. بعلاوه یک ویرایشگر کد هم برای بررسی کدها نیز دارد.

Opera Mini Simulator

اپرا مینی یکی از مرورگرهای پرکاربرد در جهان می باشد و قریب به ۱۳۰ میلیون کاربر با آن کار می کنند. پس مطمئن شدن از ظاهر سایت در این مرورگر یکی از دغدغه های یک طراح وب می تواند باشد.اپرا مینی عمدتا در بازارهای در حال ظهور و اغلب گوشی های هوشمند استفاده می شود. این شبیه ساز اجازه می دهد تا شما نمایش سایت خود را در این مرورگر تست کنید.

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

منتشرشده در مقالات سایت
یکشنبه, 26 دی 1395 ساعت 20:30

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


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

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


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

انواع طراحی سایت برای موبایل ها
دو روش اولیه برای طراحی سایت در موبایل وجود دارد که هر یک دارای برتری ها و نواقصی است. این روش ها را بیشتر توضیح می دهیم:

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

طراحی سایت ریسپانسیو چیست؟

منتشرشده در مقالات سایت
جمعه, 23 مهر 1395 ساعت 20:30

حتما درمقالاتی که در سایت مان ، وب نگاران نوشته ایم لغت ریسپانسیو یا واکنش گرا رو خیلی دیدید. ما چون خودمون این کلمه رو زیاد استعمال می کنیم دیگه یادمون میره توی مقالات، معنیشو برای اونایی که نمیدونن توضیح بدیم. از این بابت ازتون عذر خواهی می کنیم.

برای اینکه کارتونو راحتتر کنیم و دیگه مجبور نباشید اینور و اونور دنبال جواب سوال هایی بگردید که در واقع سوال خیلی هاست، ما براتون تو این مقاله یکیشونو جواب میدیم: طراحی سایت ریسپانسیو (واکنش گرا) چیست؟

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

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

ظاهر سایتی که طراحی واکنش گرا داره چه شکلی میشه؟

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

چرا باید سایتمونو واکنش گرا کنیم؟

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

به اضافه، سایت های واکنش گرا شانس بیشتری دارن که روی صفحه نتایج جستجو دیده بشن. گوگل سایت هایی رو که واکنش گرا نباشن جریمه می کنه، چون سیاست هاش بر اینه که بهترین تجربه کاربری رو برای کاربرهاش فراهم کنه. شما هم اگه سایتتون واکنش گرا نیست، بهتره زودتر دست بکار بشید، وگرنه کاربرهای بیشتری رو از دست میدید و ممکنه موتورهای جستجو جریمه تون کنن.

قدم بعدی چیه؟

اگه سایتتون واکنش گرا نیست و کاربرهاتونو خسته می کنه، قدم بعدی اینه که با یه شرکت طراح سایت خلاق مثل ما صحبت کنید تا برای بهتر کردن چهره آنلاین شرکتتون بهتون کمک کنیم.

آدرس : تهران ، میدان انقلاب ، کوچه رشتچی ، پلاک ۱۴ (ساختمان ایرانیان) ،طبقه دوم واحد ۸

 

خط ویژه: ۶۶۹۲۸۷۸۷-۰۲۱

تلفن : ۶۶۹۲۸۰۴۰-۰۲۱ | ۶۶۱۲۴۱۴۹-۰۲۱ | تلفن همراه : ۰۹۱۲۳۷۹۰۵۸۸

فکس دیجیتال: ۸۹۸۷۷۳۷۳-۰۲۱

آدرس ایمیل : wnegaran[at]gmail.com 

تمامی حقوق مادی و معنوی این سایت متعلق به شرکت وب نگاران پارسه می باشد