Всесвітня дизайна є найкориснішим для користувачів, компаній та людей. Але що це таке, і які конкретні дії вам слід брати до уваги, як дизайнер, розробник або керівник проекту?
Чи ви знали, що існують закони щодо того, яким має бути ваш веб-сайт? На веб- сторінках і на цифрових платформах можна буде побачити такі: Вимоги універсального дизайну згідно з норвезькими законами та правилами. Це може бути непереконливим, а всеосяжний задум можна вважати складним і складним полем проникнення. Однак свідомість необхідна в епоху цифрових технологій. Не бійся, ось вступ, який тобі потрібен!
Що таке універсальний задум?
Всесвітня конструкція - це створення товарів, послуг та контентів онлайн з ідеєю, що вони повинні включати всіх, незалежно від їх функціональності. Таким чином, кожен може брати участь і мати однаковий доступ до суспільства, і в цьому випадку - цифровий контент. Такий тип методології у цифровому просторі також називають включеним дизайном.
Коли ми говоримо про цифровий універсальний дизайн, ми не відходимо від АКГ. WCAG - це довідники з доступності веб - сайту та рекомендації щодо того, як зробити онлайн доступним.
Норвезькі закони вимагають, щоб мережеві рішення були розроблені відповідно до різних версій та рівнів СКАП.
Чому Всесвітня конструкція важлива?
Існує безліч причин, чому майже будь - який кут дій. Найбільш очевидне, але також найважливіше, крім того, що це законно, це те, що це добре для людей у цифровій сфері. Всі зможуть використовувати і орієнтуватися на однакові продукти та послуги, якщо універсальний дизайн встановлюється як пріоритет. Згідно з Буфдіром, 15% - 18% мають функціональні вади.Скажімо, це те ж саме, що й це. Існує багато користувачів, яких ви можете виключити і пропускати!
За допомогою підтримки універсального дизайну і дружньої до користувача веб- сторінки, це також може призвести до того, що більше користувачів довше отримуватимуть на сторінці і вибере повернення. Якщо ми не відповідаємо певним вимогам, то в більшості випадків користувачі завжди мають нагоду піти в інше місце.
Це стосується принципу, який користувачі проводять більшість часу на неваших сторінках та продуктах. Цей принцип називається Закон Якобса і є одним з Закони UXСкажімо, це те ж саме, що й це. Це означає, що на практиці користувачі хочуть, щоб ваша сторінка була на сторінках, які вони вже знають.
Для кого це?
Всесвітня будова є добра для всіх! Як спостереження за універсальним дизайном ICT каже: "Здобутий хтось, але на користь кожному." Уявіть собі додаток до громадського транспорту, де ви можете купити квиток. Якщо кнопка для покупки замала, то у людини з двигуном Паркінсона, а також того, хто біжить до автобуса і трохи тремтить, буде важко натиснути кнопку і провести покупку квитка. Пам'ятайте, не всі люди користуються вашим продуктом або послугами в досконалому, спокійному оточенні. Тоді треба будувати добру й здорову основу згідно з всесвітнім плануванням.
Добре для спеціатри.
Завдяки універсальному дизайну можна поліпшити пошукову систему. Ви не обов'язково рангуєте вище, проходячи перевірку на доступність, але більша частина того, що добре для універсального дизайну, також є доброю для вищого рангу. Пошукові рушії винагороджуються добре розробленими веб-сайтами, а універсальний дизайн є мірилом якості. Фактори, такі як хороша користувацька-дружність, можливість використання екранного читання, побічна структура і функціональність - універсальні критерії дизайну і критерії SEO. Це гарна картка, яка має тримати в рукаві, коли розмовляє з або стосовно рішень, або з енсцептикою.
Багато типів порожнечі
Одна важлива річ, яку варто пам'ятати, це те, що існує багато типів понизення, і що універсально спроектовані рішення будуть корисними для всіх в певний момент життя.
Зменшення немочі може бути нетривалим. Розгляньмо приклад. У багатьох випадках важко побачити, що на екрані через середовище чи обставини - це може бути сильне сонячне світло, відстань або самоповага. Тоді важливо, щоб дизайн був оптимальним. Ось кілька прикладів зниження.
Постійні: Сліпота, слабкість, старість
Тимчасовий: Потеряла окуляри, зелёная и серая звезда.
Особливості ситуації: Погане світло, крайнє світло, відволікання, відстань

