Vliv Microsoft Inclusive Design v kódu Visual Studio

Univerzální, nebo inkluzivní design je nová filozofie designu Microsoft vypadá, že se brát docela vážně ve vývoji softwaru v poslední době. Inkluzivní design bere přístupný design na další úroveň, protože vidí přístupnost z mnohem širší perspektivy. Když jsem testoval nový editor zdrojového kódu Microsoftu, Visual Studio Code, otázka jak realizovali teorii v praxi přirozeně v mé mysli vznikly.

Tento příspěvek nemá v úmyslu být pouze popisem funkcí usnadnění přístupu k aplikaci Visual Studio Code, protože v oficiálních dokumentech můžete najít jejich velkou rekapitulaci, ale spíše je to případová studie o tom, co je třeba věnovat pozornost, když chcete design včetně aplikace v budoucnu.

Protože si můžeme být jisti, že inkluzivita bude brzy požadavkem jak v softwarovém, tak v webovém designu, samozřejmě nejen z altruistických důvodů, ale proto, že do tabulky přinese mnoho nových uživatelů.

4 principy inkluzivního designu společnosti Microsoft

Windows Dev Center zpřístupňuje návrh softwaru uvnitř kategorie použitelnosti, a na toto téma také publikovali mnoho skvělých článků. Microsoft čtyři principy inkluzivního designu (uvedeny níže) jsou popsány v tomto článku.

Myslet si univerzální.
Udělej to osobní.
Nechte to jednoduchý.
Vytvořit rozkoš.

Pokud jste si přečetli původní článek, uvidíte, že principy jsou vysvětleny způsobem, který není vždy snadné otestovat pomocí výrazů jako "emocionální spojení", "evokovat div", a "magický". Raději bych zůstal na zemi, odstranil tyto subjektivní konotace a proměnil principy na objektivní kritéria.

Při analýze, jak jsou implementovány v kódu Visual Studio, je používám v následujícím smyslu:

Myslet si univerzální: Přístupnost
Udělej to osobní: Přizpůsobitelnost, rozšiřitelnost
Nechte to jednoduchý: Rozptýlené, logické uživatelské rozhraní
Vytvořit rozkoš: Rozpoznatelnost prvků

To je samozřejmě jen jedna možná kategorizace a existují mnoho překrývání, např. přizpůsobitelnost může být také součástí “Vytvořte radost” ale protože potřebujeme něco hmatatelného, držme se tohoto výkladu prozatím.

Zatímco systém Windows Dev Center doporučuje tyto principy návrhu, které mají být použity pro aplikace systému Windows 10, společnost Microsoft také věnovala svůj web společnosti Microsoft Design inkluzívnímu designu.

Přestože kód Visual Studio není určen pouze pro systém Windows 10, ale má být multiplatformový software, stále můžeme bezpečně otestovat jeho vlastnosti v souladu s výše uvedenými principy, protože společnost Microsoft jednoznačně zachází s inkluzivním designem jako s cestou designu softwaru, kterou chce v budoucnu sledovat..

Myslíš, že univerzální

Pod “Myslíš, že univerzální” princip, budeme zkoumat, jak je dostupný Visual Studio Code pro různé skupiny uživatelů, např. uživatelé asistenčních technologií (ať už je používají pro postižení nebo preferenci), osoby s omezenými technologiemi, rodilí mluvčí angličtiny atd..

1. Zoom

Zoom lze snadno provést stiskem Ctrl + = / Cmd + = (Mac) klávesová zkratka pro Přiblížit, a Ctrl + - / Cmd + - (Mac) zástupce pro Oddálit, a můžeme také přistupovat k funkci Zoom prostřednictvím horního menu.

Všimněte si, že jako u verze 1.1.1, na klávesnicích Windows nefungují znaky + a - na numerické klávesnici vpravo, pouze na klávesnici (alfanumerické) - což pravděpodobně není nejlepší pro inkluzivitu.

Funkce Persisted Zoom Level to trochu kompenzuje, protože nám umožňuje snadno konfigurovat a perzistentní úroveň zoomu v Nastavení uživatele (přečtěte si článek o tom, jak postupovat).

2. Téma s vysokým kontrastem

Vysoká kontrastní témata usnadňují v zpracování vizuálních informací pro zrakově postižené uživatele, a proto jsou důležitým prvkem dostupnosti.

Je tu výchozí motiv Vysoký kontrast v kódu Visual Studio, který můžete nastavit klepnutím na tlačítko Soubor> Předvolby> Barevný motiv menu, ale můžete si stáhnout další z Visual Studio Code Marketplace.

