Vpliv Microsoftovega inkluzivnega oblikovanja v kodo Visual Studio

Univerzalno, ali vključujočega oblikovanja je nova filozofija oblikovanja. Zdi se, da Microsoft v zadnjem času zelo resno razmišlja o razvoju programske opreme. Inkluzivni dizajn dostopnost oblikovanja doseže na naslednjo stopnjo, saj dostopnost gleda z veliko širše perspektive. Ko sem preizkušal Microsoftov nov urejevalnik izvorne kode, Visual Studio Code, je vprašanje kako so te teorije uveljavili v praksi seveda se je pojavila v mojih mislih.

Ta objava ni namenjena zgolj opisu funkcij za dostopnost kode Visual Studio, saj lahko v uradnih dokumentih najdete odlične povzetke, ampak si želite predstaviti študijo primera o tem, na kaj morate biti pozorni, ko želite oblikovati vključujočo aplikacijo v prihodnosti.

Ker smo lahko prepričani, da bo vključenost kmalu zahtevala tako programsko kot spletno oblikovanje, seveda ne samo zaradi altruističnih razlogov, temveč zato, ker bo na mizo prinesla veliko novih uporabnikov..

Microsoftova 4 načela inkluzivnega oblikovanja

Windows Dev Center postavi dostopno programsko opremo znotraj kategorije Uporabnost, objavili so tudi veliko člankov o tej temi. Microsoftove štirih načel vključujočega oblikovanja (na kratko našteto spodaj) so obravnavani v tem članku.

1. Misli univerzalno.
2. Naredi to osebno.
3. Obdrži preprosto.
4. Ustvari veselje.

Če ste prebrali izvirni članek, boste videli, da so načela pojasnjena na način, ki ni vedno enostaven za testiranje, z uporabo podobnih izrazov "čustvena povezava", »Spodbujanje čudeža«, in "magično". Zato raje ostanem navzdol na zemlji, odstranim te subjektivne konotacije in načela spremenim v objektivna merila.

Ko analiziram, kako se izvajajo v kodi Visual Studio, jih uporabljam v naslednjem smislu:

1. Misli univerzalno: Dostopnost
2. Naredi to osebno: Prilagodljivost, razširljivost
3. Obdrži preprosto: Neprisiljen uporabniški vmesnik
4. Ustvari veselje: Razkritje lastnosti

Seveda je to samo ena možna kategorizacija in obstajajo številna prekrivanja, na primer prilagodljivost je lahko tudi del “Ustvarite užitek” načelo, toda ker potrebujemo nekaj oprijemljivega, se za zdaj držimo te razlage.

Medtem ko Windows Dev Center priporoča, da se ta vključujoča načela oblikovanja uporabljajo za aplikacije v sistemu Windows 10, je Microsoft svojo spletno stran za Microsoft Design namenil tudi oblikovalnemu oblikovanju..

Čeprav Visual Studio Code ni izključno za Windows 10, ampak je namenjen za večstranska programska oprema, še vedno lahko varno preizkusimo njegove lastnosti glede na prej omenjena načela, saj Microsoft jasno obravnava inkluzivni dizajn kot pot programske opreme, ki jo želijo slediti v prihodnosti.

Think Universal

Pod “Think Universal” Načeloma bomo pregledali, kako dostopna je Visual Studio Code za različne skupine uporabnikov, kot so uporabniki podpornih tehnologij (ne glede na to, ali jih uporabljajo za invalidnost ali preferenco), osebe z omejenimi tehnologijami, govorci brez angleščine, itd..

1. Povečava

Zoom lahko enostavno izvedete tako, da pritisnete Ctrl + = / Cmd + = (Mac) bližnjico na tipkovnici za Približaj, in Ctrl + - / Cmd + - (Mac) bližnjico za Pomanjšanje, S funkcijo Zoom lahko dostopamo tudi prek zgornje menijske vrstice.

Upoštevajte, da od različice 1.1.1 na tipkovnicah Windows znaki + in - ne delujejo na numerični tipkovnici na desni, samo na tipkalni (alfanumerični) tipkovnici - kar verjetno ni najboljša možnost za vključenost.

Funkcija »Upoštevaj stopnjo povečave« to nekoliko kompenzira, saj nam omogoča enostavno nastavitev trajna stopnja povečave v uporabniških nastavitvah (preberite mojo predhodno objavo o tem, kako to narediti).

2. High Contrast Theme

Visoko kontrastne teme olajšajo v obdelavo vizualnih informacij za slabovidne uporabnike, zato so pomemben element dostopnosti.

Tam je privzeta tema visoke kontrasta v kodi Visual Studio, ki jo lahko nastavite s klikom na Datoteka> Nastavitve> Barvna tema lahko prenesete tudi iz Visual Studio Code Marketplace.