7 Принципи всесвітнього дизайну
Центр Всесвітнього дизайну при Університеті штату Північна Кароліна, 1997 року, розробив сім принципів. щоб оцінити і створити універсальні рішення. Сьогодні вони актуальні 25 років тому. Проте, вони не є прямо пов'язані з законом і їх слід уживати тільки для керівництва.
- Рівні можливості використання
План буде придатним і доступним для людей з різними навичками.
- Гнучкий
Дизайн повинен слугувати багатьом особистим уподобанням і навичками.
- Просте і інтуїтивне використання
Планування буде легко зрозуміти без досвіду, знання, мови або рівня концентрації.
- Точна інформація
Дизайн буде передавати потрібну інформацію користувачеві в ефективний спосіб, незалежно від середовища або користувача, сенсорні навички.
- Помилка приборкання
Розробка допоможе зменшити ризики та травми, які можуть призвести до поганих наслідків або зменшити невмисне поводження.
- Низькі фізичні зусилля
Планування буде можливо ефективно вживатись з мінімальними труднощами.
Що мені, розробникам або менеджеру проекту, слід надати у інтернет- розв' язку?
Наступні пункти далеко не вичерпні, але це може бути найголовнішим і найважливішим для реалізації.
1. Інструмент навігації клавіатурою Під час використання клавіатури для навігації текстом можна використовувати клавішу табуляції. Навігаційні організації keytau надає доступ до вашого веб- розв' язку користувачам, які не можуть або не хочуть користуватися мишами для навігації. Надає користувачеві змогу пересуватися за допомогою клавіатури, якщо ви встановили належний порядок табуляції. Також використовуйте ці ліки. Навігаційні посилання ⇩, або перестрибуйте посилання, щоб дозволити користувачеві переходити праворуч до основного вмісту сторінки. Ось гарний. Інструкція для навігації клавіатурою нагляду за UU.

