Სარჩევი
ერთ-ერთი ყველაზე გავლენიანი ფსიქოლოგიური თეორია UX და ურთიერთქმედების დიზაინის სფეროებში არის გეშტალტის თეორია. თეორია დააფუძნეს გერმანელმა ფსიქოლოგებმა და სიტყვა "გეშტალტი" გერმანულად ფორმას ან ფორმას ნიშნავს. როგორც სახელი გულისხმობს, გეშტალტის პრინციპების იდეა არის ის, რომ ადამიანები აღიქვამენ ობიექტების ჯგუფებს, როგორც ნიმუშებს და არა ცალკეულ ობიექტებს. გამოიყენეთ ისინი თქვენს საქმიანობაში, როგორც UX/UI დიზაინერი. ეს სტატია მოგცემთ რამდენიმე იდეას იმის შესახებ, თუ როგორ გამოიყენოთ გეშტალტის პრინციპები უკეთესი UX და UI დიზაინის შესაქმნელად, რაც დაეხმარება ადამიანებს მიაღწიონ თავიანთ მიზნებს ნაკლები ძალისხმევით.
მსგავსების კანონი
მსგავსების პრინციპი ამბობს, რომ როდესაც ობიექტები ფიზიკურად მსგავსია, ჩვენ ვაპირებთ დავაჯგუფოთ ისინი ერთად და ვივარაუდოთ, რომ მათ აქვთ იგივე ფუნქციონირება . მაგალითად, ქვემოთ მოცემულ სურათზე საკმაოდ ადვილია განასხვავოთ ხაზი, რომელიც შეიცავს შინდისფერ წითელ წრეებს გამოსახულების დანარჩენისაგან მისი განსხვავებული ფერის გამო.
მსგავსების პრინციპის მაგალითი. ავტორის ფოტო.
მსგავსების გამოყენება UX და UI დიზაინში
მოდით წარმოვიდგინოთ, რომ თქვენმა კომპანიამ შეიმუშავა აპლიკაცია სახელწოდებით "Il Mio Chef", რომელსაც იყენებენ იტალიელი საკვების მოყვარულები აშშ-სა და კანადაში (ჩვენ გამოვიყენებთ მასამ სტატიის დანარჩენი). ბოლო მოხსენებაში, რომელიც თქვენმა UX-ის მკვლევარმა გადმოგცათ, ნათქვამია, რომ როდესაც საქმე ეხება იტალიური საკვების შეკვეთას, მომხმარებლებს ძირითადად აინტერესებთ, რომელი რესტორნებია მათთან ყველაზე ახლოს. ყოველივე ამის შემდეგ, ჩვენ ყველას გვსურს, რომ ჩვენი ლაზანია ან პიცა მოგვაწოდონ, სანამ ის ჯერ კიდევ სუფთა და თბილია, არა?
იმისთვის, რომ ჩვენი აპლიკაციის მომხმარებლებს მარტივად დავეხმაროთ, დაინახონ, რომელი რესტორნებია მათთან ყველაზე ახლოს. შეუძლია გამოიყენოს მსგავსების პრინციპი UI-ში ამ რესტორნების ხაზგასმით. ქვემოთ მოყვანილ სურათზე ხედავთ, თუ როგორ ხაზს უსვამს ამ ვარიანტებს ყვითლად (მარჯვნივ) დიდ განსხვავებას ვიზუალურად ხაზს უსვამს განსხვავებას უახლოეს რესტორნებსა და უფრო შორს მდებარე რესტორნებს შორის. ასე შეგიძლიათ გამოიყენოთ მსგავსების პრინციპი, რათა დაეხმაროთ თქვენს მომხმარებლებს სწრაფად იპოვონ ის, რასაც ეძებენ.
მსგავსების გეშტალტის პრინციპის გამოყენება. სურათი ავტორის მიერ.
სიახლოვის კანონი
სიახლოვის პრინციპი ამბობს, რომ ობიექტები, რომლებიც მდებარეობს ერთმანეთთან ახლოს როგორც ჩანს, უფრო მეტია დაკავშირებული ვიდრე ობიექტები, რომლებიც ერთმანეთისგან უფრო შორს არიან განლაგებული. მაგალითად, პირველ სურათს და მეორე სურათს აქვთ იგივე რაოდენობის წრეები. თუმცა, მეორე სურათზე გარკვეული სვეტები უფრო ახლოსაა ერთმანეთთან და ქმნის შთაბეჭდილებას, რომ ერთი დიდი ჯგუფის ნაცვლად სამი განსხვავებული ჯგუფია.
სიახლოვე - მაგალითი 1 - დიდი ჯგუფი. სურათი ავტორის მიერ.
სიახლოვე - მაგალითი 2 - სამი განსხვავებული ჯგუფი. სურათი ავტორის მიერ.
სიახლოვის გამოყენება UX და UI დიზაინში
მოდით ავიღოთ მაგალითი ველიდან ინფორმაციის ვიზუალიზაციის შესახებ.
ამჯერად, წარმოვიდგინოთ, რომ თქვენ ხართ აღმასრულებელი, რომელსაც გსურთ ნახოთ, როგორ მუშაობს თქვენი აპლიკაცია „Il Mio Chef“. გსურთ გადახედოთ KPI-ებს, რომლებიც ზომავს ფინანსურ შესრულებას, მომხმარებლის ჩართულობას და კმაყოფილებას. თავდაპირველად, თქვენი ინფორმაციის ვიზუალიზაციის სპეციალისტი ქმნის ქვემოთ მოცემულ საინფორმაციო დაფას, რომელიც თქვენ და ყველა სხვა აღმასრულებელს აიძულებს დაიკარგოთ რიცხვებში და კიდევ უფრო მეტი კითხვები დაგისვათ. ერთი თვის შემდეგ ბევრი თქვენგანი უბრალოდ წყვეტს ამ დაფის გამოყენებას.
KPI დაფა - Il Mio Chef. სურათი ავტორის მიერ.
ამ ეტაპზე თქვენ უბრუნდებით თქვენს ინფორმაციის ვიზუალიზაციის სპეციალისტს და სთხოვთ მას გაუადვილოს ხალხს დიდი სურათის გაგება დაფის ხელახალი დიზაინით. სიახლოვის პრინციპი ამ შემთხვევაში გამოგადგებათ და ახალი დიზაინი შეგიძლიათ იხილოთ ქვემოთ. ის შეიცავს სამ ჯგუფს დაყოფილი KPI-ის ტიპის მიხედვით და ეხმარება ყველას გაიგოს, თუ როგორ მუშაობს აპლიკაცია ფინანსური მუშაობის, ჩართულობისა და კმაყოფილების თვალსაზრისით. ობიექტების ერთად დაჯგუფება და ჯგუფებს შორის მეტი თეთრი სივრცის გამოყენება დაგეხმარებათ თქვენს მომხმარებლებს ინფორმაციის უფრო სწრაფად გადამუშავებაში.
Იხილეთ ასევე: 10 მოწინავე ქალი, რომლებმაც შეცვალეს გრაფიკული დიზაინის სამყარო
სიახლოვის გეშტალტის პრინციპის გამოყენება დაფის დიზაინში. სურათი ავტორის მიერ.
The Law Ofუწყვეტობა
უწყვეტობის პრინციპი ამბობს, რომ როგორც კი თვალი დაიწყებს ობიექტს მიყოლას, ის გააგრძელებს „მოძრაობას“ ამ მიმართულებით მანამ, სანამ სხვა ობიექტს არ შეხვდება. ეს მოძრაობა გვეხმარება აღვიქვათ ობიექტი, როგორც იმავე გზის ნაწილი, რომელიც უნდა გავიაროთ ინფორმაციის საპოვნელად. ქვემოთ მოყვანილი სურათი გვიჩვენებს, თუ როგორ შეგვიძლია გამოვიყენოთ უწყვეტობის პრინციპი ისეთი ვიზუალური შაბლონების შესაქმნელად, რომლებიც თვალს მიმართავს კონკრეტული მიმართულებით.
განგრძობითობის პრინციპის მაგალითი. სურათი ავტორის მიერ.
უწყვეტობის გამოყენება UX და UI დიზაინში
თქვენმა UX მკვლევარმა წარმოადგინა ახალი ანგარიში, რომელიც აჩვენებს რომ მომხმარებლებისთვის "Il Mio Chef" აპლიკაციის გამოყენების მთავარი მოტივაცია არის საკვების მოძიება, რადგან ეს მათ ყოველ კვირას აძლევს საშუალებას წვდომის ახალ იტალიურ რესტორნებს. თქვენ უყურებთ მეტრიკას, რომელიც გვიჩვენებს, რამდენჯერ გადაფურცლევენ ადამიანები თავიანთ ვარიანტებს ქვემოთ მოცემულ სურათზე (მარცხნივ) ამჟამინდელი UI დიზაინით და ხედავთ, რომ ისინი არასოდეს გადაფურცლევენ საშუალოდ ორჯერ მეტს, რომ ნახონ, რა ვარიანტებია მათთვის ხელმისაწვდომი.
უწყვეტობის პრინციპის გამოყენებით (მარჯვენა მხარე ქვემოთ მოცემულ სურათზე) თქვენმა UX დიზაინერმა ხელი შეუწყო ამ რიცხვის გაზრდას საშუალოდ დაახლოებით 10 დარტყმამდე. Ეს როგორ მოხდა? სურათის ნაწილის დამალვით და იმ ფაქტის ხაზგასმით, თქვენ უნდა გადაფურცლეთ მარცხნივ ან მარჯვნივ, რომ ნახოთ რა არის იქ, თქვენი მომხმარებლების თვალებმა პირდაპირი მნიშვნელობით შექმნეს „გადახვევის“ მოძრაობა და უფრო მეტი.მოტივირებულია შეისწავლონ მეტი რესტორანი და რას გვთავაზობენ. ეს არის ის, რაც ადრინდელი დიზაინი საერთოდ არ გიბიძგებდათ ამის გასაკეთებლად, მაშინაც კი, თუ თქვენ უკვე გაქვთ ამის არსებითი მოტივაცია.
UX/UI დიზაინში უწყვეტობის გეშტალტის პრინციპის გამოყენება. სურათი ავტორის მიერ.
შესაჯამებლად , ამ სტატიაში წარმოდგენილი გეშტალტის პრინციპების გამოყენება თქვენს UX და UI დიზაინში დაგეხმარებათ თქვენს მომხმარებლებს ინფორმაციის უფრო სწრაფად და უკეთესად მოძიებაში. ის. გარდა ამისა, ამან შეიძლება გაზარდოს მათი კმაყოფილება თქვენი პროდუქტით, მოტივირებით განახორციელონ ის ქმედებები, რომლებიც ყველაზე მეტად უყვართ.
Იხილეთ ასევე: Adobe Illustrator წინააღმდეგ Adobe Photoshop
გარეკანში შედის Miklos Philips-ის ნამუშევრები, რედაქტირებულია Vectornator-ში.