Microsoft je v operacijskem sistemu Windows 7 predstavil teme visokega kontrasta, pri čemer je lepo videti, da sledijo tej funkciji.

3. Navigacija s tipkovnico

Zagotavljanje navigacije s tipkovnico je bistvenega pomena za ljudi, ki ne morejo uporabljati miške zaradi invalidnosti vida ali mobilnosti. Učinkovita navigacija s tipkovnico pomeni, da uporabniki lahko nadzoruje vse funkcije programske opreme z uporabo samo tipkovnice.

Visual Studio Code lepo izvaja to funkcijo in ima veliko prednastavljene vezi ključev (oglejte si celoten seznam), lahko uporabniki prilagodijo tudi bližnjice na tipkovnici s pomočjo konfiguracijske datoteke formata JSON.

4. Kartica Navigacija

Navigacija z zavihki omogoča skoči po različnih področjih kode Visual Studio.

Trenutno v različici 1.1.1 VS koda ne podpira navigacije z zavihki za vsa področja, na primer zgornja vrstica menija ni na voljo na ta način. Dobra novica je, da Microsoft priznava pomanjkanje te funkcije v trenutnih znanih težavah v dokumentih.

Med testiranjem sem ugotovil, da je Urednik, Stranska vrstica, Vrstica za ogled (oglejte si imena področij kode VS) in vsa njihova dejanja in postavke so dostopni s tipko Tab. Čeprav uporabniki Tab ne morejo dostopati do funkcij zgornje menijske vrstice s tipkovnico. Ukazna paleta F1 lahko to nekaj nadomesti, saj lahko od tam dostopate tudi vsi ukazi, ki jih najdete v zgornjem meniju,.

Pomembna funkcija dostopnosti navigacije z zavihki je prestrezanje zavihkov, ki uporabnikom omogoča preklapljanje med dvema funkcijama tipke Tab. Zasedena tipka Tab omogoča premikate po različnih delih kode VS, medtem ko je običajno tipka Tab doda znak Tab v besedilno datoteko odprto v območju urejevalnika. Uporabniki lahko preklapljajo med dvema zmogljivostma tako, da pritiskajo na tipko Ctrl + M.

5. Bralniki zaslona

Seveda mora biti dostopna programska oprema v celoti na voljo tudi uporabnikom bralnikov zaslona. Dokumenti omenjajo, da je skupina za razvoj kode VS preverila razpoložljivost čitalnika zaslona z bralnikom zaslona NVDA.

Za testiranje sem uporabil dva druga bralnika zaslona, ​​JAWS, ki je ena najbolj razširjenih aplikacij za branje zaslona, ​​in pripovedovalca Microsofta, ki je vgrajen bralnik zaslona Windows 10.

JAWS pozorno preberite vsa področja, ukaze in menije, vendar je pripovedovalec imel nekaj manjših težav z nalogo. Na primer, pravilno je brala zgornje menijske elemente, ko sem jih premikala z miško, ne pa tudi, ko sem na tipkovnici uporabila puščico dol. To pa je precej pomanjkljivost pripovedovalca, ne kode Visual Studio, zato lahko varno domnevamo, da lahko uporabniki z motnjami vida dostopajo do vseh funkcij kode VS s pomočjo naprednejše aplikacije za bralnik zaslona..

6. Dostopnost razhroščevalnikov

Da bi bila aplikacija popolnoma dostopna in vključujoča, moramo skrbeti tudi za dele, ki najbrž ne bodo v prvi vrsti za naše misli. V primeru kode Visual Studio je Debugger dober primer za to. Skupina za razvoj je posvečala pozornost tudi temu, da bi bila vključujoča, zato podpira tudi navigacijo s tabulatorji in tipkovnico ter dostopen je bralnik zaslona.

7. Lokalizacija

Zdaj smo pripravljeni na razpravo o seznamih VS kod za dostopnost, v dokumentih pa obstajajo tudi druge pomembne stvari, ki jih moramo omeniti, ko govorimo o “Think Universal” načelo vključujočega oblikovanja. Ena od teh je lokalizacija ali z drugimi besedami podporo tujim jezikom kot jezik za prikaz, saj mnogi ljudje na svetu niso govorci angleščine.

Koda Visual Studio je trenutno lokalizirana 10 različnih prikaznih jezikov (Angleščina, poenostavljena kitajščina, tradicionalna kitajščina, francoščina, nemščina, italijanščina, japonščina, korejščina, ruščina, španščina).

Uporabniki, ki prihajajo iz teh jezikov, ne potrebujejo niti konfiguriranja svojega jezika prikaza kot kode VS privzeto prevzame jezik prikaza operacijskega sistema. Če želijo nastaviti drug jezik kot jezik prikaza, lahko enostavno konfigurirajo svoj jezik locale.json mapa.

