Хүртээмжтэй байдал руу

Хүртээмжтэй байдал руу

Баасан гарагт ажлын өдөр дуусна. Баасан гарагт ажлын өдрийн төгсгөлд муу мэдээ үргэлж ирдэг.

Та оффисоос гарах гэж байна, өөр өөрчлөн байгуулалтын тухай шинэ захидал шуудангаар ирлээ.

Баярлалаа хххх ээ, өнөөдрөөс та zzzz мэдээлэх болно
...
Хьюгийн баг манай бүтээгдэхүүнийг хөгжлийн бэрхшээлтэй хүмүүст хүртээмжтэй байлгах болно.

Өө үгүй ​​ээ! Би яагаад үүнийг хүртэх ёстой байсан юм бэ? Тэд намайг явахыг хүсч байна уу? Өөрийгөө талархалгүй шаргуу хөдөлмөрлөж, бусдын алдааг засахыг хичээ. Энэ бол гарцаагүй бүтэлгүйтэл...

Хэдэн жилийн өмнө ийм боломж байсан. Зарим ядуу сүнснүүдэд UI-г "цэвэрлэх" үүрэг өгч, хөгжлийн бэрхшээлтэй хүмүүст хүртээмжтэй болгохыг оролдсон.

Энэ нь үнэндээ юу гэсэн үг вэ гэдэг нь тодорхойгүй байсан - хэрэв та талбаруудаар дамжуулан фокусын үзүүлэлт болон табыг харж, зарим нэг сэлгэн текст болон хэд хэдэн талбарын тайлбартай байвал таны програмыг ашиглах боломжтой гэж үзэж болно ...

Гэтэл гэнэт "алдаанууд" нурангин хурдаар үржиж эхлэв.

Төрөл бүрийн дэлгэц уншигч (Англи хэл Дэлгэц уншигч) болон хөтчүүд огт өөр үйлдэл хийсэн.

Хэрэглэгчид уг програмыг ашиглах боломжгүй гэж гомдоллосон байна.

Алдааг нэг газар засаж дуусмагц нөгөө газар өөр газар гарч ирэв.

Хэрэглэгчийн интерфэйсийн алдааг зүгээр л өөрчилж, залруулахын тулд Herculean хүчин чармайлт шаардагдана.

Би тэнд байсан. Би амьд үлдсэн ч бид "амжилтанд хүрсэнгүй" - техникийн хувьд бид маш их цэвэрлэгээ хийж, олон тооны талбайн тодорхойлолт, дүрүүдийг нэмж, зарим түвшинд нийцсэн боловч хэн ч баярласангүй. Хэрэглэгчид энэ програмыг удирдаж чадахгүй байна гэж гомдоллосон хэвээр байна. Менежер алдаа байнга гардаг талаар гомдоллосон хэвээр байна. Инженерүүд асуудлыг буруу тавьсан, бүх тохиолдолд үр дүнтэй байх тодорхой "зөв" шийдэл байхгүй гэж гомдоллосон.

Хүртээмжтэй байдлыг ойлгох замд миний нүдийг нээсэн мөчүүд байсан.
Магадгүй эхнийх нь бэлэн бүтээгдэхүүн дээр хүртээмжтэй функцийг нэмэх нь хэцүү гэдгийг ойлгосон байх. Энэ нь үнэхээр хэцүү гэдгийг менежерүүдэд итгүүлэх нь бүр ч хэцүү! Үгүй ээ, энэ нь зүгээр л "хэд хэдэн шошго нэмэх" биш бөгөөд UI зүгээр л ажиллах болно. Үгүй ээ, үүнийг гурван долоо хоногт дуусгах боломжгүй; гурван сар ч хангалттай биш байх болно.
Хараагүй хэрэглэгчид манай аппликейшнийг хэрхэн ашиглаж байгааг өөрийн нүдээр хараад миний дараагийн үнэний мөч ирлээ. Энэ нь алдааны мэдэгдлүүдийг харахаас маш өөр юм.

Би энэ тухай дахин дахин ярих болно, гэхдээ хүмүүс манай програмыг хэрхэн ашигласан талаарх бидний бараг бүх "таамаглал" буруу байсан.

