Утицај Мицрософт инклузивног дизајна у Висуал Студио Цоде

универзалан, или инцлусиве десигн је нова филозофија дизајна Мицрософт изгледа недавно сасвим озбиљно схвата развој софтвера. Инклузивни дизајн узима приступачан дизајн на сљедећи ниво, јер гледа на приступачност из много шире перспективе. Када сам тестирао нови Мицрософтов едитор изворног кода, Висуал Студио Цоде, питање је како су применили теорију у пракси природно се појавио у мом уму.

Овај пост не намерава да буде само опис карактеристика приступачности Висуал Студио Цоде-а, јер у званичним документима можете пронаћи одличну рекапитулацију о њима, већ жели да буде студија случаја о томе на шта треба обратити пажњу када желите дизајнирајте инклузивну апликацију убудуће.

Зато што можемо бити сигурни да ће инклузивност ускоро бити захтјев и за софтвер и за веб дизајн, наравно не само због алтруистичких разлога, већ зато што ће довести многе нове кориснике до стола..

Мицрософт-ова 4 начела инклузивног дизајна

Виндовс Дев Центер ставља приступачан софтверски дизајн унутар категорије Употребљивост, објавили су и многе сјајне чланке на ту тему. Мицрософт'с четири принципа инклузивног дизајна (у даљем тексту укратко).

1. Мисли универзалан.
2. Направи лични.
3. Задржи га једноставан.
4. Цреате Сласт.

Ако сте прочитали оригинални чланак, видећете да су принципи објашњени на начин који није увек лако тестирати, користећи изразе као што је "емотивна веза", "евоцирај чудо", и "магичан". Зато бих радије остао на земљи, уклонио ове субјективне конотације и претворио принципе у објективне критеријуме.

Када анализирам како се имплементирају у Висуал Студио Цоде, користим их у следећем смислу:

1. Мисли универзалан: Приступачност
2. Направи лични: Прилагодљивост, проширивост
3. Задржи га једноставан: Логички кориснички интерфејс који не одвлачи пажњу
4. Цреате Сласт: Откривање могућности

Наравно, ово је само једна могућа категоризација и постоје много преклапања, на пример, прилагодљивост може такође да буде део “Створите одушевљење” принципу, али како нам је потребно нешто опипљиво, хајде да се држимо овог тумачења за сада.

Иако Виндовс Дев Центер препоручује да се ови инклузивни принципи дизајна примењују за апликације Виндовс 10, Мицрософт је такође посветио свој дизајн за дизајн компаније Мицрософт дизајну инклузивном дизајну.

Иако Висуал Студио Цоде није искључиво за Виндовс 10 већ је циљ цросс-платформ софтваре, још увек можемо безбедно да тестирамо његове карактеристике у односу на горе наведене принципе, јер Мицрософт јасно третира инклузивни дизајн као путању дизајна софтвера коју желе да следе у будућности.

Тхинк Универсал

Под “Тхинк Универсал” У принципу, размотрићемо колико је Висуал Студио Цоде доступан за различите групе корисника, као што су корисници помоћних технологија (било да их користе за инвалидитет или преференције), особе са ограниченим технологијама, говорници који нису изворни енглески, итд..

1. Зумирање

Зумирање се може лако извести притиском на Цтрл + = / Цмд + = (Мац) тастерска пречица за Увеличати, и Цтрл + - / Цмд + - (Мац) схортцут фор Зоом Оут, Такође можемо приступити функцији Зоом преко горње траке менија.

Имајте на уму да од верзије 1.1.1, на Виндовс тастатурама знаци + и - не функционишу на нумеричкој тастатури десно, само на тастатури за куцање (алфанумеричка) - што вероватно није најбоље за инклузивност.

Функција Персистед Зоом Левел донекле компензира ово, јер нам омогућава да лако конфигуришемо а трајни ниво зумирања у корисничким поставкама (прочитајте мој претходни пост о томе како да то урадим).

2. Хигх Цонтраст Тхеме

Теме високог контраста олакшавају у обрада визуелних информација за кориснике са оштећеним видом, и стога су важан елемент приступачности.

Постоји подразумевана тема високог контраста у Висуал Студио Цоде, који можете поставити кликом на Датотека> Преференцес> Цолор Тхеме али можете преузети и друге садржаје са Висуал Студио Цоде Маркетплаце.

