Tarkib
- Asl qisqacha ma'lumot nima edi?
- Loyihani qanday boshladingiz?
- Siz prototip yaratishga qanday murojaat qildingiz?
- Biz bilan rang haqida suhbatlashing. Paletangizni qanday tanladingiz?
- Tipografiya haqida nima deyish mumkin - bu erda aqlli qarorlar qabul qildingizmi?
- Ham kira oladigan, ham chiroyli sayt bo'lishi mumkinmi?
- Sayt javob beradi. Siz buni og'ir yoki ozod deb bildingizmi?
- Brauzer oynalari ichida sayt miqyosini o'zgartirish zaruratini qanday bajardingiz?
- Siz qaysi yordamchi texnologiyalarni ishlatdingiz va tarqatdingiz?
- O'zlarining saytlarini yanada qulayroq qilishni istagan veb-dizaynerlarga bitta bitta maslahatingiz qanday?
RNIB Buyuk Britaniyadagi ko'rish qobiliyatidan mahrum bo'lgan deyarli ikki million kishiga ma'lumot va yordam ko'rsatuvchi etakchi xayriya tashkilotidir. Raqamli agentlik Precedent xayriya uchun yangi sayt yaratish bo'yicha tenderda g'olib bo'ldi. Jamoa turli xil ko'rish qobiliyati past bo'lgan foydalanuvchilarga murojaat qiladigan, juda qulay, soddalashtirilgan sayt yaratish uchun "shakl quyidagicha funktsiyaga" yondoshdi.Qanday qilib buni amalga oshirganlarini bilish uchun biz jamoa bilan suhbatlashdik ...
Asl qisqacha ma'lumot nima edi?
Adam Elleston: Drupal-da javob beradigan veb-saytni yaratish va yaratish, bu yuqori darajadagi kirish imkoniyatlarini taqdim etdi, bu esa RNIB-ga ko'proq onlayn xizmatlarni va yaxshi onlayn tajribani taqdim etishga imkon berdi.
Benn Pirson: Bizning asosiy muammolarimizdan biri bu RNIB-ning bemaqsad standartlarini qabul qilishimiz va ularga erishishimiz kerak edi: WCAG-ning eng yaxshi elementlarini uch darajadan (A, AA va AAA) olish, shu bilan birga veb-brauzer uchun ko'rish bilan bog'liq boshqa kirish imkoniyatlarini hal qilish. Biz bundan juda xursand bo'ldik, chunki bu ko'rish qobiliyatiga ega odamlar uchun veb-tajribani yaxshilash uchun sezgir veb-dizayn chegaralarini oshirishga imkoniyat yaratdi.
Loyihani qanday boshladingiz?
Ed Richards: Saytga tashrif buyuruvchilarning aksariyati ko'rish bilan bog'liq turli darajadagi qiyinchiliklarga ega, shuning uchun biz loyihaning strategiyasi va UX bosqichlarida biz kirish bo'yicha maslahatchi Lioni Uotson bilan ishladik. Bu bizga talablarni shakllantirish, test bayonotlari va treningni amalga oshirish imkonini berdi.
BP: Foydalanuvchilarning veb-sayt bilan o'zaro aloqalari haqida tushuncha olish juda muhim boshlanish nuqtasi bo'ldi. Bu bizga kirishning o'ziga xos muammolarini tezda aniqlashga imkon berdi va u erdan biz g'oyalar va mumkin bo'lgan echimlar to'g'risida fikr yuritdik. YouTube videolarini ko'r film tanqidchisi Tommi Edisondan juda zo'r manba deb topdik.
Siz prototip yaratishga qanday murojaat qildingiz?
ER: Modulli yondashuvni shakllantirgandan so'ng, biz barcha modullarni prototip qilib qog'ozga tushirishga muvaffaq bo'ldik. Modullarni stacking qilish haqiqatan ham samarali bo'ldi va hatto barcha modullarni Smart Objects ishlab chiqarish orqali Photoshop-da qanday ishlashimiz bilan bog'liq bo'lgan mobil, planshet va ish stoli ko'rinishini qog'oz prototipi bilan yaratishga imkon berdi.
BP: Keyin biz interaktiv prototip yaratdik. Dastlab biz buni sezgir modullarni sinab ko'rish uchun ishlatganmiz, ammo keyinchalik u mavjudligini sinab ko'rish uchun interaktiv uslubiy qo'llanma sifatida ishlatilgan. Nihoyat, bu Drupal integratsiyasi uchun mos yozuvlar bo'ldi.
AE: Interfaol uslublar bo'yicha qo'llanma Drupal integratsiyasi paytida juda yaxshi ishladi, chunki u bizga g'oyalarni Drupaldan tashqarida tezda amalga oshirish va sinab ko'rish imkonini berdi. Bundan tashqari, HTML-ni izchil saqlash va Drupal-ning HTML-ni tozalash uchun yaxshi ma'lumot bo'ldi.
Biz bilan rang haqida suhbatlashing. Paletangizni qanday tanladingiz?
ER: Eng yaxshi kirish uchun siz qarama-qarshi ranglarga ega bo'lishingiz kerak - ammo biz hamma joyda tekis rang ishlatilgan eski saytni takrorlashni xohlamadik. Brend ranglaridan palitra ishlab chiqardik va WCAG kontrast nisbatlarini qondirish uchun rang kontrasti vositalaridan foydalandik.
Tipografiya haqida nima deyish mumkin - bu erda aqlli qarorlar qabul qildingizmi?
BP: Tipografiya The Good Agency tomonidan RNIB brendining yanada kengroq o'zgarishining bir qismi edi, ammo WCAG rang kontrasti formulalarida ekanligimizni ta'minlash juda muhim edi. Bularning barchasi matematik formula bo'yicha ishlab chiqilgan va tipografiyaning vertikal ritmini shakllantirgan bizning balandligimizga yo'naltirilgan.
Ham kira oladigan, ham chiroyli sayt bo'lishi mumkinmi?
ER: Ha, mutlaqo. To'liq qulaylik bilan birgalikda erishilgan soddalashtirilgan dizayn shundan dalolat beradi.
BP: Brend ranglari, tipografiya va vertikal ritm hammasi diqqat bilan ko'rib chiqildi, sinovdan o'tkazildi va hisoblab chiqildi. O'ylaymanki, ushbu "forma quyidagi funktsiyani bajaradi" yondashuvi ichki va tashqi tomondan chiroyli saytlarga olib kelishi mumkin.
Sayt javob beradi. Siz buni og'ir yoki ozod deb bildingizmi?
BP: Bu hiyla-nayrang bo'lishi mumkin, ammo men javob beradigan yondashuv foydalanuvchi tajribasini qanday qilib boshqa darajaga ko'tarishi haqida juda jon kuydiraman. Bunday holda, intuitiv, soddalashtirilgan va ishlatishda muammosiz sayt yaratish juda muhim edi. Rivojlanayotganda, yorliqdan tashqari tuval navigatsiyaga e'tiborni oldini olish kabi narsalar biroz qo'shimcha ish edi, ammo o'qish matnining optimal hajmini saqlab qolish va sahifani kattalashtirish kabi narsalar uchun juda muhimdir. Bundan tashqari, bu juda qiziqarli.
Brauzer oynalari ichida sayt miqyosini o'zgartirish zaruratini qanday bajardingiz?
BP: Sahifalarni kattalashtirish javob beradigan saytlarda juda yaxshi ishlaydi, shuning uchun bu yordam berdi. Sahifa planshet ko'rinishini olishning 250 foizida juda yaxshi ko'rinadi va mobil ko'rinishni olgan joyda 500 foizgacha ta'sirchan ko'rinishlar bo'ylab harakatlanayotganda barqaror bo'lib qoladi.
Siz qaysi yordamchi texnologiyalarni ishlatdingiz va tarqatdingiz?
BP: Aralashma prototip va interaktiv uslubiy qo'llanmani ishlab chiqarish jarayonida ish jarayoniga juda yaxshi yordam berdi. Buni BEM va SMACSS metodologiyalari bilan bir qatorda ishlatish strukturani shakllantirishga yordam berdi va kodni saqlab turishga imkon berdi. Bizning uyimizdagi Sass mixin kutubxonasi qo'shilgan barcha narsalar mavjudligini ta'minlash uchun ishlatilgan.
AE: Biz Git oqimidan foydalanganmiz va foydalanuvchi hikoyalari va sprintlariga asoslangan xususiyatlar va ish oqimlarini ishlab chiqdik. Shuningdek, biz Jenkins va Drush-dan relizlarni avtomatlashtirish va tez va ishonchli joylashtirish uchun foydalanganmiz.
O'zlarining saytlarini yanada qulayroq qilishni istagan veb-dizaynerlarga bitta bitta maslahatingiz qanday?
BP: HTMLni semantik tuzilishga ega bo'lganingizdan so'ng, hech qanday CSS yoki JS holda, sizning sahifangizga kirish mumkin bo'ladi, shuning uchun siz qo'shgan barcha uslublarni sinab ko'ring. Buning bir usuli - WAI-ARIA qo'shish, lekin uni haddan oshirmang, chunki bu foydalanuvchilarga juda ko'p ma'lumot beradi, ayniqsa HTML5 bilan birlashganda.
AE: Faqatgina klaviatura yordamida ekranni o'qiydiganlarni sinab ko'ring - bu qanday ishlashini ko'rish uchun saytni ko'rib chiqish juda yordam beradi.
ER: Erişilebilirliğin noaniq tabiati, foydalanuvchi testi hal qiluvchi ahamiyatga ega ekanligini anglatadi. Foydalanuvchilarning RNIB sayti bilan qanday munosabatda bo'lishlarini va echimlarni shakllantirishni tushunish biz erishgan muammosiz natijamizning kalitidir.
Ushbu maqola dastlab net jurnalining 256-sonida paydo bo'lgan.