Microsoft představil High Contrast témata v systému Windows 7, je to hezké vidět, že následují s touto funkcí.

3. Navigace pomocí klávesnice

Poskytování klávesové navigace je nezbytné pro lidi, kteří nemohou používat myš z důvodu zrakového nebo pohybového postižení. Efektivní navigace klávesnice znamená, že uživatelé ovládat všechny funkce softwaru pouze pomocí klávesnice.

Visual Studio Code tuto funkci pěkně implementuje a má mnoho přednastavené klávesové vazby (viz úplný seznam), uživatelé mohou také přizpůsobit klávesové zkratky pomocí konfiguračního souboru ve formátu JSON.

4. Navigace tabulátoru

Navigace pomocí karty umožňuje skákat po různých oblastech kódu Visual Studio.

V současné době, od verze 1.1.1, VS Code nepodporuje navigaci záložek pro všechny oblasti, například horní panel nabídek není tímto způsobem dostupný. Dobrou zprávou je, že společnost Microsoft uznává nedostatek této funkce v aktuálních problémech v dokumentech.

Během testování jsem zjistil, že Editor, Boční bar, Zobrazit Bar (viz pojmenování oblastí kódu VS) a všechny jejich akce a položky jsou přístupné klávesou Tab. Přestože uživatelé Tab nemohou přistupovat k funkcím horní lišty menu pomocí klávesnice. Příkazová paleta F1 to může poněkud nahradit, protože všechny příkazy, které lze nalézt v horním menu, jsou přístupné také odtud..

Důležitou funkcí pro usnadnění navigace v záložkách je blokování záložek, které umožňuje uživatelům přepínat mezi dvěma funkcemi klávesy Tab. Klávesa s pastí umožňuje pohybovat se po různých částech VS kódu, zatímco klávesa Tab Přidá znak Tab do textového souboru otevřete v oblasti Editoru. Uživatelé mohou přepínat mezi dvěma schopnostmi stisknutím klávesy Ctrl + M.

5. Čtečky obrazovky

Samozřejmostí je, že přístupný software musí být také plně dostupný pro uživatele prohlížeče obrazovky. Dokumenty uvádějí, že tým VS Code dev testoval dostupnost čtečky obrazovky pomocí programu NVDA.

Pro testování jsem použil dva další programy pro čtení z obrazovky, JAWS, což je jedna z nejpoužívanějších aplikací pro čtení na obrazovce, a Microsoft Narrator, který je vestavěným čtecím zařízením obrazovky Windows 10.

ČELISTI číst nahlas všechny oblasti, příkazy a nabídky pilně, ale Narrator měl s menším problémy. Například, když jsem se přes ně pohyboval myší, přečetl pouze položky top menu správně, ale ne když jsem použil šipku dolů na klávesnici. Jedná se však spíše o nedostatek programu Narrator, nikoli o kód Visual Studio, takže můžeme bezpečně předpokládat, že uživatelé se zrakovým postižením mají přístup ke všem funkcím kódu VS pomocí pokročilejší aplikace pro čtení z obrazovky..

6. Debugger Accessibility

Aby byla aplikace plně přístupná a přístupná všem, musíme se také starat o části, které zřejmě nejdou v naší mysli. V případě kódu Visual Studio je dobrým příkladem Debugger. Dev team věnoval pozornost tomu, aby byl inkluzivní, a proto podporuje také Tab a navigaci na klávesnici a je k dispozici program pro čtení z obrazovky.

7. Lokalizace

Nyní jsme připraveni diskutovat o přístupnostních funkcích VS kódů v dokumentech, ale jsou zde i další důležité věci, které musíme zmínit, když hovoříme o “Myslíš, že univerzální” principu. Jedním z nich je lokalizace nebo jinými slovy podpora cizích jazyků jako jazyk zobrazení, protože mnoho lidí na světě není rodilými mluvčími angličtiny.

Kód Visual Studio je aktuálně lokalizován 10 různých jazyků zobrazení (Angličtina, zjednodušená čínština, tradiční čínština, francouzština, němčina, italština, japonština, korejština, ruština, španělština).

Uživatelé, kteří přicházejí z těchto jazyků, nemusejí ani konfigurovat svůj zobrazovací jazyk jako VS Code standardně vyvolá jazyk zobrazení operačního systému. Pokud chtějí nastavit jiný jazyk jako jazyk zobrazení, mohou snadno konfigurovat svůj jazyk locale.json soubor.

