„Microsoft Inclusive Design“ įtaka „Visual Studio“ kodui

Universalus, arba dizainas yra nauja dizaino filosofija. Įtraukiamas dizainas priima prieinamą dizainą į kitą lygį, nes jis mato prieinamumą daug platesniu požiūriu. Kai išbandžiau „Microsoft“ naują šaltinio kodo redaktorių, „Visual Studio“ kodą, klausimas kaip jie įgyvendino teoriją praktikoje natūraliai atsirado mano mintyse.

Šis pranešimas nėra skirtas tik „Visual Studio Code“ prieinamumo funkcijų aprašymui, nes oficialiuose dokumentuose galite rasti didelę jų kopiją, bet siekia būti atvejo tyrimu apie tai, ką atkreipti dėmesį, kai norite suprojektuokite įtraukią programą ateityje.

Kadangi mes galime būti tikri, kad įtrauktis netrukus bus ir programinės įrangos, ir interneto dizaino reikalavimas, žinoma, ne tik dėl altruistinių priežasčių, bet ir dėl to, kad į naują lentelę bus įtraukta daug naujų vartotojų.

„Microsoft“ keturi integracinio dizaino principai

„Windows Dev Center“ pateikia prieinamą programinės įrangos dizainą naudojimo kategorijoje, ir jie taip pat paskelbė daug puikių straipsnių šia tema. „Microsoft“ keturi integracinio dizaino principai Šiame straipsnyje trumpai aptariami (išvardyti toliau).

1. Pagalvokite Universalus.
2. Padaryti tai Asmeninis.
3. Pasilik tai paprasta.
4. Sukurti malonumas.

Jei perskaitėte pradinį straipsnį, pamatysite, kad principai paaiškinami taip, kad ne visada būtų lengva išbandyti, naudojant tokias išraiškas kaip „emocinis ryšys“, „sukelti stebuklą“, ir „magiškas“. Taigi aš norėčiau pasilikti žemėje, pašalinti šias subjektyvias konotacijas ir paversti principus objektyviais kriterijais.

Analizuodamas, kaip jie įgyvendinami „Visual Studio Code“, naudoju juos tokiu būdu:

1. Pagalvokite Universalus: Prieinamumas
2. Padaryti tai Asmeninis: Pritaikymas, išplėtimas
3. Pasilik tai paprasta: Neišspręsta, logiška vartotojo sąsaja
4. Sukurti malonumas: Funkcijų aptikimas

Žinoma, tai yra tik vienas galimas kategorizavimas ir yra daug sutapimų, pavyzdžiui, pritaikomumas taip pat gali būti dalis “Sukurkite malonumą” tačiau, kai mums reikia kažko apčiuopiamo, laikykitės šio aiškinimo.

Nors „Windows Dev Center“ rekomenduoja taikyti šiuos įtraukiamuosius projektavimo principus „Windows 10“ programoms, „Microsoft“ taip pat skyrė „Microsoft“ dizaino svetainę įtraukiamam dizainui.

Nors „Visual Studio“ kodas yra ne tik „Windows 10“, bet ir skirtas „a“ platformos programinė įranga, mes vis dar galime saugiai išbandyti savo ypatybes pagal pirmiau minėtus principus, nes „Microsoft“ aiškiai vertina inkliuzinį dizainą kaip programinės įrangos kūrimo kelią, kurio jie nori sekti ateityje.

Pagalvokite Universal

Pagal “Pagalvokite Universal” principas, mes patikrinsime, kaip yra „Visual Studio“ kodas skirtingoms vartotojų grupėms, pvz., pagalbinių technologijų naudotojai (nesvarbu, ar jie juos naudoja neįgaliesiems ar pirmenybėms), žmonės, turintys ribotas technologijas, ne gimtoji anglų kalba, ir kt..

1. Padidinti

Padidinti galima lengvai pataikyti į Ctrl + = / Cmd + = („Mac“) spartusis klavišas Priartinti, ir Ctrl + - / Cmd + - („Mac“) spartusis klavišas Nutolinti, ir mes taip pat galime pasiekti „Zoom“ funkciją per viršutinį meniu juostą.

