Гештальтийн зарчим гэж юу вэ & AMP; Тэдгээрийг хэрхэн хэрэглэх вэ

UX болон харилцан үйлчлэлийн дизайны салбар дахь сэтгэлзүйн хамгийн нөлөө бүхий онолуудын нэг бол Гештальт онол юм. Энэ онолыг Германы сэтгэл судлаачид үндэслэсэн бөгөөд “Гестальт” гэдэг үг нь германаар хэлбэр эсвэл хэлбэр гэсэн утгатай. Нэрнээс нь харахад гештальтийн зарчмуудын цаад санаа нь хүмүүс бие даасан объект гэхээсээ илүүтэйгээр бүлэг объектуудыг хэв маяг гэж ойлгодогт оршдог.

Гештальтын зарчмуудын талаар олон нийтлэл байдаг ч тэдгээрээс тийм ч олон зүйл байдаггүй. тэдгээрийг UX/UI дизайнерын хувьд ажилдаа хэрэглээрэй. Энэ нийтлэл нь хүмүүст бага хүчин чармайлтаар зорилгодоо хүрэхэд нь туслах UX болон UI-ийн илүү сайн загваруудыг бий болгохын тулд Gestalt зарчмуудыг хэрхэн ашиглах талаар зарим санааг өгөх болно.

Ижил төстэй байдлын хууль

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

Ижил төстэй байдлын зарчмын жишээ. Зохиогчийн гэрэл зураг.

UX болон UI дизайн дахь ижил төстэй байдлыг ашиглах нь

Танай компани өөрийн АНУ болон Канад даяар Италийн хоол сонирхогчдын хэрэглэдэг "Il Mio Chef" нэртэй програм (Бид үүнийгЭнэ нийтлэлийн үлдсэн хэсэг). Таны UX судлаач танд өгсөн саяхны тайланд итали хоол захиалах үед хэрэглэгчид өөрт нь хамгийн ойр байдаг рестораныг голчлон анхаардаг гэж мэдэгджээ. Эцсийн эцэст, бид бүгд лазанья эсвэл пиццагаа шинэхэн, дулаахан байхад нь хүргэж өгөхийг хүсч байна, тийм үү?

Аппын хэрэглэгчдэдээ аль ресторан өөрт хамгийн ойр байгааг харахад хялбар болгохын тулд бид UI дээрх эдгээр ресторануудыг тодруулснаар ижил төстэй байдлын зарчмыг ашиглаж болно. Доорх зурган дээрээс та эдгээр сонголтыг шар (баруун талд) өнгөөр ​​тодруулах нь хамгийн ойрын ресторан болон хол байгаа ресторануудын хоорондох ялгааг нүдээр онцлон харуулах замаар ямар том өөрчлөлт авчирдаг болохыг харж болно. Ингэснээр та хэрэглэгчиддээ хайж буй зүйлээ хурдан олоход нь туслахын тулд ижил төстэй байдлын зарчмыг ашиглаж болно.

Ижил төстэй байдлын гештальт зарчмыг ашиглах. Зохиогчийн зураг.

Ойролцооны хууль

Ойролцооны зарчим нь бие биентэйгээ ойр байрлах объектууд илүү их юм шиг харагддагийг хэлдэг. бие биенээсээ хол зайд оршдог объектуудаас хамааралтай . Жишээлбэл, эхний болон хоёр дахь зураг ижил хэмжээний тойрогтой байна. Харин хоёр дахь зурган дээр тодорхой баганууд бие биендээ ойртож, нэг том бүлгийн оронд гурван өөр бүлэгтэй мэт сэтгэгдэл төрүүлж байна.

Ойрхон байдал - жишээ 1 - том бүлэг. Зохиогчийн зураг.

Ойролцоох - жишээ 2 - гурван ялгаатай бүлэг. Зохиогчийн зураг.

UX болон UI дизайнд ойртохыг ашиглах нь

Талбараас жишээ авъя. Мэдээллийн дүрслэл.

Энэ удаад таныг "Il Mio Chef" аппликейшн хэрхэн ажилладгийг харахыг хүсч буй удирдах ажилтан байна гэж төсөөлье. Та санхүүгийн гүйцэтгэл, хэрэглэгчийн оролцоо, сэтгэл ханамжийг хэмждэг KPI-г харахыг хүсч байна. Эхлээд таны мэдээллийн дүрслэл хариуцсан мэргэжилтэн доорх хяналтын самбарыг бий болгож, таныг болон бусад бүх удирдлагуудыг тоонд төөрч, илүү олон асуулт асуухад хүргэдэг. Нэг сарын дараа та нарын ихэнх нь энэ хяналтын самбарыг ашиглахаа больсон.