Pravděpodobně 10 zobrazovacích jazyků není tak mnoho, ale není to také špatné, vezmeme-li v úvahu, že VS kód je nový software, a Microsoft bude s největší pravděpodobností podporovat více v budoucnu. Uživatelé, jejichž jazyk není mezi podporovanými, mají zatím nainstalovaný kód VS v angličtině.

8. Dostupná velikost

Moderní editory zdrojového kódu nejsou opravdu velké a Microsoft se k tomuto trendu připojil také, protože kód Visual Studio je menší než 100 MB je menší než 200 MB.

9. Rozvoj platformy

Chceme-li inkluzivní software, samozřejmě také musí být multiplatformový, to znamená, že musí běžet na různých operačních systémech. VS Code tento požadavek splňuje, protože podporuje Windows, OS X a Linux také.

Udělej to osobní

“Udělej to osobní” je druhým principem inkluzivního designu společnosti Microsoft a my se na něj podíváme přizpůsobitelnosti a rozšiřitelnost podle tohoto kritéria, jak jsem to slíbil. Visual Studio Code splňuje oba požadavky tak pěkně, že jsem dokonce psal samostatné příspěvky na oba z nich, zde o přizpůsobitelnosti, a tady o rozšiřitelnosti.

Stručně řečeno, přizpůsobitelnost je implementována pomocí vlastní motivy a nastavení konfigurace ve formátu JSON, zatímco rozšiřitelnost je dosažena vlastní rozšíření uživatelé si mohou stáhnout z Visual Studio Code Marketplace, nebo si vytvořit vlastní v jazyce TypeScript nebo JavaScript.

Více informací o technickém pozadí přístupu Visual Studio Code k rozšiřitelnosti naleznete zde.

Přizpůsobitelnost je řešena způsobem, který je ideální pro technicky zdatné lidi, kteří jsou typickými uživateli editorů zdrojového kódu, protože významná část je implementována prostřednictvím konfigurované konfigurační soubory formátu JSON.

Je to skvělé řešení, protože možnosti konfigurace nejsou skryté za obrovskou hierarchií nabídek, kterou je těžké vidět. Uživatelé, i když nejsou kódovací experti, mohou snadno upravovat jejich vlastní .json soubory, jako Visual Studio Code otevírá výchozí a vlastní nastavení ve dvou tabulkách editoru hned vedle sebe, což uživatelům umožňuje snadno experimentovat s nimi.

Konfigurační soubory jsou modularizovány, přicházejí jako logicky strukturovaná hierarchie .json soubory, zde je seznam nejdůležitějších:

settings.json pro uživatelská nastavení, přístupné prostřednictvím Soubor> Předvolby> Uživatelské nastavení Jídelní lístek
.vscode / settings.json pro vlastní nastavení pracovního prostoru, přístupné prostřednictvím Soubor> Předvolby> Nastavení pracovního postupu Jídelní lístek
keybindings.json pro vlastní klávesové vazby, přístupné prostřednictvím Soubor> Předvolby> Klávesové zkratky Jídelní lístek
javascript.json, php.json, css.json, c.json, a spoustu dalších .json soubory pro různé programovací jazyky pro nastavení vlastní útržky uživatele, přístupné prostřednictvím Soubor> Předvolby> Úryvky uživatele Jídelní lístek
launch.json pro vlastní nastavení Debugger, přístupné po kliknutí na ikonu ozubeného kola na horním panelu Debug View (vlevo od editoru)
.vscode / locale.json pro vlastní nastavení jazyka zobrazení, přístupné zadáním Konfigurace jazyka příkaz do Palety příkazů (F1)
.vscode / tasks.json pro vlastní nastavení Runner Run, přístupné zadáním Konfigurace běžce úloh příkaz do Palety příkazů (F1)

Myslím, že uživatelé VS kódu si stěží stěžují na přizpůsobitelnost, protože i výpis možností byl vyčerpávající úkol.

Vzhledem k tomu, že možnosti konfigurace jsou modularizovány, uživatelé se o ně musí postarat opravdu potřebují, které jim pomáhají udržet se zaměřené na úkoly, které chtějí vykonávat. Budou tak ponechány intuitivnější pracovní postupy.

Udržujte to jednoduché