Мицрософт је представио теме високог контраста у оперативном систему Виндовс 7, и лепо је видети да оне прате ову функцију.

3. Навигација тастатуре

Пружање навигације помоћу тастатуре је од суштинског значаја за људе који не могу да користе миш због визуелних или покретних потешкоћа. Ефикасна навигација помоћу тастатуре подразумева кориснике може да контролише сваку функционалност софтвера користећи само тастатуру.

Висуал Студио Цоде лепо имплементира ову функцију, и иако има много унапред подешене везе тастера (погледајте комплетну листу), корисници такође могу да прилагоде пречице на тастатури уз помоћ конфигурационог фајла у ЈСОН формату.

4. Таб Навигација

Навигација табулатором омогућава Скочите по различитим подручјима Висуал Студио Цоде.

Тренутно, од верзије 1.1.1, ВС код не подржава навигацију табулатором за све области, на пример, горња трака менија није доступна на овај начин. Добра вест је да Мицрософт признаје недостатак ове функције у тренутним познатим проблемима у документима.

Током тестирања, открио сам да је Едитор, тхе Сиде Бар, тхе Виев Бар (погледајте именовање подручја ВС кода), а све њихове акције и ставке су доступне типком Таб. Иако корисници Таб-а не могу приступити функционалностима горње траке са својим тастатуром. Палета команди Ф1 може донекле да замени ово, јер свим командама које се могу наћи у горњем менију може се приступити и одатле..

Важна карактеристика приступачности навигације табулатора је преклапање картица, што омогућава корисницима да се пребацују између две функционалности тастера Таб. Заробљени тастер Таб омогућава кретање кроз различите делове ВС кода, док је обично Таб тастер додаје знак Таб у текстуалну датотеку отворити у пољу Едитор. Корисници могу да се пребацују између две могућности тако што ће притиснути Цтрл + М тастер.

5. Читачи екрана

Наравно, приступачан софтвер мора бити у потпуности доступан корисницима читача екрана. Документи наводе да је ВС Цоде тим за развој тестирао доступност читача екрана помоћу НВДА читача екрана.

За тестирање, користио сам још два читача екрана, ЈАВС који је једна од најчешће кориштених апликација за читање екрана, и Мицрософт наратор који је уграђени читач екрана за Виндовс 10.

ЧЕЉУСТ читајте наглас све области, команде и меније, али приповедач је имао неке мање проблеме са задатком. На пример, он само чита главне ставке менија када сам их прешао преко миша, али не када сам користио стрелицу надоле на тастатури. То је, међутим, прилично недостатак наратора, а не Висуал Студио кода, тако да можемо са сигурношћу претпоставити да корисници са оштећеним видом могу приступити свим функционалностима ВС кода помоћу напредније апликације за читање екрана.

6. Приступачност дебагера

Да би апликација била потпуно приступачна и инклузивна, такође морамо да водимо рачуна о деловима који нам у почетку не долазе на памет. У случају Висуал Студио Цоде, Дебуггер је добар пример за то. Дев тим је обраћао пажњу и на то да буде инклузиван, тако да подржава и навигацију по тастатури и тастатури, а њен читач екрана је доступан.

7. Локализација

Сада смо спремни да разговарамо о карактеристикама доступности ВС кодова у документима, али постоје и друге важне ствари које морамо поменути када говоримо о “Тхинк Универсал” принцип инклузивног дизајна. Једна од њих је локализација, или другим речима подршка за стране језике као језик приказа, јер многи људи у свету нису говорници енглеског језика.

Висуал Студио Цоде је тренутно локализован за 10 различитих језика приказа (Енглески, поједностављени кинески, традиционални кинески, француски, немачки, италијански, јапански, корејски, руски, шпански).

Корисници који долазе са ових језика не морају чак ни да конфигуришу свој језик приказа, као ВС код подразумевано преузима језик приказа оперативног система. Ако желе да постављају други језик као језик приказа, могу лако да конфигуришу свој језик лоцале.јсон филе.