Товчлуур ашиглан нарийн төвөгтэй хэрэглэгчийн интерфэйсийг удирдах Tab/Shift+Tab - энэ муухай! Бидэнд илүү сайн зүйл хэрэгтэй. Гарын товчлол, толгой хэсэг.

UI өөрчлөх үед анхаарлаа алдах нь тийм ч том асуудал биш гэж үү? Дахин бодъё - энэ бол үнэхээр төөрөгдөл юм.

Би үргэлжлүүлж, хэсэг хугацаанд өөр өөр төслүүд дээр ажиллаж, дараа нь бид энэ удаад хүртээмжтэй болохын тулд нарийн төвөгтэй интерфейс, тодорхой суулгац бүхий шинэ төслийг эхлүүлсэн.

Тиймээс бид нэг алхам ухарч, үүнийг хэрхэн өөрөөр хэрэгжүүлж, амжилтанд хүрч, үйл явцыг уйтгартай болгох талаар харлаа!

Бид маш хурдан хэд хэдэн дүгнэлтэд хүрсэн:

  1. Бид хэрэглэгчийн интерфэйсийг хөгжүүлж буй хүмүүсийг ариа шошго/үүргүүд болон бүрэлдэхүүн хэсгүүдийн HTML бүтэцтэй хутгахыг хүсээгүй. Бид тэднийг хайрцагнаас нь шууд хүртээмжтэй болгох зөв бүрэлдэхүүн хэсгүүдээр хангах хэрэгтэй байсан.
  2. Хүртээмжтэй байдал == Хэрэглэхэд хялбар байдал – i.e. Энэ бол зөвхөн техникийн сорилт биш юм. Бид дизайны үйл явцыг бүхэлд нь өөрчилж, UI дизайн эхлэхээс өмнө хүртээмжтэй байдлыг харгалзан үзэж, хэлэлцэх ёстой байсан. Хэрэглэгчид ямар нэгэн функцийг хэрхэн олж мэдэх, хэрхэн чиглүүлэх, гарны баруун товчийг дарах нь хэрхэн ажиллах талаар та эртнээс бодох хэрэгтэй. Хүртээмжтэй байх нь дизайны үйл явцын салшгүй хэсэг байх ёстой - зарим хэрэглэгчдийн хувьд энэ нь зөвхөн програмын харагдах байдлаас хамаагүй илүү юм.
  3. Бид анхнаасаа хараагүй болон бусад хөгжлийн бэрхшээлтэй хэрэглэгчдээс уг програмыг ашиглахад хялбар байдлын талаар санал хүсэлтийг нь авахыг хүссэн.
  4. Бидэнд хүртээмжийн регрессийг барих үнэхээр сайн аргууд хэрэгтэй байсан.

Инженерийн үүднээс авч үзвэл эхний хэсэг нь архитектур боловсруулж, бүрэлдэхүүн хэсгүүдийн номын санг хэрэгжүүлэх нь нэлээд хөгжилтэй сонсогдов. Тэгээд үнэхээр тийм байсан.

Нэг алхам ухарч, харав ARIA жишээнүүд мөн үүнийг "тохируулах" бодлого гэхээсээ илүү дизайны асуудал гэж бодсоноор бид зарим хийсвэр ойлголтуудыг нэвтрүүлсэн. Бүрэлдэхүүн хэсэг нь 'Бүтэц' (HTML элементүүдээс бүрддэг) болон 'Зан үйл' (хэрэглэгчтэй хэрхэн харьцдаг) байдаг. Жишээлбэл, доорх хэсгүүдэд бид энгийн эрэмблэгдээгүй жагсаалттай байна. "Зан төлөв"-ийг нэмснээр жагсаалт шиг ажиллахын тулд харгалзах үүргийг жагсаалтад нэмнэ. Бид цэстэй ижил зүйлийг хийдэг.

Хүртээмжтэй байдал руу

Үнэн хэрэгтээ энд зөвхөн дүрүүдийг нэмээд зогсохгүй гарын навигацийн үйл явдал зохицуулагчийг бас оруулсан болно.

Энэ нь илүү цэвэрхэн харагдаж байна. Хэрэв бид тэдгээрийн хооронд цэвэрхэн тусгаарлах боломжтой байсан бол бүтэц хэрхэн бий болсон нь хамаагүй, бид түүнд зан төлөвийг хэрэглэж, хүртээмжтэй байдлыг зөв олж авах боломжтой.