Atkreipkite dėmesį, kad nuo 1.1.1 versijos „Windows“ klaviatūrose „+“ ir „-“ ženklai neveikia dešinėje esančioje skaitmeninėje klaviatūroje, tik klaviatūros klaviatūroje - kuri greičiausiai nėra geriausia įtraukimui.

Nuolatinio priartinimo lygio funkcija šiek tiek kompensuoja tai, nes leidžia lengvai konfigūruoti a nuolatinis priartinimo lygis naudotojo nustatymuose (perskaitykite mano skelbimą apie tai, kaip tai padaryti).

2. Aukšto kontrasto tema

Didelio kontrasto temos palengvina vizualinės informacijos apdorojimas silpnaregiams, todėl jie yra svarbus prieinamumo elementas.

Ten yra numatytoji aukšto kontrasto tema „Visual Studio Code“, kurį galite nustatyti spustelėję Failas> Nuostatos> Spalvos tema taip pat galite atsisiųsti ir kitus iš „Visual Studio Code Marketplace“.

„Windows 7“ „Microsoft“ pristatė „High Contrast“ temas, malonu matyti, kad jie seka šią funkciją.

3. Naršymas klaviatūra

Klaviatūros navigacijos užtikrinimas yra būtinas žmonėms, kurie negali naudotis pele dėl regėjimo ar judumo negalios. Veiksminga klaviatūros navigacija reiškia, kad vartotojai gali kontroliuoti kiekvieną funkciją programinės įrangos naudojant tik klaviatūrą.

„Visual Studio Code“ puikiai įgyvendina šią funkciją ir turi daug iš anksto nustatyti klavišai (žr. visą sąrašą), vartotojai taip pat gali pritaikyti sparčiuosius klavišus naudodami JSON formato konfigūracijos failą.

4. Skirtukas Naršymas

Kortelės naršymas leidžia šokinėti visose skirtingose ​​srityse „Visual Studio“ kodo.

Šiuo metu, nuo 1.1.1 versijos, VS kodas nepalaiko visų sričių skirtukų navigacijos, pavyzdžiui, viršutinė meniu juosta nėra tokia. Geros naujienos yra tai, kad „Microsoft“ pripažįsta, jog šios funkcijos trūksta dokumentuose „Dabartinės žinomos problemos“.

Bandymų metu nustatiau, kad Redaktorius, „Side Bar“, Rodyti juostą (žr. VS kodo sričių pavadinimą), o visi jų veiksmai ir elementai yra pasiekiami klavišu Tab. Nors skirtukų vartotojai negali pasiekti pagrindinės meniu juostos funkcijų su klaviatūra. Komandų paletė F1 gali šiek tiek pakeisti šį variantą, nes visas komandas, kurias galima rasti viršutiniame meniu, galima pasiekti iš ten..

Svarbus skirtukų naršymo prieinamumo bruožas yra skirtukų gaudymas, kuris leidžia vartotojams persijungti iš dviejų skirtuko „Tab“ funkcijų. Įstrigusio klavišo mygtukas leidžia perkelti įvairias VS kodekso dalis, paprastai Tab klavišas prideda teksto failui skirtuką „Tab“ atidaryti redaktoriaus srityje. Vartotojai gali persijungti tarp dviejų pajėgumų, paspaudę klavišą „Ctrl + M“.

5. Ekrano skaitytuvai

Žinoma, prieinama programinė įranga taip pat turi būti visiškai prieinama ekrano skaitytuvo vartotojams. Dokumentuose nurodoma, kad VS Code dev komanda išbandė ekrano skaitytuvo prieinamumą su NVDA ekrano skaitytuvu.

Bandymams naudoju du kitus ekrano skaitytuvus: JAWS, kuris yra vienas iš plačiausiai naudojamų ekrano skaitymo programų, ir „Microsoft“ naratorius, kuris yra „Windows 10“ integruotas ekrano skaitytuvas.