Вероватно 10 језика за приказ није толико много, али такође није лоше ако узмемо у обзир да је ВС код нови софтвер, а Мицрософт ће највероватније више подржавати у будућности. За сада, корисници чији језик није међу подржаним, добијају свој ВС код инсталиран на енглеском језику.

8. Доступна величина

Модерни едитори изворног кода нису заиста велики, а Мицрософт се придружио овом тренду, јер је Висуал Студио Цоде а мање од 100 МБ довнлоад, а његов траг на диску је мањи од 200 МБ.

9. Развијање више платформи

Ако желимо инклузивни софтвер, наравно да треба да буде и цросс-платформа, што значи да треба да ради на различитим оперативним системима. ВС Кодекс задовољава овај захтев, пошто подржава Виндовс, ОС Кс и Линук такође.

Маке Ит Персонал

“Маке Ит Персонал” је други Мицрософтов принцип инклузивног дизајна, а ми ћемо погледати цустомизабилити и проширивост по овом критеријуму, као што сам обећао и раније. Висуал Студио Цоде задовољава оба захтјева тако лијепо да сам чак написао и одвојене постове на оба, овдје о прилагодљивости, а овдје о проширивости.

Укратко, прилагодљивост се имплементира са цустом тхемес и модуларизована конфигурациона подешавања ЈСОН формата, док се растезљивост постиже прилагођена проширења које корисници могу да преузму са Висуал Студио Цоде Маркетплаце, или креирају сопствене у ТипеСцрипт или ЈаваСцрипт.

Више о техничкој позадини приступа Висуал Студио Цоде проширивости можете прочитати овдје.

Прилагодљивост је ријешена на начин који је идеалан за људе који су технички паметни и који су типични корисници уређивача изворног кода, јер се значајан дио имплементира путем модуларни ЈСОН конфигурациони фајлови.

Ово је одлично решење, пошто конфигурационе опције нису скривене иза огромне хијерархије менија коју је тешко видети. Корисници, чак и ако нису стручњаци за кодирање, могу лако уредите свој обичај .јсон фајлови, као што Висуал Студио Цоде отвара подразумеване и прилагођене поставке у два окна за уређивање, један поред другог, омогућавајући корисницима да једноставно експериментишу са њима.

Конфигурациони фајлови су модуларизовани, долазе као логички структурирана хијерархија .јсон датотека, ево листе најважнијих:

1. сеттингс.јсон за прилагођене корисничке поставке, доступно преко Датотека> Преференце> Корисничке поставке мени
2. .всцоде / сеттингс.јсон за цустом Воркспаце Сеттингс, доступно преко Датотека> Поставке> Поставке радних мјеста мени
3. кеибиндингс.јсон за Цустом Кеи Биндингс, доступно преко Датотека> Преференце> Тастерске пречице мени
4. јавасцрипт.јсон, пхп.јсон, цсс.јсон, ц.јсон, и гомилу других .јсон датотеке за различите програмске језике за постављање прилагођени исјечци корисника, доступно преко Филе> Преференцес> Усер Сниппетс мени
5. лаунцх.јсон за прилагођене поставке дебуггер-а, доступно кликом на икону зупчаника на горњој траци Дебуг Виев-а (лево од едитора)
6. .всцоде / лоцале.јсон за прилагођене поставке језика приказа, доступно тако што ћете откуцати Конфигурисање језика наредба у палети команди (Ф1)
7. .всцоде / таскс.јсон за Цустом Таск Руннер Сеттингс, доступно тако што ћете откуцати Конфигуришите Руннер задатка наредба у палети команди (Ф1)

Мислим да корисници ВС кода тешко могу да се жале на могућност прилагођавања, јер је чак и попис опција био исцрпан задатак.

Пошто су опције конфигурације модуларизоване, корисници морају да се брину о њима они стварно требају, што им помаже да се фокусирају на задатке које желе да обављају. Тако ће бити остављени интуитивнији радни процес.

Поједностави

