Pengaruh Rancangan Microsoft Inclusive dalam Visual Studio Code

Universal, atau reka bentuk inklusif adalah falsafah reka bentuk baru Microsoft seolah-olah mengambil serius dalam pembangunan perisian baru-baru ini. Reka bentuk inklusif mengambil reka bentuk yang boleh diakses ke peringkat seterusnya, memandangkan ia memandang akses dari perspektif yang lebih luas. Apabila saya sedang menguji editor kod sumber Microsoft, Kod Visual Studio, persoalan bagaimana mereka melaksanakan teori dalam amalan secara semula jadi timbul dalam fikiran saya.

Siaran ini tidak bertujuan untuk menjadi semata-mata penerangan ciri kebolehcapaian Kod Visual Studio, seperti dalam dokumen rasmi anda boleh menemui rekaan yang baik daripada mereka, tetapi bertujuan untuk menjadi kajian kes mengenai apa yang perlu diberi perhatian apabila anda mahu reka bentuk aplikasi inklusif pada masa hadapan.

Kerana kita boleh yakin bahawa keterlibatan tidak lama lagi akan menjadi keperluan dalam kedua-dua perisian dan reka bentuk web, tentu saja bukan hanya untuk alasan altruistik, tetapi kerana ia akan membawa banyak pengguna baru ke meja.

4 Prinsip Rekaan Inklusif Microsoft

Windows Dev Center meletakkan reka bentuk perisian yang boleh diakses di dalam kategori Kebolehgunaan, dan mereka juga menerbitkan banyak artikel hebat mengenai topik ini. Microsoft empat prinsip reka bentuk inklusif (disenaraikan secara ringkas di bawah) dibincangkan dalam artikel ini.

1. Fikirkan universal.
2. Jadikannya peribadi.
3. Simpankan mudah.
4. Buat gembira.

Jika anda telah membaca artikel asal, anda akan melihat prinsip-prinsip yang dijelaskan dengan cara yang tidak selalu mudah untuk diuji, menggunakan ungkapan seperti "sambungan emosi", "membangkitkan keajaiban", dan "ajaib". Oleh itu saya lebih suka tinggal di bawah tanah, mengalihkan konotasi subjektif ini, dan mengubah prinsip menjadi kriteria objektif.

Apabila saya menganalisis bagaimana ia dilaksanakan dalam Visual Studio Code, saya menggunakannya dalam erti kata berikut:

1. Fikirkan universal: Kebolehcapaian
2. Jadikannya peribadi: Kesesuaian, diperpanjangkan
3. Simpankan mudah: Antara muka pengguna logik dan bebas
4. Buat gembira: Ciri penemuan

Sudah tentu, ini hanya satu pengkategorian yang mungkin, dan ada banyak tumpang tindih, contohnya customizability juga boleh menjadi sebahagian daripada “Buat kegembiraan” prinsip, tetapi seperti yang kita perlukan sesuatu yang ketara, mari kita berpegang pada tafsiran ini untuk sekarang.

Walaupun Windows Dev Center mengesyorkan prinsip reka bentuk inklusif ini untuk digunakan untuk aplikasi Windows 10, Microsoft juga mendedikasikan laman web Rekaan Microsoftnya untuk reka bentuk inklusif.

Walaupun Visual Studio Code bukan semata-mata untuk Windows 10 tetapi bertujuan untuk menjadi perisian merentas platform, kami masih boleh menguji ciri-cirinya dengan jelas terhadap prinsip-prinsip yang disebutkan di atas, memandangkan Microsoft jelas merawat reka bentuk inklusif sebagai laluan reka bentuk perisian yang mereka mahu ikuti pada masa hadapan.

Pikirkan Universal

Di bawah “Pikirkan Universal” prinsipnya, kita akan meneliti bagaimana Visual Studio Code boleh diakses untuk kumpulan pengguna yang pelbagai, seperti pengguna teknologi bantuan (sama ada mereka menggunakannya untuk kecacatan atau keutamaan), orang yang mempunyai teknologi terhad, penutur Bahasa Inggeris bukan asli, dan lain-lain.

1. Zum