KPI хяналтын самбар - Il Mio Chef. Зохиогчийн зураг.

Энэ үед та мэдээллийн дүрслэл хариуцсан мэргэжилтэн рүүгээ буцаж очоод хяналтын самбарыг дахин загварчлах замаар хүмүүст том дүр зургийг ойлгоход хялбар болгохыг түүнээс хүс. Ойролцоох зарчим нь энэ тохиолдолд хэрэг болох бөгөөд та доорх шинэ загварыг харж болно. Энэ нь KPI-ийн төрлөөр хуваагдсан гурван бүлгийг агуулдаг бөгөөд энэ нь санхүүгийн гүйцэтгэл, оролцоо, сэтгэл ханамжийн хувьд програм хэрхэн ажиллаж байгааг ойлгоход хүн бүрт тусалдаг. Объектуудыг хамтад нь бүлэглэж, бүлгүүдийн хооронд илүү их зай ашиглах нь таны хэрэглэгчдэд мэдээллийг илүү хурдан шингээхэд тусална.

Хяналтын самбарын дизайнд ойр байх Gestalt зарчмыг ашиглах нь. Зураг зохиогч.

The Law OfТасралтгүй байдал

Тасралтгүй байдлын зарчим нь нүд ямар нэгэн объектыг дагаж эхэлмэгц тэр чиглэлийн "хөдөлгөөнийг" дагаж өөр биеттэй тулгарах хүртлээ үргэлжилнэ. Энэхүү хөдөлгөөн нь тухайн объектыг мэдээлэл олохын тулд туулах ёстой замынхаа нэг хэсэг гэж ойлгоход бидэнд тусалдаг. Доорх зураг нь нүдийг тодорхой чиглэлд чиглүүлэх ийм харааны хэв маягийг бий болгохын тулд тасралтгүй байдлын зарчмыг хэрхэн ашиглаж болохыг харуулж байна.

Тасралтгүй байдлын зарчмын жишээ. Зохиогчийн зураг.

UX болон UI дизайн дахь тасралтгүй байдлыг ашиглах нь

Танай UX судлаач шинэ тайланг танилцуулсан. "Il Mio Chef" програмыг ашиглах гол сэдэл нь хэрэглэгчдэд долоо хоног бүр Италийн хоолны шинэ ресторанууд руу орох боломжийг олгодог тул хоолны эрэл хайгуул юм. Та доорх зурган дээрх (зүүн талд) одоогийн UI загвараар хүмүүс сонголтоо хэдэн удаа шударч байгааг харуулдаг хэмжигдэхүүнийг харж, тэдэнд ямар сонголтууд байгааг харахын тулд дунджаар хоёроос илүү удаа шудардаггүйг харна уу.

Тасралтгүй байдлын зарчмыг (доорх зургийн баруун талд) ашигласнаар таны UX дизайнер энэ тоог дунджаар 10 орчим шудрахад тусалсан. Энэ нь яаж болсон бэ? Зургийн нэг хэсгийг нууж, тэнд юу байгааг харахын тулд зүүн эсвэл баруун тийш шударна уу гэдгийг онцолсноор таны хэрэглэгчдийн нүд шууд утгаараа "шулах" хөдөлгөөнийг бий болгоход чиглэгдэж, илүү их байсан.илүү олон зоогийн газар болон тэдний санал болгож буй зүйлсийг судлах хүсэл эрмэлзэлтэй. Энэ нь таныг угаасаа урам зоригтой байсан ч өмнөх загвар нь таныг огтхон ч хийх сэдэл төрүүлээгүй зүйл юм.

UX/UI дизайн дахь тасралтгүй байдлын Gestalt зарчмыг ашиглах. Зохиогчийн зураг.

Дүгнэж хэлэхэд , энэ нийтлэлд үзүүлсэн Gestalt зарчмуудыг UX болон UI дизайндаа ашиглах нь таны хэрэглэгчдэд мэдээллийг илүү хурдан, илүү сайн шингээхэд тусална. тэр. Нэмж дурдахад, энэ нь тэднийг хамгийн их дуртай үйлдлүүдийг хийхэд нь түлхэц өгснөөр таны бүтээгдэхүүнд сэтгэл ханамжийг нь нэмэгдүүлж чадна.

‍

Хавтасны зурагт Миклос Филипсийн Векторнатор дээр засварласан уран бүтээл багтсан болно.