Dashboard-аар дамжуулан хиймэл оюун ухааны эриний дизайныг харах нь
Энэ нийтлэл нийт 1154 үгтэй бөгөөд ойролцоогоор 6 минут унших болно.
Сүүлийн хэдэн жилд ажлын урсгалд хиймэл оюун ухааныг байнга ашиглаж, бүтээгдэхүүнд улам олон хиймэл оюун ухааны функцүүдийг зохион бүтээснээр хиймэл оюун ухаан дизайн хийх арга барилыг эрс өөрчилж байна. 2026 он гэхэд хүн бүр үүнийг илүү гүнзгий ойлгоно гэдэгт би итгэлтэй байна.
Дизайнеруудын бүтээлийн санд хамгийн ихээр харагддаг Dashboard-ыг авч үзье. Янз бүрийн гайхамшигтай график, өгөгдлийг харааны байдлаар харуулах нь яг л өчигдөрхөн мэт санагдаж байна. Дизайн системийн үр дүнг харуулахад ч бас нэлээд тохиромжтой. Гэвч хиймэл оюун ухаан гарч ирснээр энэ бүхэн орвонгоороо эргэсэн юм.
(Хэдэн жилийн өмнө дизайнер Михал хэдэн сарын турш нямбайлан бүтээсэн dashboard)
Одоо хэдхэн энгийн загварын чиглүүлэгч болон фонтын дизайны дүрэм байхад л хиймэл оюун ухаан код ашиглах боломжтой Dashboard үүсгэж чадна. Нэг хэвийн загвар нь хэрэглэгчдийг харааны хувьд ядаргаанд оруулна гэж таамаглаж байна. Бид илүү хувийн шинжтэй дизайны шийдлүүдийг авч үзэх хэрэгтэй.
(Хиймэл оюун ухаанаар шууд ашиглах боломжтой dashboard үүсгэсэн)
Хэрэгслийн төрлийн бүтээгдэхүүний дизайны систем нурж байна гэж хэлэхгүй ч бодит төслүүдэд хэт нарийвчилсан дизайны систем болон тогтмол дизайны загвар нь бүтээгдэхүүний дизайныг уйтгартай болгож, олон бүтээгдэхүүний интерфэйсийг ижил төстэй болгож байгааг та хэд хэдэн удаа мэдэрч байсан уу? Яг энэ ижил төстэй байдал нь стандартчилагдсан загвар болсон тул хиймэл оюун ухаан үүнийг хурдан сурч, улмаар их хэмжээгээр ашиглах боломжтой. Дизайны систем нь интерфэйсийг үнэхээр ижил төстэй болгож чадна, гэхдээ хэтрүүлбэл амьдралын эрч хүчгүй дизайн уйтгартай болно.
(Хиймэл оюун ухаанаар үүсгэсэн dashboard design)
(Хиймэл оюун ухаанаар үүсгэсэн dashboard design)
Би UI дизайныг эхлүүлснээсээ хойш бүтээгдэхүүний дизайн хийж 15 жил болж байна. Эхлээд PS-ээр интерфэйс хийдэг байсан, дараа нь sketch-ээр бүрэлдэхүүн хэсэг хийдэг байсан, дараа нь Figma-гийн Variant (хувилбар) болон Auto-layout хийдэг байсан. Одоо хиймэл оюун ухааны хэрэгслүүд шууд хэрэгцээг оруулж, сайн Demo хийж чаддаг болсон. Дизайн хийх нь улам хялбар, хурдан болж, хиймэл оюун ухаанаар хэзээ ч сольж болохоор энгийн болсон.
Магадгүй хүнлэг, хувийн шинжтэй дизайн дахин давалгаа үүсгэх байх. Хиймэл оюун ухааны тусламжтайгаар үр ашгийг дээшлүүлсний дараа бид илүү их цагийг шинэ санаа, бүтээлч байдалд зарцуулж, дизайны чанарыг сайжруулж, хэрэглэгчдэд зориулж сайтар бүтээж, хүмүүсийг үүнд дуртай болгож чадна!
Нөгөөтэйгүүр, хэрэглэгчид бидний сайтар сонгосон өгөгдөл, графикийг Dashboard дээр харахаас залхаж, харин хиймэл оюун ухаан яагаад ийм байгааг, би яах ёстойг шууд хэлэхийг хүсч, must have эсвэл nice to have зөвлөмжийг өгөхийг хүсч байна. Цаашилбал, дараагийн асуудлыг шийдвэрлэхэд тохирох Agent-тай байхыг хүсч байна. Жишээлбэл, Jira-тай холбогдож ticket үүсгэж, ажлын урсгалыг саадгүй холбож болох уу гэх мэт.
Саяхан хийж байгаа төсөл маань яг энэ чиглэлд түлхэц өгч байна. Одоогийн нөхцөл байдал бол мэдээж өгөгдөл нь урд, тод байрлалд байрладаг, хиймэл оюун ухаан тусалдаг. Жишээлбэл, бид Pendo-г бүтээгдэхүүний хэрэглээг хянах, хэрэглэгчийн өгөгдлийг харах зорилгоор ашигладаг. Саяхан Dashboard list дээр хиймэл оюун ухааны функц ашиглах боломжтой болсон.
(2026 оны 2-р сар, Pendo Dashboard-д хиймэл оюун ухааны шинжилгээний "Яагаад" гэсэн функц нэмсэн)
Тэргүүлэх компаниуд өөрсдийн хиймэл оюун ухааны интеллектийг хөгжүүлсэн. Манай компанийн бүтээгдэхүүн гурван жилийн өмнөөс хиймэл оюун ухааны функцүүдийг нэвтрүүлж эхэлсэн. Жишээлбэл, Pendo Listen хэрэглэгчийн үйлдлийг хэзээ ч хянаж, хиймэл оюун ухааны тусламжтайгаар өгөгдөлд дүн шинжилгээ хийдэг нь бүтээгдэхүүний гол давуу тал юм.
Энэхүү борлуулалтын цэг нь компанид асар их арилжааны үнэ цэнийг авчрах болно. Тэд хиймэл оюун ухааны функц хэр сайн ажилладаг талаар хаа сайгүй сурталчилж байна. Ирээдүйд хэн өгөгдлийн шинжээч биш байх вэ! Тиймээс бид дизайнерын хувьд арилжааны үнэ цэнийн талаар илүү их бодох хэрэгтэй.
20 жилийн өмнө олон дизайнер фронт-эндийн код бичих ажлыг давхар хийдэг байсан. Одоо бид шууд Figma make, Cursor, GitHub дээр demo болон код үүсгэж чадна. Кодын мэдлэгтэй хүмүүс demo-г хурдан тохируулахын тулд кодыг өөрчилж болно. Үүний оронд хиймэл оюун ухаантай дахин дахин хэлээр харилцахын оронд үр ашгийг дээшлүүлсний дараа чадвар нь дагаж мөрдөх ёстой. Эс бөгөөс үр ашгийг дээшлүүлсний дараа юу хийх вэ?
Google саяхан A2UI гаргасан. Манай Team судалж байна. Дараа нь дэлгэрэнгүй ярилцъя. Сонирхсон оюутнууд эхлээд дараах холбоосоор дамжуулан мэдэж болно: https://developers.googleblog.com/introducing-a2ui-an-open-project-for-agent-driven-interfaces/
UI agent-ийг бидэнд зориулж хийчихсэн, Dashboard дизайн бол бүр ч асуудалгүй.