Zum boleh dengan mudah dilakukan dengan memukul Ctrl + = / Cmd + = (Mac) pintasan papan kekunci untuk Mengezum masuk, dan Ctrl + - / Cmd + - (Mac) jalan pintas untuk Zum keluar, dan kami juga boleh mengakses ciri Zum melalui bar menu atas.

Perhatikan, bahawa pada versi 1.1.1, pada papan kekunci Windows tanda-tanda + dan - tidak berfungsi pada pad kekunci angka di sebelah kanan, hanya pada keypad menaip (alfanumerik) - yang mungkin bukan yang terbaik untuk keterangkuman.

Ciri Tahap Zap Persisted agak mengimbangi ini, kerana ia membolehkan kita untuk mengkonfigurasi dengan mudah tahap Zoom yang berterusan dalam Tetapan Pengguna (baca jawatan saya mengenai bagaimana untuk melakukannya).

2. Tema Kontras yang Tinggi

Tema kontras yang tinggi memudahkan dalam memproses maklumat visual untuk pengguna cacat penglihatan, dan oleh itu mereka adalah unsur penting aksesibiliti.

Ada tema lalai tinggi dalam Kod Visual Studio, yang boleh anda tetapkan dengan mengklik pada Fail> Pilihan> Tema Warna menu, tetapi anda boleh memuat turun orang lain dari Visual Studio Code Marketplace juga.

Microsoft memperkenalkan tema Kontras Tinggi di Windows 7, senang melihat bahawa mereka mengikuti dengan ciri ini.

3. Navigasi Papan Kekunci

Menyediakan navigasi papan kekunci adalah penting bagi orang yang tidak dapat menggunakan tetikus kerana kecacatan visual atau mobiliti. Navigasi papan kekunci yang berkesan memerlukan pengguna tersebut boleh mengawal setiap fungsi daripada perisian dengan hanya menggunakan papan kekunci.

Kod Studio Visual dengan baik melaksanakan ciri ini, dan sementara ia mempunyai banyak pengikatan kunci pratetap (lihat senarai penuh), pengguna juga boleh menyesuaikan pintasan papan kekunci dengan bantuan fail konfigurasi format JSON.

4. Navigasi Tab

Navigasi tab membolehkannya melompat ke seluruh kawasan yang berbeza daripada Visual Studio Code.

Pada masa ini, seperti versi 1.1.1, Kod VS tidak menyokong navigasi tab untuk semua kawasan, contohnya bar menu teratas tidak tersedia dengan cara ini. Berita baiknya ialah Microsoft mengakui kekurangan ciri ini dalam Isu-isu Terkini Semasa dalam dokumen.

Semasa ujian, saya mendapati bahawa Editor, yang Bar sisi, yang Lihat Bar (lihat penamaan kawasan Kod VS), dan semua tindakan dan item mereka boleh diakses dengan kekunci Tab. Walaupun pengguna Tab tidak dapat mengakses fungsi bar menu atas dengan papan kekunci mereka. The Command Palette F1 agak boleh menggantikan ini, kerana semua arahan yang boleh didapati di menu atas boleh diakses dari sana juga.

Ciri kebolehcapaian penting navigasi tab ialah tab perangkap yang membolehkan pengguna menukar antara kedua-dua fungsi kekunci Tab. Kekunci Tab yang terperangkap membolehkannya bergerak merentasi pelbagai bahagian Kod VS, sementara biasanya kunci Tab menambah aksara Tab pada fail teks buka di kawasan Editor. Pengguna boleh beralih di antara kedua-dua keupayaan dengan menekan kunci Ctrl + M.

5. Pembaca Skrin

Sudah tentu, perisian yang boleh diakses perlu tersedia sepenuhnya untuk pengguna pembaca skrin. Dokumen tersebut menyebut bahawa pasukan VS Code dev menguji ketersediaan pembaca skrin dengan pembaca skrin NVDA.

Untuk ujian, saya menggunakan dua pembaca skrin lain, JAWS yang merupakan salah satu aplikasi membaca skrin yang paling banyak digunakan, dan Microsoft Narrator yang pembaca skrin terbina dalam Windows 10.