Можемо упознати Мицрософт Поједностави принцип инклузивног дизајна на многим другим местима у програмирању и дизајну, само размислите о принципу дизајна КИСС (Кееп Ит Симпле, Ступид) и принципу развоја софтвера ДРИ (Дон'т Репеат Иоурселф). За овај текући контекст, задржаћемо фокус на једноставност корисничког интерфејса.

У смислу приступачности, једноставан за употребу, једноставан кориснички интерфејс се обично препоручује због корисника који имају когнитивне и интелектуалне тешкоће. Пошто је Висуал Студио Цоде изворни код, то вероватно није софтвер који се често користи од стране људи који имају овакву врсту оштећења, али могу постојати и нека сива подручја.

Једноставност није важна само због њих, већ и као добро осмишљен логички интерфејс смањите криву учења, и повећати брзину рада, израда софтвера који је привлачнији и за општу популацију.

Висуал Студио Цоде такођер утиче на познати психолошки феномен, ефекат пуке изложености (или феномен блискости), пошто усваја основни распоред који је сличан изгледу других познатих едитора изворног кода, као што је Атом, користи.

Из докумената можемо сазнати да је то био напор који Мицрософт има велики утицај на:

ВС код такође обезбеђује корисницима Сиде-би-Едитинг функцију која се такође може наћи у другим едиторима изворног кода, и није случајност, чини процес кодирања много једноставнијим, и наравно доприноси “Поједностави” принцип инклузивног дизајна, такође.

Поред основног корисничког интерфејса, Висуал Студио Цоде има одличне карактеристике које вреди споменути у чланку о инклузивном дизајну, као што су:

• Интеллисенсе који пружа корисницима предлоге засноване на контексту (бацкенд дио који користи умјетну интелигенцију је такођер лијепо рјешење)
• Пеек (Схифт + Ф12) који приказује потпуне дефиниције функција у инлине прозору
• Цомманд Палетте (Ф1) која чини све команде приступачним на истом месту.

Цреате Делигхт

Није нарочито лако пронаћи опипљиве критеријуме које можемо користити за испитивање “Цреате Делигхт” принцип инклузивног дизајна, па сам коначно решио критеријум особина откривања, јер је Мицрософт дефинисао овај принцип на следећи начин:

Ова фраза може подсјетити многе од вас на микро-тренутке, једну од Гооглеове најновије велике ствари, и стога показати како водеће технолошке компаније могу доћи до сличних закључака када размишљају о томе како премјестити индустрију напријед.

У инклузивном дизајну је веома важно ангажовати кориснике, и пробудити њихову радозналост, да можемо да постигнемо вероватно најбоље ако ми помоћи им да се крећу напријед када су дошли до одређене тачке у свом корисничком путовању. Само у правом тренутку, не пре, не после.

Када говоримо о томе особина откривања, што је световнија манифестација стварања одушевљења, она се може повећати стварима као што је добро дизајнирана навигација за помоћне програме, паметна документација и информације које пружају подршку које се појављују само у правом тренутку.

Можемо да нађемо примере за све ове функције у Висуал Студио коду, само размислите о горе наведеном ИнтеллиСенсе и Цомманд Палетте, али синтакса и прилагођени исјечци кода такође може помоћи корисницима да на најбољи начин искористе софтвер. Морате сами процијенити да ли вам Висуал Студио Цоде оставља осјећај ужитка.

За мене, мање-више ми се свидело искуство: добро структуирана онлине документација, тхе лако за навигацију Висуал Студио Цоде Маркетплаце, анд тхе прилагођене теме боја које се могу прегледати у реалном времену док се крећете кроз падајућу листу (приступите јој преко Датотека> Преференцес> Цолор Тхеме мени).

Финал Вордс

Како је инклузивни дизајн ново поље, технолошка индустрија је још увијек у фази експериментирања. Мислим да је Мицрософт направио значајну прекретницу дефинисање четири принципа инклузивног дизајна.

Као што смо могли видјети, успјели су успјешно примијенити теорију у пракси у свом новом уређивачу изворног кода, Висуал Студио Цоде, иако још увијек постоје нека подручја за побољшање, као што је пружање потпуне Таб подршке и глобалне значајке претраживања и замјене..

Као и приступачност и инклузивност су делови корисничког искуства, може бити добра идеја да сазнате више о њима ако желите да пратите најновије трендове у индустрији. Ево ресурса који могу помоћи:

• Чланци о приступачности програма Виндовс Дев Центер
• Приручник за инклузивни дизајн Мицрософт дизајна (ПДФ) (може се преузети)
• Ознака приступачности за Хонгкиат.цом