JAWS kruopščiai perskaitykite visas sritis, komandas ir meniu, tačiau pasakotojas turėjo keletą mažesnių problemų su užduotimi. Pavyzdžiui, tinkamai perskaičius viršutinius meniu elementus, kai perkeliau juos pele, bet ne tada, kai aš naudoju žemyn rodyklę ant klaviatūros. Tačiau tai greičiau yra „Narrator“, o ne „Visual Studio“ kodo trūkumas, todėl galime tvirtai manyti, kad regos negalią turintys vartotojai gali naudotis visomis VS kodo funkcijomis naudodami pažangesnę ekrano skaitymo programą.

6. Debugger Accessibility

Norėdami, kad programa būtų visiškai prieinama ir įtraukiama, mes taip pat turime rūpintis dalimis, kurios tikriausiai neatsiranda iš pradžių. „Visual Studio“ kodo atveju Debugger yra geras pavyzdys. Dev komanda taip pat atkreipė dėmesį į tai, kad ji būtų įtraukta, taigi ji taip pat palaiko „Tab“ ir „klaviatūros“ navigaciją ir prieinama ekrano skaitytuvui.

7. Lokalizavimas

Dabar esame pasirengę aptarti prieinamumo ypatybes VS kodo sąrašuose, tačiau yra ir kitų svarbių dalykų, kuriuos reikia paminėti, kai kalbame apie “Pagalvokite Universal” dizaino principas. Vienas iš jų yra lokalizavimas arba kiti žodžiai parama užsienio kalboms kaip ekrano kalba, nes daugelis žmonių pasaulyje nėra gimtoji anglų kalba.

Visual Studio kodas šiuo metu yra lokalizuotas 10 skirtingų kalbų (Anglų, supaprastinta kinų, tradicinė kinų, prancūzų, vokiečių, italų, japonų, korėjiečių, rusų, ispanų).

Vartotojai, atvykę iš šių kalbų, net nereikia konfigūruoti savo kalbų, kaip VS kodo pagal numatytuosius nustatymus atsiunčia operacinės sistemos kalbą. Jei jie nori nustatyti kitą kalbą kaip ekrano kalbą, jie gali lengvai konfigūruoti jų kalbą locale.json failą.

Tikriausiai 10 kalbų nėra tokios daug, tačiau taip pat nėra blogai, jei atsižvelgiame į tai, kad VS kodas yra nauja programinė įranga, o „Microsoft“ greičiausiai palaikys daugiau. Šiuo metu vartotojai, kurių kalba nėra tarp palaikomų asmenų, savo VS kodą įdiegia anglų kalba.

8. Prieinamas dydis

Šiuolaikiniai šaltinio kodų redaktoriai nėra labai dideli, o „Microsoft“ taip pat prisijungė prie šios tendencijos, nes „Visual Studio“ kodas yra a mažiau nei 100 MB atsisiunčiama, o jo diskų pėdsakas yra mažesnis nei 200 MB.

9. Įvairių platformų kūrimas

Jei norime, kad programinė įranga būtų įtraukta, žinoma, ji taip pat turi būti tarpplatforminė, o tai reiškia, kad ji turi veikti skirtingose ​​operacinėse sistemose. VS kodeksas atitinka šį reikalavimą, kaip jis palaiko Windows, OS X ir Linux taip pat.

Padaryti asmeniškai

“Padaryti asmeniškai” „Microsoft“ yra antrasis įtraukaus dizaino principas, ir mes pažvelgsime pritaikomumas ir išplėtimas pagal šį kriterijų, kaip aš tai pažadėjau anksčiau. „Visual Studio Code“ taip pat puikiai atitinka abu reikalavimus, kad aš netgi parašiau atskirus įrašus abiejuose, čia apie pritaikomumą, ir čia apie išplėtimą.

Trumpai tariant, pritaikoma pritaikoma pritaikytos temos ir moduliniai JSON formato konfigūracijos parametrai, o išplėtimas pasiekiamas iki pasirinktiniai plėtiniai vartotojai gali atsisiųsti iš „Visual Studio Code Marketplace“ arba sukurti savo tipą „TypeScript“ arba „JavaScript“.

Daugiau informacijos apie „Visual Studio Code“ metodo išplėtimo būdą rasite čia.

Pritaikomumas yra išspręstas tokiu būdu, kuris idealiai tinka žmonėms, kurie yra patyrę išeitį, būdingus šaltinio kodo redaktorių naudotojams, nes didelė jos dalis yra įgyvendinama per moduliniai JSON formato konfigūracijos failai.