JAWS baca dengan lantang semua bidang, arahan dan menu dengan tekun, namun Narrator mempunyai beberapa isu yang lebih kecil dengan tugas itu. Sebagai contoh, ia hanya membaca item menu teratas dengan betul apabila saya mengalihkannya dengan tetikus, tetapi tidak apabila saya menggunakan anak panah Down pada papan kekunci saya. Walau bagaimanapun, ini adalah kelemahan Naratif, bukan Kod Visual Studio, jadi kami dengan selamat boleh menganggap bahawa pengguna cacat penglihatan boleh mengakses semua fungsi Kod VS dengan menggunakan apl pembaca skrin lebih maju.

6. Kebolehcapaian Debugger

Untuk menjadikan aplikasi sepenuhnya boleh diakses dan inklusif, kita juga perlu berhati-hati tentang bahagian-bahagian yang mungkin tidak sampai pada fikiran kita. Sekiranya Kod Visual Studio, Debugger adalah contoh yang baik untuk ini. Pasukan dev diperhatikan untuk menjadikannya inklusif juga, oleh sebab itu ia juga menyokong navigasi Tab dan keyboard, dan pembaca skrinnya dapat diakses.

7. Penyetempatan

Sekarang kita sudah bersedia dengan membincangkan ciri kebolehcapaian senarai VS Code dalam dokumen, tetapi ada perkara-perkara penting lain yang perlu kita sebutkan apabila kita bercakap tentang “Pikirkan Universal” prinsip reka bentuk inklusif. Salah satu daripada ini adalah penyetempatan, atau dengan kata-kata lain sokongan untuk bahasa asing sebagai bahasa paparan, kerana ramai orang di dunia bukan penutur bahasa Inggeris asli.

Kod Studio Visual saat ini disetempatan untuk 10 bahasa paparan yang berlainan (Bahasa Inggeris, Cina Ringkas, Cina Tradisional, Perancis, Jerman, Itali, Jepun, Korea, Rusia, Sepanyol).

Pengguna yang datang dari bahasa ini tidak perlu mengkonfigurasi bahasa paparan mereka, seperti Kod VS memaparkan bahasa paparan sistem operasi secara lalai. Jika mereka mahu menetapkan bahasa lain sebagai bahasa paparan, mereka boleh dengan mudah mengkonfigurasi mereka locale.json fail.

Mungkin 10 bahasa paparan tidak banyak, tetapi juga tidak baik jika kita mengambil kira Kod VS adalah perisian baru, dan Microsoft kemungkinan besar akan menyokong lebih banyak lagi pada masa akan datang. Buat masa sekarang, pengguna yang bahasanya tidak termasuk yang disokong mendapatkan Kod VS mereka yang dipasang dalam bahasa Inggeris.

8. Saiz Boleh Diakses

Editor kod sumber moden tidak terlalu besar, dan Microsoft juga telah menyertai trend ini, seperti Kod Visual Studio adalah kurang daripada 100 MB muat turun, dan tapak cakeranya kurang dari 200 MB.

9. Pembangunan Cross-Platform

Sekiranya kita mahukan perisian yang inklusif, sudah tentu ia juga perlu menjadi platform yang bermakna ia perlu dijalankan pada sistem operasi yang berbeza. Kod VS memenuhi keperluan ini, kerana ia menyokong Windows, OS X dan Linux juga.

Buatlah Peribadi

“Buatlah Peribadi” adalah prinsip reka bentuk inklusif kedua Microsoft, dan kami akan melihatnya kebolehubahsuaian dan diperpanjangkan di bawah kriteria ini, seperti yang telah saya katakan sebelumnya. Kod Studio Visual memenuhi kedua-dua keperluan dengan baik sehingga saya juga menulis jawatan berasingan pada kedua-dua mereka, di sini pada kebiasaan customizability, dan di sini pada extensibility.

Singkatnya, kebolehubahsuaian dilaksanakan dengan tema tersuai dan tetapan konfigurasi format JSON modularized, manakala kebolehpekaran dicapai oleh sambungan tersuai bahawa pengguna dapat mengunduh dari Visual Studio Code Marketplace, atau membuat sendiri dalam salah satu TypeScript atau JavaScript.

Anda boleh membaca lebih lanjut mengenai latar belakang teknikal pendekatan Visual Studio Code untuk diperpanjang di sini.

