Как да създадете достъпен дизайн на уеб страница

Екран на лаптопа

Интернет магазини, банкови приложения, хотелски резервации или работни места на свободна практика има все повече задачите, които се обработват през интернет и които са заменили в някои случаи конвенционалните медии.

това бързият растеж на цифровите операции ни улесни в много аспекти живот. Това ни спестява време, тъй като транзакциите са по-бързи и няма нужда да ходим до физическо заведение, и разбира се, създадени са нови медии, които не са съществували преди и че сега повечето хора използват, като социални мрежи, стрийминг на филми и сериали на платформи като Netflix или онлайн системи за разплащане като Paypal.

С този възход на цифровия свят е от съществено значение инвестирайте в разработването на достъпни и добре проектирани интерфейси За потребителите. Не можем обаче да забравим това има потребители, които страдат от увреждания физически или психологически, които значително ограничават техния опит и способността им да използват компютри и мобилни телефони.

Въпреки че има някои увреждания, като хора, които използват инвалидни колички, които не пречат на използването на Интернет, други, като проблеми със зрението или слепота, проблеми с двигателната координация, глухота или аутизъм, те могат сериозно да попречат на способността ви да навигирате в мрежата. За тези случаи някои вече са създадени dispositivos като екранни четци, които помагат и поддържат потребителите в райони, където имат увреждания.

Но това е само първата част от решаването на проблема. Като мислим за тези потребители, ние трябва дизайн на интерфейси на уеб страници които улесняват вашия опит и отговарят на вашите нужди. При проектирането има някои принципи, които можем да приложим.

Съдържание и източници

Започвайки с най-основното, трябва задайте приоритети в дизайна на съдържанието. Заглавката и лентата с менюта трябва да могат лесно да се намират визуално и да са първото нещо, което потребителят вижда. Елементите на началната страница, изображенията и съответната информация ще бъдат вторите за намиране.

Реклами или рекламни банери се появяват на много страници. Ако само по себе си това е досадно за всички потребители, за тези със зрителни увреждания това е проблем, тъй като причинява много объркване и пречи на четенето на уеб диаграмата. Ето защо е изключително важно да създадете общ редакционен дизайн на страницата, която е организирани логично и разбираемо, а елементите са подходящо оразмерени, така че дори да има други разсейващи фактори, потребителите могат да се съсредоточат върху важното съдържание.

Шрифтовете, които използвате за предпочитане трябва да бъдат голям и четлив. Видът Без засечки и получер Те улесняват четенето много хора, които могат да страдат от дислексия. Други препоръчителни шрифтове са: Arial, Times New Roman, Helvetica, Tahoma, Calibri и Verdana.

И разбира се, винаги трябва да се грижите за ясното разграничаване между тях текста и фона. Не използвайте подобни цветове, изберете по-скоро контрастни цветове.

Sans Serif Bold шрифт

Използването на шрифтове Sans Serif Bold позволява по-добра визуализация на текста.

Алтернативен текст

El Алтернативен текст или Alt Tag са описанията, които се поставят върху изображенията на уеб страниците. Въпреки че този текст не е достъпен за потребителите, а добре написано описание е инструмент, който ни помага да постигнем по-добро SEO позициониране.

Но полезността на Alt Tag не се свежда само до това. За тези потребители, използващи екранни четци за зрителни увреждания описанията на изображенията са единствената справка, която трябва да знаят какъв е външният вид на това, което е изложено на страницата. Така че, ако ще поставим например снимка на някои сукуленти, добър алтернативен текст би бил: Три сочни растения в розови саксии. Много кратък текст като: Саксийни растения, Това не е описание, което дава съответни подробности и следователно не работи.

Сукуленти в розово гърне

Три сочни растения в розови саксии. Пример за алтернативен текст.

приспособимост

При проектирането също трябва да вземем предвид всички презентациите, в които ще бъде показан нашият интерфейс, или в уеб или мобилна версия. Опитът винаги ще бъде различен в зависимост от носителя, на който го гледаме.

Когато използваме мобилния телефон, можем да бъдем изложени на различни среди които затрудняват четенето От съдържание на екрана. Ако например сме на открито, яркостта на слънцето ще направи екрана да изглежда много тъмен и шумът няма да ни позволи да чуваме добре звука. Ето защо е важно да обмислите внимателно тези подробности, така че мобилната версия да има големи букви и тъмни цветове, а видеоклиповете да имат субтитри, в случай че е трудно да ги чуете.

Мобилен екран

Адаптирайте дизайна на интерфейса така, че да бъде четим както на мобилни телефони, така и на компютри.

Последователност в дизайна

Редакционен дизайн какво правим с нашия уебсайт трябва да са еднакви, независимо от раздела къде си. В раздела Начало трябва да се появят същите икони на лентата с менюта, както и в раздела Контакти. Не трябва да променяме стила нито местоположението на ключовите бутони в мрежата.

Също така не ни е удобно да поставяме видеоклипове, които се възпроизвеждат автоматично при отваряне на страницата. За потребители, които използват екранни четци, е трудно да знаят как да ги поставят на пауза.

Уебсайт на Starbucks

Лентата с менюта на страницата на Starbucks е еднаква във всички раздели.

Навигация по клавиатурата

И накрая, някои потребители с проблеми с координацията на двигателите имат затруднения да хванат компютърна мишка или да използват тъчпада на лаптопа и разчитат единствено на клавиатурата. Бъди сигурен за че вашият уебсайт е проектиран по начин това може да бъде напълно функционален само с бутоните на клавиатурата.


Оставете вашия коментар

Вашият имейл адрес няма да бъде публикуван. Задължителните полета са отбелязани с *

*

*

  1. Отговорен за данните: Мигел Анхел Гатон
  2. Предназначение на данните: Контрол на СПАМ, управление на коментари.
  3. Легитимация: Вашето съгласие
  4. Съобщаване на данните: Данните няма да бъдат съобщени на трети страни, освен по законово задължение.
  5. Съхранение на данни: База данни, хоствана от Occentus Networks (ЕС)
  6. Права: По всяко време можете да ограничите, възстановите и изтриете информацията си.