Verjetno 10 jezikov za prikaz ni tako veliko, vendar tudi ni slabo, če upoštevamo, da je VS koda nova programska oprema, in Microsoft bo najverjetneje v prihodnosti še bolj podpiral. Za zdaj uporabniki, katerih jezik ni med podprtimi, dobijo svojo VS kodo v angleščini.

8. Dostopna velikost

Sodobni urejevalniki izvorne kode niso resnično veliki in Microsoft se je pridružil temu trendu, saj je Visual Studio Code a manj kot 100 MB Prenos in njegov disk je manj kot 200 MB.

9. Razvoj med platformami

Če želimo vključujočo programsko opremo, je seveda potrebna tudi več platforma, kar pomeni, da mora delovati na različnih operacijskih sistemih. Kodeks VS izpolnjuje to zahtevo, saj podpira Windows, OS X in Linux prav tako.

Naredite osebno

“Naredite osebno” je drugo Microsoftovo načelo vključujočega oblikovanja in pogledali ga bomo prilagodljivost in razširljivost v skladu s tem merilom, kot sem to obljubil že prej. Visual Studio Code tako lepo ustreza tako zahtevam, da sem celo napisal ločene objave na obeh straneh, tukaj o prilagodljivosti, in tukaj o razširljivosti.

Na kratko, prilagodljivost se izvaja z teme po meri in nastavitve konfiguracije v obliki JSON, medtem ko je razširljivost dosežena s razširitve po meri ki jih uporabniki lahko prenesejo s tržnice Visual Studio Code Marketplace, ali pa ustvarijo svoje v TypeScript ali JavaScript.

Več o tehničnem ozadju pristopa Visual Studio Code do razširljivosti lahko preberete tukaj.

Prilagodljivost je rešena na način, ki je idealen za tehnično pametne ljudi, ki so tipični uporabniki urejevalnikov izvorne kode, saj je velik del tega programa izveden prek modularizirane konfiguracijske datoteke formata JSON.

To je odlična rešitev, saj konfiguracijske možnosti niso skrite za veliko hierarhijo menijev, ki jo je težko videti. Uporabniki, tudi če niso strokovnjaki za kodiranje, lahko preprosto urejate njihove navade .json datotek, kot koda Visual Studio odpre privzete nastavitve in nastavitve po meri v dveh oknih urejevalcev, ki se nahajajo drug poleg drugega, kar uporabnikom omogoča preprosto eksperimentiranje z njimi.

Konfiguracijske datoteke so modularizirane, prihajajo pa kot logično strukturirana hierarhija .json datotek, tukaj je seznam najpomembnejših:

1. settings.json za Uporabniške nastavitve po meri, dostopna prek Datoteka> Nastavitve> Uporabniške nastavitve meni
2. .vscode / settings.json za po meri nastavitve delovnega prostora, dostopna prek Datoteka> Nastavitve> Nastavitve delovnih delovnih mest meni
3. keybindings.json za Prilagoditve tipk po meri, dostopna prek Datoteka> Nastavitve> Bližnjice na tipkovnici meni
4. javascript.json, php.json, css.json, c.json, in kup drugih .json datoteke za različne programske jezike uporabniški odlomki po meri, dostopna prek Datoteka> Nastavitve> Uporabniški odrezki meni
5. launch.json za Nastavitve za razhroščevalce po meri, dostopna s klikom na ikono zobnika na zgornji vrstici Debug View (na levi strani urejevalnika)
6. .vscode / locale.json za nastavitve jezika za prikaz po meri, dostopni s tipkanjem Konfiguriraj jezik ukaz v paleto ukazov (F1)
7. .vscode / tasks.json za Nastavitve izvajalca opravil po meri, dostopni s tipkanjem Konfigurirajte vodilo opravil ukaz v paleto ukazov (F1)

Mislim, da se uporabniki VS Code težko pritožujejo nad prilagodljivostjo, saj je bila celo navedba možnosti izčrpna.

Ker so konfiguracijske možnosti modularizirane, morajo uporabniki le skrbeti zanje resnično potrebujejo, ki jim pomaga, da se osredotočijo na naloge, ki jih želijo opravljati. Tako bodo ostale bolj intuitivne.

Naj bo preprosto