Та үүнийг үйл ажиллагаанаас харж болно https://stardust-ui.github.io/react/ - UX номын сан урвалд, энэ нь анхнаасаа хүртээмжтэй байдлыг харгалзан бүтээгдсэн.

Хоёрдахь хэсэг - дизайныг тойрсон арга барил, үйл явцыг өөрчлөх нь намайг анх айлгаж байсан: зохион байгуулалтын өөрчлөлтийг даван туулахыг оролддог доод түвшний инженерүүд үргэлж сайнаар төгсдөггүй, гэхдээ энэ нь бидний үйл явцад ихээхэн хувь нэмэр оруулсан хамгийн сонирхолтой салбаруудын нэг болсон юм. . Товчхондоо, бидний үйл явц дараах байдалтай байсан: шинэ функцийг нэг баг боловсруулж, дараа нь манай удирдлагын баг саналыг хянаж/давтуулж, дараа нь батлагдсаны дараа дизайныг ихэвчлэн инженерийн багт хүлээлгэн өгдөг. Энэ тохиолдолд инженерийн баг хүртээмжийн функцийг үр дүнтэй "эзэмшиж" байсан, учир нь үүнтэй холбоотой аливаа асуудлыг засах нь тэдний үүрэг байв.

Эхэндээ хүртээмж, ашиглах боломжтой байдал нь салшгүй холбоотой бөгөөд үүнийг дизайны үе шатанд хийх ёстой гэдгийг тайлбарлах нь нэлээд хэцүү ажил байсан, эс тэгвээс энэ нь томоохон өөрчлөлт, зарим үүргийг дахин тодорхойлоход хүргэдэг. Гэсэн хэдий ч удирдлага болон гол тоглогчдын дэмжлэгтэйгээр бид санааг авч, хэрэгжүүлсэн бөгөөд ингэснээр загваруудыг удирдлагад танилцуулахаас өмнө хүртээмжтэй, ашиглах боломжтой эсэхийг шалгасан.

Мөн энэ санал хүсэлт нь хүн бүрт маш их үнэ цэнэтэй байсан - энэ нь хэрэглэгчид вэб програмуудтай хэрхэн харьцдаг талаар мэдлэг хуваалцах/харилцах дасгалын хувьд гайхалтай байсан, бид тэдгээрийг бүтээхээс өмнө UI-ийн асуудалтай олон талбарыг тодорхойлсон, одоо хөгжүүлэлтийн багууд илүү сайн техникийн үзүүлэлтүүдтэй болсон. зөвхөн харааны төдийгүй дизайны зан үйлийн талууд. Жинхэнэ хэлэлцүүлэг бол техникийн талууд, харилцан үйлчлэлийн талаархи хөгжилтэй, эрч хүчтэй, хүсэл тэмүүлэлтэй хэлэлцүүлэг юм.

Хэрэв бид эдгээр (эсвэл дараагийн) уулзалтуудад хараагүй болон хөгжлийн бэрхшээлтэй хэрэглэгчдийг оролцуулсан бол үүнийг илүү сайн хийж чадна - үүнийг зохион байгуулахад хэцүү байсан ч одоо бид орон нутгийн хараагүй байгууллагууд болон компаниудтай хамтран ажиллаж байгаа бөгөөд эдгээр нь гүйцэтгэлийн урсгалыг эрт шалгахын тулд хөндлөнгийн шалгалт өгдөг. хөгжүүлэлт—бүрэлдэхүүн болон гүйцэтгэлийн урсгалын түвшинд.

Инженерүүд одоо нэлээн нарийвчилсан үзүүлэлтүүд, хэрэгжүүлэхэд ашиглаж болох бүрэлдэхүүн хэсгүүд, гүйцэтгэлийн урсгалыг баталгаажуулах арга замтай болсон. Туршлагынхаа нэг хэсэг нь бидний алдаж онож байсан зүйл буюу регрессийг хэрхэн зогсоох вэ гэдэг юм. Үүний нэгэн адил хүмүүс харилцан үйлчлэл, гүйцэтгэлийн урсгал дахь харааны болон зан үйлийн өөрчлөлтийг илрүүлэх шаардлагатай функцийг шалгахын тулд интеграци эсвэл төгсгөлийн тестийг ашиглаж болно.

