ابزار مفید و کمکی برای طراحان وبسایت -‌Hey Meta-

خیلی وقت‌ها به شخصه خودم برای ساختن متاتگ‌های وبسایت از یه قالب آماده یا یه سری قطعه کدهای آماده استفاده می‌کنم، اما جدای از این راه، استفاده کردن از Hey Meta یه چیز دیگه‌ست … خیلی ساده‌ست و کار باهاش راحته … می‌تونید باهاش متاتگ‌های وبسایت تون رو بررسی کنید، ببینید درست کار می‌کنن یا نه و بعدش می‌تونید متاتگ‌های جدیدی رو اضافه کنید. به همین خوبی و سادگی 🙂 ویدیوی زیر رو ببینید تا بهتر متوجه بشید!

Accessibility رو جدی بگیرید!

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

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

شما تصور کنید انجام یک کار ساده مثل قرار دادن خاصیت alt برای تصاویرتون می‌تونه تاثیر خیلی زیادی روی دسترسی‌پذیری وبسایت‌تون داشته باشه. خیلی موضوع ساده‌ای هستش پس. از این جهت خاصیت alt مهمه که برخی از افراد برای اطلاع از محتوای وبسایت از برنامه هایی مثل Screen Reader استفاده می کنن، چنین برنامه هایی متن‌های داخل یک صفحه رو برای کاربری که نابینا هست، می‌خونه، خب اگه این برنامه به یه تصویر برسه چی؟! میره اسم تصویر رو می‌خونه مثلا 1.jpg که کاملا بی مفهومه… ولی بجای این موضوع می تونید از خاصیت alt استفاده کنید که خیلی بهتر و جذاب‌تره!

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

 

compressor.io یه سرویس باحال 🙃

خیلی وقت‌ها هر روز می‌شنوم که از مشکلات کم بودن سرعت بارگذاری وبسایت بهینه نبودن تصاویر هستش! خب این موضوع به نظر باید تا الان حل می شد ولی خب هنوز حل نشده! برنامه‌های زیادی هستند که تصاویر رو برای استفاده در وب برای شما بهینه می کنند و اون رو کم حجم می کنند، ولی خب من به هیچکدومشون دسترسی نداشتم تا اینکه compressor.io رو پیدا کردم! واقعا سرویس خوبیه! 🤓

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

خب چرا همین الان وارد وبسایت compressor.io نمی شید و یه عکس رو آپلود نمی‌کنید؟ 😁

استفاده از فضای خالی در طراحی وبسایت

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

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

ادامه خواندن استفاده از فضای خالی در طراحی وبسایت

توسعه وب، طراحی و اپلیکیشن های تعاملی. آينده اینجاست.

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

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