Lahko se srečamo z Microsoftom Naj bo preprosto načelo vključujočega oblikovanja v mnogih drugih programih in oblikovanju, samo pomislite na načelo oblikovanja KISS (Keep It Simple, Stupid) in načelo razvoja programske opreme DRY (Don't Repeat Yourself). V tem kontekstu bomo osredotočeni na enostavnost uporabniškega vmesnika.

V zvezi z dostopnostjo je preprost uporabniški vmesnik, ki je preprost za uporabo, običajno priporočljiv zaradi uporabnikov s kognitivnimi in intelektualnimi težavami. Ker je Visual Studio Code izvorna koda, to verjetno ni programska oprema, ki jo pogosto uporabljajo ljudje, ki imajo to vrsto okvare, vendar pa lahko obstajajo tudi nekatera siva področja..

Preprostost ni pomembna le zaradi njih, ampak tudi kot dobro oblikovan logični vmesnik znižajte krivuljo učenja, in poveča hitrost dela, da je programska oprema bolj privlačna tudi za splošno populacijo.

Visual Studio Code tudi izkorišča znani psihološki pojav, učinek zgolj izpostavljenosti (ali. \ t pojavnost), ker uporablja osnovno postavitev, ki je podobna postavitvi drugih znanih urejevalnikov izvorne kode, kot je Atom, uporaba.

Iz dokumentov, ki jih lahko spoznamo, da je bil Microsoft prizadevanje, ki je močno vplivalo na:

Koda VS uporabnikom ponuja tudi funkcijo Vzporedno urejanje, ki jo lahko najdete tudi v drugih urejevalnikih izvorne kode, in ni naključje, saj postopek kodiranja je veliko enostavnejši, in seveda prispeva k “Naj bo preprosto” načelo vključujočega oblikovanja.

Poleg osnovnega uporabniškega vmesnika ima Visual Studio koda zanimive funkcije, ki jih je treba omeniti v članku o inkluzivnem oblikovanju, na primer:

• Intellisense ki uporabnikom zagotavlja predloge, ki temeljijo na kontekstu (del, ki uporablja umetno inteligenco, je prav tako dobra rešitev)
• Peek (Shift + F12), ki prikaže popolne definicije funkcij v inline oknu
• Ukazna paleta (F1), ki omogoča dostop do vseh ukazov na istem mestu.

Ustvari užitek

Ni preprosto najti konkretnih meril, ki jih lahko uporabimo za pregledovanje “Ustvari užitek” načelo vključujočega oblikovanja, zato sem končno sklenil merilo razpoznavnost značilnosti, ker je Microsoft to načelo opredelilo na naslednji način:

Ta fraza lahko mnoge vas spomni na mikro-trenutke, eno od Googlovih najnovejših stvari, in zato pokažete, kako lahko vodilna tehnološka podjetja pridejo do podobnih zaključkov, ko razmišljajo o tem, kako premakniti industrijo naprej.

V inkluzivnem oblikovanju je zelo pomembno uporabnike, in vzbudijo njihovo radovednost, da bomo verjetno lahko dosegli najboljše, če bomo pomagati, da se premaknejo naprej ko dosežejo določeno točko potovanja uporabnikov. Samo v pravem trenutku, ne prej, ne po.

Ko govorimo razpoznavnost značilnosti, bolj svetovna manifestacija ustvarjanja radosti, jo lahko povečajo stvari, kot so dobro zasnovana navigacijska orodja, pametna dokumentacija in podporne informacije, ki se pojavijo samo v pravem trenutku.

Primeri za vse te funkcije lahko najdemo v Visual Studio Code, samo pomislite na prej omenjeno IntelliSense in Ukazna paleta, ampak poudarjanje skladnje in izrezki kode po meri uporabnikom lahko tudi pomaga, da kar najbolje izkoristijo programsko opremo. Morate sami presoditi, ali vas Visual Studio Code z občutkom užitka zapusti.

Zame je bilo bolj ali manj všeč izkušnja: dobro strukturirano spletno dokumentacijo, enostavna navigacija Visual Studio Code Marketplace, in teme po meri ki jih je mogoče predogledati v realnem času, medtem ko se pomikate po spustnem seznamu (do njega dostopate preko Datoteka> Nastavitve> Barvna tema meni).

Končne besede

Ker je vključujoče oblikovanje novo področje, je tehnološka industrija še vedno v fazi eksperimentiranja. Mislim, da je Microsoft naredil pomemben mejnik opredelitev štirih načel vključujočega oblikovanja.

Kot smo lahko videli, jim je uspelo uspešno uveljaviti teorijo v svojem novem urejevalniku izvorne kode Visual Code Code, čeprav še vedno obstajajo nekatera področja, ki jih je treba izboljšati, kot je zagotavljanje popolne podpore Tab in globalne funkcije iskanja in zamenjave.

Tako dostopnost kot vključenost sta del uporabniške izkušnje, Lahko bi bilo dobro, če bi izvedeli več o njih, če želite slediti najnovejšim trendom v industriji. Tu so viri, ki lahko pomagajo:

• Članki o dostopnosti za Windows Dev Center
• Priročnik za orodje Microsoft Design Inclusive Design Toolkit (PDF)
• Oznaka dostopnosti za Hongkiat.com