راهنمای طراحان برای ایجاد قابلیت دسترسی در محیط های دیجیتال

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

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

 

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

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

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

اطلاعات بیشتر در مورد موضوع " قابلیت دسترسی " در همایش  Generate Londonعنوان می شود که در آنجا لونی واتسون نگاهی تخصصی به مکانیک های قابلیت دسترسی در مرورگرها خواهد داشت.

 

قابلیت دسترسی به عنوان یک ادامه ای از طراحی تجربه کاربری

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

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

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

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

 

طرح ها را ساده نگه دارید

مهمتر از همه، سعی کنید چیزها را تا هر اندازه که امکان پذیر است ساده نگه دارید. پیکرینگ می گوید: "بزرگترین دشمن قابلیت دسترسی ، پیچیدگی است." "پیچیدگی باعث می شود که رابط کاربری برای هر کسی قابل دسترس نباشد، به ویژه کسانی که دارای محتواهایی هستند که نیاز به تکنولوژی های کمکی دارند."

پیچیدگی همچنین کارها را برای افراد با اختلالات شناختی مانند اوتیسم، نارسایی خواندن یا ADHD سخت تر می سازد.

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

طراحی را واضح و ساده نگه دارید

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

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

 

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

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

 

کنتراست رنگ

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

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

هنگام استفاده از تایپ بر روی تصاویر، باید کنتراست نیز مورد توجه قرار گیرد. میریام توماس، طراح UX و توسعه دهنده front-end در Domain7، به ما می گوید: "این روش همچنان یک روند روبه گسترش در وب است و ما از این که چگونه میزان خوانایی در این الگوهای طراحی نادیده گرفته می شود، شگفت زده خواهیم شد."

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

 

رنگ برند غیرقابل دسترس

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

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

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

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

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

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

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

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

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

 

1.جستجویابی را واضح و روشن بسازید.

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

ABERCROMBIE & FITCH یک وب سایت نمونه ای است که اهمیت این موضوع را مشخص می سازد. جستجویابی آن ها بسیار برای درک شدن آسان می باشد و بازدیدکنندگان در اولین وهله ورود به سایت می توانند متوجه چگونگی عملکرد آن شوند.

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

می توانید جستجویابی خود را ار نظر موضوعات تفکیک کنید تا کاربران به راحتی هر آن چه که می خواهند را به سرعت به دست بیاورند.

سعی کنید تا بازدیدکنندگان تمامی موارد جستجویابی تان را از هم تشخیص دهند و در سایت تان به بیراهه کشانده نشوند.

 

2. جستجویابی سایت خود را پایدار بسازید.

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

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

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

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

 

3. در جستجویابی خود به گونه ای صریح و خلاصه صحبت کنید.

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

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

THE KUNDIG مثالی خوبی از وب سایتی است که تجربه عالی را در زمینه جستجویابی به کاربران خود عرضه می دارد.

به علاوه، شما باید به ترتیب آیتم های موجود در جستجویابی تان نیز دقت کنید. همیشه آیتم های ابتدایی و انتهایی باید برای کاربران برجسته به نظر برسند. توجه کاربر همیشه به موارد نخست و آخرین عوامل جلب می شود و بیشتر آن ها را به یاد می آورد.

همیشه موارد مهمی را در ابتدا و انتهای منو جستجویابی تان قرار دهید، از این  رو می توانید مزیت های بیشتری را در وب سایت تان به بازدیدکنندگان معرفی نمایید.

 

4. از سبک مسطح برای ساختار وب سایت تان استفاده نمایید.

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

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

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

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