Харааны регрессийг тодорхойлох нь нэлээд тодорхойлогдсон ажил бөгөөд гарыг ашиглан жолоодох үед фокус харагдах эсэхийг шалгахаас өөр процесст нэмж оруулах зүйл маш бага юм. Илүү сонирхолтой нь хүртээмжтэй ажиллах хоёр харьцангуй шинэ технологи юм.

  1. Хүртээмжийн талаарх мэдээлэл Асуудлыг тодорхойлохын тулд хөтөч дээр болон бүтээх/туршилтын мөчлөгийн нэг хэсэг болгон ажиллуулж болох хэрэгслүүдийн багц юм.
  2. Дэлгэц уншигч зөв ажиллаж байгаа эсэхийг шалгах нь маш хэцүү ажил байсан. хандалтыг нэвтрүүлснээр DOM хандалт, бид эцэст нь харааны тест хийдэг шиг програмын хүртээмжтэй байдлын агшин зуурын зургийг авч, регрессийн хувьд туршиж үзэх боломжтой боллоо.

Тиймээс, түүхийн хоёр дахь хэсэгт - бид HTML кодыг засварлахаас илүү хийсвэрлэлийн түвшинд ажиллах руу шилжиж, дизайн боловсруулах үйл явцыг өөрчилж, нарийн туршилтыг нэвтрүүлсэн. Шинэ үйл явц, шинэ технологи, хийсвэрлэлийн шинэ түвшин нь хүртээмжтэй байдлын ландшафтыг бүрэн өөрчилсөн бөгөөд энэ орон зайд ажиллах нь юу гэсэн үг вэ.
Гэхдээ энэ бол зөвхөн эхлэл юм.

Дараагийн "ойлголт" бол хараагүй хэрэглэгчид хамгийн сүүлийн үеийн технологийг жолоодож байгаа явдал юм - тэд зөвхөн бидний өмнө дурдсан өөрчлөлтүүдээс хамгийн их ашиг хүртдэг хүмүүс төдийгүй ML/AI-ийн тусламжтайгаар шинэ хандлага, санааг бий болгодог. Жишээлбэл, Иммерсив Уншигч технологи нь хэрэглэгчдэд текстийг илүү хялбар, ойлгомжтойгоор харуулах боломжийг олгодог. Үүнийг чангаар унших боломжтой, өгүүлбэрийн бүтцийг дүрмийн хувьд задалж, үгийн утгыг хүртэл графикаар харуулдаг. Энэ нь хуучин "хүртээмжтэй болгох" сэтгэлгээнд огтхон ч тохирохгүй - энэ нь хүн бүрт туслах боломжтой функц юм.

ML/AI нь харилцан ажиллах, ажиллах цоо шинэ аргуудыг бий болгож байгаа бөгөөд бид энэхүү шинэлэг аяллын дараагийн үе шатуудын нэг хэсэг болсондоо баяртай байна. Инноваци нь сэтгэлгээний өөрчлөлтөөс үүдэлтэй - хүн төрөлхтөн олон мянган жилийн турш, машинууд хэдэн зуун жил, вэбсайтууд хэдэн арван жилийн турш оршин тогтнож ирсэн, ухаалаг утаснууд ч гэсэн технологи нь хүмүүст дасан зохицох ёстой, харин эсрэгээрээ биш.

Жич Нийтлэлийг эх хувилбараасаа бага зэрэг хазайлттайгаар орчуулсан болно. Энэ нийтлэлийн хамтран зохиогчийн хувьд би эдгээр ухралтуудын талаар Хьютэй санал нэг байсан.

Зөвхөн бүртгэлтэй хэрэглэгчид санал асуулгад оролцох боломжтой. Нэвтрэх, гуйя.

Та өөрийн хэрэглээний программуудын хүртээмжийг анхаарч үздэг үү?

  • Тийм

  • Ямар ч

  • Програмын хүртээмжтэй байдлын талаар би анх удаа сонсож байна.

17 хэрэглэгч санал өгсөн. 5 хэрэглэгч түдгэлзсэн.

Эх сурвалж: www.habr.com

сэтгэгдэл нэмэх