Kesesuaian diselesaikan dengan cara yang ideal untuk orang-orang yang berteknologi tinggi yang merupakan pengguna khas editor kod sumber, sebagai sebahagian besarnya dilaksanakan menerusi modularized JSON-format fail konfigurasi.

Ini adalah penyelesaian yang hebat, kerana pilihan konfigurasi tidak tersembunyi di sebalik hierarki menu besar yang sukar dilihat. Pengguna, walaupun mereka tidak pakar pengkod, boleh mudah mengedit adat mereka .json fail, sebagai Visual Studio Code membuka lalai dan tetapan tersuai dalam dua panel editor tepat di sebelah satu sama lain, yang membolehkan pengguna untuk mencuba dengan mudah dengan mereka.

Fail konfigurasi dimodularkan, ia datang sebagai hierarki berstruktur secara logik .json fail, berikut adalah senarai yang paling penting:

1. settings.json untuk Tetapan Pengguna tersuai, boleh diakses menerusi Fail> Pilihan> Tetapan Pengguna menu
2. .vscode / settings.json untuk Tetapan Ruang Kerja tersuai, boleh diakses menerusi Fail> Keutamaan> Tetapan Penjaga Kerja menu
3. keybindings.json untuk pengikatan kunci tersuai, boleh diakses menerusi Fail> Pilihan> Pintasan Papan Kekunci menu
4. javascript.json, php.json, css.json, c.json, dan sekumpulan yang lain .json fail untuk bahasa pengaturcaraan yang berbeza untuk menyediakan Coretan Pengguna tersuai, boleh diakses menerusi Fail> Pilihan> Potongan pengguna menu
5. launch.json untuk Tetapan Debugger tersuai, boleh diakses dengan mengklik pada ikon gear pada bar atas Debug View (di sebelah kiri editor)
6. .vscode / locale.json untuk tetapan bahasa paparan adat, boleh diakses dengan menaip Konfigurasi Bahasa arahan ke Palet Perintah (F1)
7. .vscode / tasks.json untuk Tetapan Pelari Tugas tersuai, boleh diakses dengan menaip Mengkonfigurasi Runner Task arahan ke Palet Perintah (F1)

Saya rasa pengguna VS Code tidak dapat mengeluh tentang kebolehcustomizabel, kerana menyenaraikan opsyen itu adalah satu tugas yang menyeluruh.

Oleh kerana pilihan konfigurasi dimodulasi, pengguna hanya perlu menjaga mereka mereka benar-benar perlukan, yang membantu mereka terus memberi tumpuan kepada tugas-tugas yang mereka mahu lakukan. Oleh itu, mereka akan ditinggalkan dengan aliran kerja yang lebih intuitif.

Simpan Ia Mudah

Kita boleh jumpa Microsoft Simpan Ia Mudah Prinsip reka bentuk inklusif di banyak tempat lain dalam pengaturcaraan dan reka bentuk, hanya berfikir tentang prinsip reka bentuk KISS (Keep It Simple, Stupid), dan prinsip pembangunan perisian DRY (Jangan Ulangi). Untuk konteks ini, kami akan terus fokus kami kesederhanaan antara muka pengguna.

Dari segi kebolehcapaian, antara muka pengguna yang mudah digunakan dan mudah biasanya disyorkan kerana pengguna yang mempunyai kecacatan kognitif dan intelektual. Oleh kerana Kod Visual Studio adalah editor kod sumber, mungkin bukan perisian yang kerap digunakan oleh orang-orang yang mengalami gangguan seperti ini, tetapi mungkin terdapat beberapa kawasan kelabu juga.

Kesederhanaan bukan hanya penting kerana mereka, sebagai antara muka logik yang direka dengan baik, juga boleh menurunkan lengkung pembelajaran, dan meningkatkan kelajuan kerja, menjadikan perisian lebih menarik untuk penduduk umum juga.

Kod Studio Visual juga memanfaatkan fenomena psikologi yang terkenal, kesan pendedahan semata-mata (atau fenomena kebiasaan), kerana ia menggunakan susun atur asas yang sama dengan susun atur editor lain yang terkenal, seperti Atom, penggunaan.

Dari dokumentasi, kita dapat mengetahui bahawa ia merupakan usaha Microsoft memberi impak besar kepada:

Kod VS juga menyediakan pengguna dengan ciri Side by Side Editing yang juga boleh didapati dalam editor kod sumber lain, dan bukan kebetulan, seperti ia menjadikan proses pengekodan lebih mudah, dan sudah tentu menyumbang kepada “Simpan Ia Mudah” prinsip reka bentuk inklusif juga.

Di atas UI asas, Visual Studio Code mempunyai ciri-ciri keren yang patut disebutkan dalam artikel tentang reka bentuk inklusif, seperti:

• Intellisense yang menyediakan pengguna dengan cadangan berdasarkan konteks (bahagian belakang yang menggunakan kecerdasan buatan juga merupakan penyelesaian yang baik)
• Peek (Shift + F12) yang memaparkan definisi fungsi lengkap dalam tetingkap inline
• Palet Command (F1) yang menjadikan semua arahan dapat diakses di tempat yang sama.

Buat Keseronokan

Ia tidak mudah untuk mencari kriteria ketara yang boleh kita gunakan untuk mengkaji “Buat Keseronokan” prinsip reka bentuk inklusif, jadi saya akhirnya diselesaikan untuk kriteria ciri penemuan, kerana Microsoft menerangkan prinsip ini dengan cara berikut:

Perumpamaan ini mungkin mengingatkan ramai daripada anda tentang detik-detik mikro, salah satu perkara besar terkini Google, dan oleh itu menunjukkan bagaimana syarikat teknologi terkemuka boleh membuat kesimpulan yang sama apabila mereka berfikir tentang bagaimana untuk memajukan industri ke hadapan.

Dalam reka bentuk inklusif, ia sangat penting untuk melibatkan pengguna, dan membangkitkan rasa ingin tahu mereka, bahawa kita boleh mencapai mungkin yang terbaik jika kita membantu mereka bergerak ke hadapan apabila mereka mencapai titik tertentu dalam perjalanan pengguna mereka. Hanya pada masa yang tepat, tidak sebelum, tidak selepas itu.

Apabila kita bercakap tentang ciri penemuan, perwujudan yang lebih duniawi untuk mewujudkan kegembiraan, dapat ditingkatkan dengan hal-hal seperti navigasi utilitas yang dirancang dengan baik, dokumentasi pintar, dan informasi yang mendukung yang muncul hanya pada saat yang tepat.

Kita boleh mencari contoh untuk semua ciri-ciri ini dalam Visual Studio Code, hanya berfikir tentang perkara yang disebutkan di atas IntelliSense dan Palet Command, tetapi penonjolan sintaks dan coretan kod tersuai juga boleh membantu pengguna untuk memanfaatkan kebanyakan perisian. Anda perlu menilai sendiri sama ada menggunakan Visual Studio Code meninggalkan anda dengan perasaan gembira.

Untuk diri sendiri, saya lebih menyukai pengalaman: dokumentasi dalam talian yang berstruktur dengan baik, yang mudah untuk menavigasi Marketplace Kod Visual Studio, dan juga tema warna tersuai yang boleh dipratonton masa nyata semasa menatal senarai drop-down (akses melalui Fail> Pilihan> Tema Warna menu).

Perkataan Akhir

Sebagai reka bentuk inklusif adalah bidang baru, industri teknologi masih berada di fasa percubaan. Saya fikir Microsoft membuat pencapaian penting oleh mentakrifkan empat prinsip reka bentuk inklusif.

Seperti yang telah kita lihat, mereka berjaya melaksanakan teori itu dalam praktiknya di dalam editor kod sumber baru mereka, Visual Studio Code, walaupun masih terdapat beberapa bidang untuk memperbaiki, seperti menyediakan sokongan penuh Tab dan ciri Carian dan Ganti global.

Kerana kebolehaksesan dan inklusiviti adalah bahagian pengalaman pengguna, ia boleh menjadi idea yang baik untuk mengetahui lebih lanjut mengenai mereka jika anda ingin mengikuti trend industri terkini. Berikut adalah sumber yang boleh membantu:

• Artikel kebolehaksesan Windows Dev Center
• Manual Reka Bentuk Rekaan Inklusif Rekaan Microsoft (PDF) (boleh dimuat turun)
• Tag kebolehaksesan Hongkiat.com