نمونه هایی از بهترین وب سایت ها در استفاده از Javascript (قسمت سوم)
ادامه از قسمت دوم
7. tota11y
Tota11y "دست رسی پذیری" را آسان تر می کند .
ساختن وب سایتی که قابل دسترسی (accessible) باشد بسیار حیاتیست . گرچه تکنیک ها و تست های مربوطه بعضی اوقات آنقدر تخصصی به نظر می رسد که طراحان و توسعه گران وب را تا سرحد مرگ می ترساند !
نترسید ؛ tota11y اینجا در کنار شماست ، ابزاری ساده که می تواند شامل یک فایل جاوا اسکریپت متصل شده به صفحه و یا حتی بصورت یک bookmarklet بر روی وب سایت باشد . این ابزار مبتنی بر جاوا اسکریپت آیتم های وب پیج شما را بررسی کرده و آنهایی را که قوانین مربوط به accessibility را نقض کرده اند مشخص می کند از جمله مواردی از قبیل کنتراست تصویری پایین ، توضیحات مربوط به عکس برای نابینایان و .... .
این ابزار جاوا اسکریپتی ، پس از یافتن آیتم های مشکل دار ، آنها را بصورت بصری مشخص کرده تا شما به عنوان کاربر بتوانید آنها را به تیم طراحی و یا کارفرما نشان داده و در عین حال توضیح مختصری هم در مورد مشکل و رفع آن در اختیارتان می گذارد تا کار رفع نقص به راحتی انجام شود .
وب سایت khan academy برای tota11y خیلی پرزرق و برق نیست اما بسیار کارامد است ، این برنامه ظاهری ساده دارد که به کاربران کمک می کند بدون تشریفات وب سایت خود را از لحاظ accessibility بهینه کنند .
8. Know Lupus
وب سایت know Lupus مطالب و حقایق علمی را با روشی جذاب به شما ارائه می دهد .
The Lupus Foundation of America یا LFA یک سازمان ملی است که بر روی بیماری پوستی lupus مطالعه می کند . استودیو Viget به عنوان شریک این سازمان در پروژه آگاه سازی افکار عمومی در مورد بیماری لوپوس فعالیت می کند .
“ LFA قصد داشت که بازی جذابی تهیه کند که با استفاده از آن مطالب آموزنده و هشدار دهنده در مورد بیماری لوپوس را در اختیار مردم قرار دهد " Laura Sweltz طراح UX و مدیر پروژه اضافه می کند : " تمام فعالیت ما بر رسیدن به همین هدف متمرکز شد علاوه بر آن تصمیم گرفتیم مشخصات محصول ما به نحوی باشد که افراد مبتلا به بیماری لوپوس از اشتراک آن لذت ببرند ."
راه حل Viget بازی بود با الهام از بازی های کارتی کازینوها که با استفاده از React ساخته شد و هر کارت یکی از مشخصات بیماری لوپوس را نشان می داد . طراح معروف Blair Culberth در عین ایجاد فضایی بانشاط مطالب مهمی را از طریق این بازی به کاربران منتقل می کند ، همچنین صداهای مربوط به فضاهای کازینوها نیز برای هرچه جذاب تر شدن فضا به این بازی اضافه شده است .
انیمیشن ها کاملا نرم و زنده اند که به افزایش حس سرزندگی محیط بازی کمک شایانی می کند. به تمام اینها تجربه فوق العاده استفاده از این بازی با موبایل را اضافه کنید ، زیرا این وب سایت کاملا ریسپانسیو (responsive) طراحی شده است . نتیجه نهایی پروژه بازی بسیار سرگرم کننده ای است که یادگیری در مورد این بیماری را برایتان لذت بخش می کند .
9. The Boat
The Boat یک رمان تصویری آن لاین است .
محبوبیت داستان های بلند بصورت پیوسته در حال افزایش است اما شبکه خبرپراکنی SBS ، رمان گرافیکی آنلاینی را با نام The Boat بر اساس نوشته ای از Nam Le ساخته است که هم در استایل و هم در اجرا بی همتاست . تصاویر سبک Sumi ink که بصورت انیمیشن های حرفه ای پردازش شده و با صداهای فراگیر محیطی ترکیب شده ، روایت گر داستان سفر یک پناهنده جوان ویتنامی است .
برای ایجاد حس زنده بودن داستان ، Matty Huynh طراح گرافیک این پروژه ، مدت 6 ماه را با Nam Le که خالق این رمان است گذراند و با استفاده از نظرات او به خلق شخصیت ها و ایجاد thumbnail ها پرداخت .
Kylie Boltin تهیه کننده این پروژه می گوید : " توازنی که در وب سایت می بینید حاصل دوره طولانی تولید است . این مدت زمان باعث شد افراد تیم با داستان همذات پنداری کنند و تک تک لحظات را لمس کنند . ما ضرباهنگ داستان را درک کردیم و فهمیدیم کجاهای داستان نیاز به برجسته شدن دارد . خط مشی ما ، روایت داستان اصلی بود بدون اینکه المان هایی برای جذابیت بیشتر به آن اضافه کنیم ."
پنل گرافیکی بصورت دفترچه خاطرات طراحی شده ، همانقدر جاری ، جذاب و پر از احساس . این وب سایت ثابت کرد که داستان سرایی آنلاین چقدر می تواند قدرتمند و جذاب باشد .