Tai puikus sprendimas, nes konfigūracijos parinktys nėra paslėptos už didžiulės meniu hierarchijos, kurią sunku pamatyti. Vartotojai, net jei jie nėra kodavimo ekspertai, gali lengvai redaguoti savo papročius .Džonsas rinkmenas, „Visual Studio Code“ atidaro numatytuosius ir priskirtus nustatymus dviejuose redaktorių langeliuose, esančiuose vienas šalia kito, leidžiant naudotojams lengvai eksperimentuoti su jais.

Konfigūracijos failai moduliuojami, jie yra logiškai struktūrizuota hierarchija .Džonsas failų, čia yra svarbiausiųjų sąrašas:

1. settings.json dėl vartotojo nustatymai, prieinama per Failas> Nuostatos> Vartotojo nustatymai Meniu
2. .vscode / settings.json dėl pasirinktiniai darbo vietos nustatymai, prieinama per Failas> Nuostatos> Darbo vietų nustatymai Meniu
3. keybindings.json dėl Custom Key Bindings, prieinama per Failas> Nuostatos> Klaviatūros nuorodos Meniu
4. javascript.json, php.json, css.json, c.json, ir kitų krūva .Džonsas skirtingų programavimo kalbų rinkmenos, skirtos nustatyti vartotojo naudotojo fragmentai, prieinama per Failas> Nuostatos> Vartotojo fragmentai Meniu
5. start.json dėl priskirtų derinimo nustatymų, prieinama paspaudus ant piktogramos „Debug View“ viršutinėje juostoje (kairėje redaktoriaus pusėje)
6. .vscode / locale.json dėl pasirinktiniai ekrano kalbos nustatymai, prieinama įvesdami Konfigūruoti kalbą komanda į komandų paletę (F1)
7. .vscode / tasks.json dėl pasirinktiniai užduočių bėgių nustatymai, prieinama įvesdami Konfigūruokite užduočių bėgiklį komanda į komandų paletę (F1)

Manau, kad VS kodo naudotojai vargu ar gali skųstis dėl pritaikomumo, nes net parinkčių sąrašas buvo išsamus uždavinys.

Kadangi konfigūravimo parinktys yra moduliuojamos, vartotojai turi juos pasirūpinti jiems tikrai reikia, kuri padeda jiems susikoncentruoti į užduotis, kurias jie nori atlikti. Taigi jiems bus palikta intuityvesnė darbo eiga.

Daryk paprastai