Můžeme se setkat s Microsoftem Udržujte to jednoduché včetně principu designu na mnoha jiných místech v programování a designu, jen přemýšlet o principu designu KISS (Keep It Simple, Stupid) a principu DRY (Don't Repeat Yourself). Pro tento běžící kontext se zaměříme na jednoduchost uživatelského rozhraní.

Z hlediska dostupnosti se zpravidla doporučuje jednoduché a jednoduché uživatelské rozhraní, protože uživatelé mají kognitivní a intelektuální postižení. Vzhledem k tomu, že Visual Studio Code je editor zdrojového kódu, nejedná se pravděpodobně o software, který často používají lidé, kteří mají tento druh poškození, ale mohou existovat i šedé oblasti..

Jednoduchost není důležitá jen proto, že i dobře navržené logické rozhraní může také snížit křivku učení, a zvýšit rychlost práce, zpříjemnění softwaru pro obecnou populaci.

Kód Visual Studio také využívá dobře známý fenomén, - účinek pouhé expozice (nebo. \ t fenomén důvěrnosti), protože používá základní rozložení, které je podobné rozvržení jiných známých editorů zdrojových kódů, jako je například Atom.

Z dokumentů, které můžeme zjistit, že to bylo úsilí, které společnost Microsoft výrazně ovlivnila:

VS Code také poskytuje uživatelům funkci Side by Side Editing, kterou lze nalézt také v jiných editorech zdrojových kódů, a není to náhoda, protože proces kódování je mnohem jednodušší, a samozřejmě přispívá k “Udržujte to jednoduché” také zásada inkluzivního designu.

Kromě základního uživatelského rozhraní má Visual Studio Code skvělé funkce, které stojí za zmínku v článku o inkluzivním designu, například:

Intellisense který poskytuje uživatelům návrhy založené na kontextu (pěkné řešení je také backendová část, která využívá umělou inteligenci)
Peek (Shift + F12), který zobrazuje úplné definice funkcí v inline okně
Paleta příkazů (F1) zpřístupní všechny příkazy na stejném místě.

Vytvořit potěšení

Nelze najít hmatatelná kritéria, která bychom mohli použít ke zkoumání “Vytvořit potěšení” principem inkluzivního designu, tak jsem se konečně rozhodl pro kritérium funkce objevitelnosti, společnost Microsoft definovala tento princip následujícím způsobem:

Toto frázování může mnohým z vás připomenout mikro-momenty, jednu z posledních velkých věcí společnosti Google, a ukázat tak, jak mohou přední technologické společnosti dospět k podobným závěrům, když přemýšlí o tom, jak posunout průmysl vpřed..

V inkluzivním designu je to velmi důležité zapojit uživatele, a vzbudit jejich zvědavost, že můžeme dosáhnout pravděpodobně toho nejlepšího, pokud budeme pomáhat jim v pohybu vpřed když dosáhli určitého bodu cesty uživatele. Prostě ve správný okamžik, ne dříve, ne po.

Když mluvíme funkce objevitelnosti, Čím více světského projevu tvorby potěšení, to může být zvýšeno o věci, jako je dobře navržený nástroj navigace, inteligentní dokumentace a podpůrné informace, které se objeví pouze ve správný okamžik.

Můžeme najít příklady pro všechny tyto funkce v Visual Studio Code, jen přemýšlet o výše uvedených IntelliSense a Paleta příkazů, ale zvýraznění syntaxe a vlastní úryvky kódu může také pomoci uživatelům co nejlépe využít software. Musíte sami posoudit, zda vám aplikace Visual Studio Code nabízí pocit radosti.

Pro sebe jsem se víceméně líbil zkušenost: dobře strukturovaná online dokumentace, Snadno navigovatelné tržiště Visual Studio Code Marketplace, a vlastní barevná témata který může být zobrazen v reálném čase při rolování rozevíracího seznamu (přístup k němu pomocí Soubor> Předvolby> Barevný motiv Jídelní lístek).

Závěrečná slova

Protože inkluzivní design je novou oblastí, technologický průmysl je stále ve fázi experimentování. Myslím, že Microsoft učinil významný milník definování čtyř principů inkluzivního designu.

Jak jsme mohli vidět, podařilo se jim úspěšně realizovat teorii v praxi ve svém novém editoru zdrojového kódu Visual Studio Code, i když stále existují některá pole, která je třeba vylepšit, například poskytování plné podpory Tab a globální funkce vyhledávání a nahrazování.

Jak dostupnost, tak inkluzivita jsou zkušeností uživatelů, to může být dobrý nápad se dozvědět více o nich, pokud chcete držet krok s nejnovějšími trendy v průmyslu. Zde jsou zdroje, které mohou pomoci:

Články usnadnění přístupu k systému Windows Dev Center
Příručka sady Microsoft Design Inclusive Design Toolkit (PDF) (ke stažení)
Značka přístupnosti Hongkiat.com