ანიმაცია საიტზე: მოძრაობა, რომელიც გამოყენებას არ უშლის ხელს

გვერდი იხსნება, სათაური ზემოთ ამოდის, ფონი ირხევა და ბარათები გვერდიდან შემოდის. ერთი ეფექტი შეიძლება ზომიერი იყოს, ერთდროულად რამდენიმე კი კითხვას უშლიდეს ხელს. მოძრაობა დიზაინის ნაწილია, მაგრამ ინფორმაციის მიღების აუცილებელ დაბრკოლებად არ უნდა იქცეს.

მომხმარებლების ნაწილს მოძრაობის შემცირება მოწყობილობის პარამეტრებში აქვს არჩეული. ასეთი არჩევანის გათვალისწინება არ ნიშნავს, რომ ყველასთვის საიტი უძრავი უნდა გახდეს. საჭიროა სასარგებლო უკუკავშირის შენარჩუნება და იმ გადაადგილებების შემცირება, რომლებიც კონკრეტული ამოცანის შესრულებას არ სჭირდება.

ჯერ მოძრაობის დანიშნულება გაარჩიეთ

ღილაკზე დაჭერის დასტური, მენიუს გახსნა და შეცვლილი სტატუსი მომხმარებელს მდგომარეობის გაგებაში ეხმარება. მუდმივად მოცურავე დეკორაცია სხვა დანიშნულებას ასრულებს. ამ ორ ჯგუფს ერთიანი „ყველაფერი ჩართულია ან გამორთულია“ წესით ნუ მართავთ.

მნიშვნელოვანი ინფორმაცია ანიმაციის დასრულებას არ უნდა ელოდებოდეს. სათაური, ფასი და შემდეგი მოქმედება ადრევე ჩანდეს. თუ მთავარი ფუნქცია მხოლოდ მოძრაობის ყურებით ხდება გასაგები, ტექსტი ან სხვა მკაფიო ნიშანიც დაამატეთ.

მოწყობილობის არჩევანს უპასუხეთ

WebKit-ის 2017 წლის განმარტება prefers-reduced-motion-ის გამოყენებას CSS-სა და JavaScript-ში აღწერს. მისი საშუალებით შესაძლებელია განსხვავებული მოძრაობის შეთავაზება მათთვის, ვისაც შემცირებული ვარიანტი ურჩევნია.

მაგალითად, დიდი მასშტაბირება მოკლე, მშვიდი ცვლილებით შეცვალეთ ან დეკორატიული უწყვეტი მოძრაობა შეაჩერეთ. შედეგი ორივე რეჟიმში გასაგები დარჩეს. მხოლოდ ხანგრძლივობის თითქმის ნულამდე დაყვანამ ზოგჯერ მდგომარეობების მართვაც შეიძლება დააზიანოს, თუ კოდი დასრულების მოვლენას ელოდება.

შემცირებული რეჟიმიც სრულფასოვნად გამოსცადეთ

გადაამოწმეთ მენიუ, ფანჯარა, სლაიდერი და გვერდზე გადასვლა. კლავიატურის ფოკუსი და სტატუსის ტექსტი ორივე რეჟიმში ჩანდეს. მოძრავ ელემენტთან ურთიერთქმედებამ კითხვის ადგილი არ უნდა დაკარგოს. ავტომატურ და მომხმარებლის მიერ დაწყებულ მოძრაობას სხვადასხვა ქცევა შეიძლება სჭირდებოდეს.

• შეადგინეთ ძირითადი და დეკორატიული ანიმაციების მოკლე სია.
• ჩართეთ მოწყობილობის შემცირებული მოძრაობის პარამეტრი.
• მთავარი ამოცანები ორივე რეჟიმში გაიარეთ.
• შეამოწმეთ სტატუსები და დასრულების მოვლენაზე დამოკიდებული კოდი.
• ტელეფონზე გრძელი გვერდის კითხვაც გამოსცადეთ.

ინტერფეისის დიზაინში მოძრაობა მომხმარებლის დახმარების საშუალებაა. არჩევანის გათვალისწინება მისი ხარისხის ნაწილია და ვიზუალური ხასიათის ავტომატურ დაკარგვას არ მოითხოვს.