Mes galime susitikti su „Microsoft“ Daryk paprastai apimantis projektavimo principas daugelyje kitų programavimo ir dizaino vietų, tiesiog pagalvokite apie KISS (Keep It Simple, Stupid) projektavimo principą ir DRY (Don't Repeat Yourself) programinės įrangos kūrimo principą. Šiam kontekstui mes sutelksime dėmesį į vartotojo sąsajos paprastumas.

Kalbant apie prieinamumą, paprastai paprasta naudoti paprastą vartotojo sąsają, nes vartotojai, turintys pažinimo ir intelektinės negalios. Kadangi „Visual Studio Code“ yra šaltinio kodo redaktorius, tai tikriausiai nėra programinė įranga, kurią dažnai naudoja žmonės, turintys tokį sutrikimą, tačiau gali būti ir tam tikrų pilkų sričių.

Paprastumas yra svarbus ne tik dėl jų, bet ir kaip gerai suplanuota, logiška sąsaja sumažinti mokymosi kreivę, ir padidinti darbo greitį, taip pat padaryti programinę įrangą patrauklesnę ir visiems gyventojams.

Visual Studio kodas taip pat naudoja gerai žinomą psichologinį reiškinį, tiesioginio poveikio poveikis (arba. \ t žinomumo reiškinys), nes ji naudoja pagrindinį išdėstymą, panašų į kitų gerai žinomų šaltinio kodų redaktorių, pvz., „Atom“, išdėstymą.

Iš dokumentų, su kuriais galime sužinoti, kad tai buvo pastangos „Microsoft“ padarė didelį poveikį:

VS kodas taip pat suteikia vartotojams „Side by Side“ redagavimo funkciją, kurią galima rasti ir kituose šaltinio kodų redaktoriuose, ir tai nėra atsitiktinumas, kaip kodavimo procesas tampa daug paprastesnis, ir, žinoma, prisideda prie “Daryk paprastai” apimantis dizaino principas.

Be pagrindinio vartotojo sąsajos, „Visual Studio Code“ turi vėsią funkciją, kurią verta paminėti straipsnyje apie inkliuzinį dizainą, pavyzdžiui:

• Intellisense kuris suteikia vartotojams pasiūlymus pagal kontekstą (taip pat gražus sprendimas yra „backend“ dalis, kurioje naudojamas dirbtinis intelektas)
• Peek („Shift + F12“), kuriame rodomi visi funkcijų apibrėžimai eilutėje
• Komandų paletė (F1), kad visos komandos pasiekiamos toje pačioje vietoje.

Sukurti „Delight“

Ne itin lengva rasti apčiuopiamų kriterijų, kuriais galėtume ištirti “Sukurti „Delight“” įtraukiamojo dizaino principas, todėl pagaliau išsprendžiau kriterijų funkcijos aptikimas, „Microsoft“ apibrėžė šį principą taip:

Ši formuluotė daugeliui jūsų gali priminti apie „mikro“ akimirkas, vieną iš naujausių „Google“ didelių dalykų, ir todėl parodyti, kaip pirmaujančios technologijų bendrovės gali daryti panašias išvadas, kai galvoja apie tai, kaip perkelti pramonę į priekį.

Įtraukiantį dizainą labai svarbu įtraukti vartotojus, ir sužadinti jų smalsumą, kad mes galime pasiekti geriausius, jei mes padėti jiems judėti į priekį kai jie pasiekė tam tikrą savo vartotojo kelionės tašką. Tiesiog tinkamu metu, ne anksčiau, o ne po.

Kai mes kalbame funkcijos aptikimas, kuo pasaulingesnis džiaugsmo kūrimo pasireiškimas, jį galima padidinti tokiais dalykais kaip gerai suplanuota komunalinė navigacija, sumanūs dokumentai ir pagalbinė informacija, kuri pasirodo tik tinkamu metu.

Visų šių funkcijų pavyzdžius galima rasti „Visual Studio Code“, tiesiog pagalvokite apie tai „IntelliSense“ ir Komandų paletė, bet sintaksės išryškinimas ir tinkinti kodo fragmentai taip pat gali padėti vartotojams pasinaudoti programine įranga. Jums reikia nuspręsti, ar naudodamiesi „Visual Studio Code“ paliekate jums malonumo jausmą.

Aš pats daugiau patiko patirties: gerai struktūrizuoti dokumentai internete, lengvai naršoma Visual Studio Code Marketplace, ir pasirinktinių spalvų temos kuris gali būti peržiūrėtas realiuoju laiku, kai slenkate išskleidžiamajame sąraše (pasiekite jį per Failas> Nuostatos> Spalvos tema Meniu).

Galutiniai žodžiai

Kadangi visa apimanti konstrukcija yra nauja sritis, technologijų pramonė tebėra eksperimentavimo etape. Manau, kad „Microsoft“ pasiekė svarbų etapą apibrėžiant keturis įtraukaus dizaino principus.

Kaip galėjome matyti, jie sugebėjo sėkmingai įgyvendinti teoriją savo naujojo kodo redaktoriuje „Visual Studio“, nors vis dar yra tam tikrų laukų, kuriuos reikia patobulinti, pvz., Teikti visą skirtuko palaikymą ir visuotinę paieškos ir pakeitimo funkciją.

Kaip ir prieinamumas, ir įtrauktis naudotojo patirties dalis, tai gali būti gera idėja daugiau sužinoti apie juos, jei norite neatsilikti nuo naujausių pramonės tendencijų. Čia yra išteklių, kurie gali padėti:

• „Windows Dev Center“ prieinamumo straipsniai
• „Microsoft“ dizaino inkliuzinio dizaino įrankių rinkinio vadovas (PDF) (atsisiųsti)
• „Hongkiat.com“ prieinamumo žyma