چگونه وب سایت ها و فروشگاه های اینترنتی  را مسئولیت پذیرتر و پاسخگوتر طراحی  کنید ( قسمت سوم ) .

چگونه وب سایت ها و فروشگاه های اینترنتی را مسئولیت پذیرتر و پاسخگوتر طراحی کنید ( قسمت سوم ) .

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

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

امکان دسترسی بیشتر.

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

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

اطلاعات ورودی.

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

اگر دستگاه سنسور نوری مناسبی داشته باشد و مرورگر آن رابط برنامه کاربردی( API ) را پشتیبانی کند میتوانیم نور پیرامون را با استفاده از ambient light events در جاوا اسکریپت جذب کرد. بنابراین میتوان براساس نوارهای مختلف مانند نمونه زیر، نمایش را تغییر داد:

پنجره add event listener( نور دستگاه، کارکرد(e)

Var   lux= e. value                                              

اگر lux<50  تغییر برای نور اندک. اگر lux50 و lux10000 تغییر برای نور نرمال. اگرlux>10000 تغییر برای نور روشن.

برای دموی لایو به سنسور نوری و مرورگری که آنرا پشتیبانی کند نیاز است.

شاید درآینده نزدیک توانستیم از طریق CSS و با ترازنوری که در  Media Queries Level4 specificationذکر شده است نیز به این قابلیت دست یابیم. درصورت محقق شدن این ایده احتمالا شاهد مورد زیر خواهیم بود:

media ( میزان نور: تاریک) تغییر برای نور اندک.

media ( میزان نور: نرمال) تغییر برای نور نرمال.

media ( میزان نور:فراگیر) تغییر برای نور شفاف.

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

" اگر نابینا هستید Light Detector به شما کمک میکند در بسیاری از فعالیت های روزانه مستقل عمل کنید. درمنزل برای تشخیص نور ثابت آیفون شما به سقف اشاره میکند وبه شما می فهماند که آیا لامپ ها خاموش هستند یا روشن. در اتاق دستگاه خود را در طول دیوار حرکت دهید تا دریابید آیا اتاق پنجره دارد و اگر دارد کجای اتاق قرارگرفته است. با حرکت دستگاه به سمت بالا و پایین میتوانید بفهمید کرکره پنجره کشیده شده یا نه."

داده های ورودی میتوانند از آنچه که از طریق صفحه کلید وارد میشوند فراتر رود. با افزایش سنسورها و API های بیشتر و پشتیبانی ایندو با مرورگرهای کلان میتوانیم به خلاصه برنامه های( سناریوهای) بیشتری توجه کرده و به آنها پاسخگو باشیم. این کار میتواند هم پیچیده وهم ساده باشد، مثلادرحالیکه X-webkit-speech چندان رضایت بخش نیست، بسیاری از مرورگرها    مجهز به   Web speech API هستند و سازمان هایی مانند مایکروسات مجهز به سیستم تحقیق به زبان اشاره هستند.

داده های خروجی.

براساس داده های ورودی تکنولوژی ها امکانات بیشتری برای فراهم میکنند و براین اساس است که ما از یک تجربه جدید لذت میبریم. همچنین به ما این امکان را میدهند که به روشهای جذاب برای کاربران بازخورد بوجود آوریم.

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

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

هدایتگر. ویبره(100، 300، 100، 300، 100، 300، 600، 300، 600، 300، 600، 300، 100، 300، 100، 300، 100).  دموی لایو( نمایش زنده)به مرورگر پشتیبان نیازدارد.

با قدرت زیاد...

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

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

اگر برای پروژه دیجیتال بعدی برنامه ای دارید، قدرت وب و ارتقای سیستم ها را مدنظر قرار دهید و سعی کنید پروژه هایتان را مسئولانه تر و پاسخگوتر به سرانجام برسانید. 

چگونه وب سایت ها و فروشگاه های اینترنتی  را مسئولیت پذیرتر و پاسخگوتر طراحی  کنید ( قسمت سوم ) .
جمعه 1 اسفند 1393 - 18:54:18 4600 آخرین بازدید : جمعه 10 فروردین 1403 - 06:13:17 0
*
*