2. Семантика і правильні назви Важливо використовувати акуратний семантичний код з правильними назвами ієрархії. Переконайтеся, що між іншим, заголовок відповідає правильному порядку від H1 до H6, а теґ з заголовка вгорі вкладки представляє вміст сторінки.
Три. Записати весь текст Коли екрани розповідають вам, що відбувається на зображенні на веб-сторінці, вони читають з усього тексту, що закодовано. Якщо цього не існує, з' єднання між вмістом вашого веб- сайта може втратити контекст для читання екранів. Alt text має описати тему зображення. Декоративні зображення слід позначати порожніми, які всі мають бути присвоєними, щоб уникнути шуму для кінцевого користувача.
4. Контрастність, контрасти, контрасти Це найбільш поширена помилка у внесенні згідно до WebAim, але деякі з найлегших речей у багатьох випадках. Будь ласка, вставте значення, потрібні для різних типів тексту і вмісту, або скористайтеся інструментом перевірки контрастності, який вам допоможе.
5. Досить велика До поверхні призначення слід додати область клацання, тут ви знайдете вимоги до полів вводу і кнопок, наприклад. Це має бути принаймні 44x44px (WCAG 2. 1). Це є важливим уникати того, щоб користувач, який натискав на кнопку, не натискав на неї, чи в них є проблеми з добрим мотором, тільки мають великі пальці або рухаються. Пам'ятаєш, що я написав про двох різних людей, які купують автобусний квиток?
6. Правильне компонування форм і полів вводу У формах важливо, міжісторія, яка позначає, або позначає у гарній норвезькій, і залишає поля для вводу. Якщо інструкції або мітки буде розташовано у полі вводу, це може перешкодити користувачеві переглянути коректність даних. WCAG також потребує позначення обов' язкових полів.
Сім. Використовувати форму, текст, контрастність, розмір і підсвічування для прояснення того, що ви намагаєтеся передати Чи знаєте ви, що від 5% до 8% чоловіків сліпі? і боротися за розрізнення кольорів до різних ступенів? За допомогою інструментів, а не лише кольорів, ви можете зробити так, щоб їхня мета була швидша. Точнісінько так: прикрасити гіперпосилання кольорами і кольором. підкреслено. Ті, хто не бачить кольору, не обов'язково бачать різницю між темно-синім кольором посилання і чорним текстом тіла. Додавання посилань з підкресленням є шаблоном, про який знають більшість користувачів Інтернету.
Вісім. Дозволити достатній масштаб Приготуйте ваш веб - сайт до використання з високою швидкістю збільшення. Багато з них орієнтуються у мережі так, як ви ніколи раніше не думали, зокрема, при максимальному збільшенні.
Дев'ять. Розмір шрифту і шрифти, які можна читати людиною Тепер, WCAP не потребує певного розміру шрифту, але це загальний консенсус і найкращі вправи 16px - це добрий початок абзаців. Хоча це ще не є офіційними вимогами АКТ, деякі з них повинні бути основою для виконання певних принципів. Будь ласка, використовуйте інші шрифти, які мають добру придатність для читання. Тож ви уважно задумаєтеся, чи слід використовувати шрифт, який має високий рівень складності в тексті хліба. Також намагайтеся уникнути забагато сімей шрифтів на одному розчині, і далі далі і далі, якщо є сумніви стосовно придатності для читання для всіх. Будьте розважливими, але також пробуйте!
Десять. Список інтервалів тексту і довжина коротких рядків Переконайтеся, що вміст вашого тексту є настільки доступним і доступним, наскільки це можливо, за допомогою відповідної висоти рядка. Для того, щоб задовольнити вимоги WCAG, має бути принаймні 1.5 інтервалів між рядками. Щоб мати доступ до лінії з такою точністю, що вона є у відповідності до АРГ, довжина ліній також повинна бути меншою за 80 символів на один рядок, щоб бути оптимальним законодавцем.
11. Текст з універсальним призначенням Нам не тільки слід розробляти текстові декорації по всьому світу, але й впевнитися, що зміст написаний зрозумілою і простою мовою.
12. Гарний інтерактивний дизайн Очистити і відновити зворотний зв' язок/ повторити за допомогою взаємодії, прозорості кнопок і посилань, які ведуть до нього, а також хорошої навігації важливі для того, щоб користувач був дружнім до будь- яких мережевих рішень.
13. Спорожнити повідомлення про помилки Записати звіти про вади, які чітко описують ваду, що сталася. @ info/ rich Якщо користувач ввів повідомлення електронної пошти у неправильному форматі, важливо не лише сказати ⇩, але й далі, або далі. Тоді у користувача не буде достатньо знань про помилку, щоб якомога швидше виправити помилку. Ось величезна перевага, що повідомлення з'являється поруч, де сталася помилка (думаю Закон наближення) щоб користувач знав точно, де сталася помилка, і міг швидше виправити її.
14. Тест, тест, тест! Випробовування різноманітних людей з різними ступенями функціональності. Також перевіряйте вік, в якому існує різна технічна цінність.
Дизайн для всіх
Пам'ятаючи про це, слід пам'ятати, що універсальний дизайн узгоджується з дружбою користувача і якістю. Це важливо не тільки для людей з найбільшою потребою, але й завдяки контенту більшість людей стає вразливішими.
Джерела
Дані закону: регулювання універсального дизайну рішень ICT https: // lawdata. no/ document/LTI/ precordion/2013- 06- 21- 732
Bufdir: Кількість вимкнених https: // www. bufdir. no/stat_ ang_ naslation/ deset_ function/ number /#: ~: text=Mean% 2015% 20% 25% 20 і% 2018...
Закони UX: Закон Jakobs https://lawsofux.com/jakobs-law /
Закони UX https: // rulesux.com /
Нагляд всесвітнього дизайну ICT http: // uu Neuvervisalten. no
Центр всесвітнього дизайну NCSU http: // www.ncu. edu/ project/design- projects/udi /
Настільна дошка UU- Суперфісторична дошка: Клавіатура, скорочення для переходу до основного вмісту https: // www. NYUubetirelsen. no/ guide/ keyboard навігацію/37# sShortcut_ for wAway_ to_ main контент
Набір суперпозицій UU: Навігація клавіатури https: // www. NYUubetirelsen. no/ guide/ keyboard навігацію/37# sShortcut_ for wAway_ to_ main контент
WebAIM: Звіт 2022 про доступність верхніх 100000 домашніх сторінок https: // webaim.org/projects/mindey /
WCAG 2. 1: Розуміння критеріїв успіху 2. 5. 5: Цільовий розмір https: // www. w3. org/WAI/WCAG21/Subsidy/get- size.html
Сліпіння: колір, що сліпий/ слабший https: // www. maryfeferbound.no/oyehilth- and- syncettic/ colour marry #: ~: text=actual% 20s% 20s% C3% A5% 20mange% 20as, de% 20f% C3% A6rrste% 20s% 20full% 20colour
Закони UX: Закон наближення https: // lawsofux.com/law- of- proximity /
